.film{display:grid;gap:var(--space-3);margin:0}.film__frame{position:relative;border:1px solid rgba(2,179,221,.28);border-radius:var(--radius-md);overflow:hidden;background:#000;box-shadow:0 22px 60px -34px #02b3dd80}.film__video{display:block;width:100%;aspect-ratio:16 / 9;height:auto;object-fit:cover;background:#000}.film__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;border:0;background:none;color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.film__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#0000 38%),#060a0d47;transition:background var(--dur-base) var(--ease-standard)}.film__cover:hover .film__scrim,.film__cover:focus-visible .film__scrim{background:linear-gradient(to top,#000000b8,#0000 38%),#060a0d14}.film__play{position:absolute;top:50%;left:50%;translate:-50% -50%;display:grid;place-items:center;width:84px;height:84px;padding-left:5px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:#171f2680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);transition:border-color var(--dur-base) var(--ease-standard),background-color var(--dur-base) var(--ease-standard),scale var(--dur-base) var(--ease-standard)}.film__cover:hover .film__play,.film__cover:focus-visible .film__play{border-color:var(--brand-accent);background:#02b3dd29;scale:1.06}.film__play:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(255,255,255,.16);border-radius:50%;opacity:0;transition:inset var(--dur-base) var(--ease-standard),opacity var(--dur-base) var(--ease-standard)}.film__cover:hover .film__play:after,.film__cover:focus-visible .film__play:after{top:-14px;right:-14px;bottom:-14px;left:-14px;opacity:1;border-color:#02b3dd6b}.film__cover:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.film__bar{position:absolute;inset:auto var(--space-6) var(--space-5) var(--space-6);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);font-size:var(--fs-eyebrow);letter-spacing:.18em;text-transform:uppercase;font-weight:500}.film__label{color:var(--text-primary)}.film__duration{color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.12em}.film__caption{font-size:var(--fs-body-sm);color:var(--text-secondary);max-width:72ch}@media(max-width:767px){.film__play{width:64px;height:64px}.film__bar{inset:auto var(--space-4) var(--space-4) var(--space-4);gap:var(--space-3)}}@media(prefers-reduced-motion:reduce){.film__scrim,.film__play,.film__play:after{transition:none}.film__cover:hover .film__play,.film__cover:focus-visible .film__play{scale:1}.film__cover:hover .film__play:after,.film__cover:focus-visible .film__play:after{top:-1px;right:-1px;bottom:-1px;left:-1px}}