.film{aspect-ratio:16/9;background:#000;margin:0;position:relative;overflow:hidden}.film picture,.film-poster,.film-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.film-video{opacity:0;transition:opacity .24s linear}.film-video.is-on{opacity:1}.film--moment{background:0 0;width:86vw;max-height:100dvh;margin-inline:calc(50% - 43vw)}.film--moment:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#000 0%,#0000 12% 88%,#000 100%),linear-gradient(#000 0%,#0000 12% 88%,#000 100%);position:absolute;inset:0}.film--card{background:#05070a;border:1px solid #417bbf47;border-radius:1.125rem;width:100%;max-width:64rem;margin-inline:auto}@media (width<=767px) and (orientation:portrait){.film--moment{aspect-ratio:9/16;width:100vw;max-height:100dvh;margin-inline:calc(50% - 50vw)}.film--card,.film--moment.film--card390{aspect-ratio:4/5}}.film-controls{z-index:2;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.film--moment .film-controls{top:14%;right:14%}.film-btn{color:#f4f7fb;min-width:2.75rem;height:2.75rem;font:500 .875rem/1 var(--font-brand,"Geist", system-ui, sans-serif);cursor:pointer;background:#05070aeb;border:1px solid #417bbf66;border-radius:.75rem;grid-auto-flow:column;place-items:center;gap:.5rem;padding:0 .75rem;display:inline-grid}.film-btn:hover{border-color:#6aa3e6}.film-btn:focus-visible{outline-offset:.125rem;outline:.1875rem solid #6c9fdb}.film-btn[aria-pressed=true]{border-color:#6aa3e6}.film-cc{z-index:2;white-space:pre-line;color:#f4f7fb;-webkit-line-clamp:2;background:#05070aeb;border:1px solid #417bbf66;border-radius:.75rem;-webkit-box-orient:vertical;max-width:70%;padding:.375rem .625rem;font:600 1.125rem/1.35 IBM Plex Mono,ui-monospace,monospace;display:-webkit-box;position:absolute;bottom:1.5rem;left:1.5rem;overflow:hidden}.film--moment .film-cc{bottom:14%;left:14%}@media (width<=639px){.film-cc{font-size:.875rem;bottom:1rem;left:1rem}}.film-note{color:#c3ccd9;max-width:46rem;margin:.875rem auto 0;font-size:1.0625rem;line-height:1.5}.film-note--moment,.film-note--card{text-align:center}[data-site=cinematic]>.film--card,[data-site=cinematic]>.film-transcript{width:min(calc(100% - 2 * var(--cin-gutter,1.5rem)), 64rem);margin-inline:auto}[data-site=cinematic]>.film--card{margin-block:clamp(1.25rem,3.5vh,3rem) 0}[data-site=cinematic]>.film-note--card,[data-site=cinematic]>.film-transcript{margin-bottom:clamp(1.25rem,3.5vh,3rem)}.film-note--in{display:none}.pz-film+.film-note--card{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pz-film .film-note--in{z-index:1;text-align:left;pointer-events:none;color:#d3dbe6;-webkit-line-clamp:3;background:linear-gradient(#0000,#000000d1 62%);-webkit-box-orient:vertical;max-width:none;margin:0;padding:2.5rem 1.1rem .8rem;font-size:.9375rem;line-height:1.4;display:-webkit-box;position:absolute;inset:auto 0 0;overflow:hidden}.pz-film .film-note--in .film-note-k{margin:0 .6em 0 0;display:inline}.pz-film .film-cc{bottom:4.5rem}.film-note-k{color:#6c9fdb;font:500 .75rem/1 var(--font-label,"IBM Plex Mono", ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;display:block}.film-transcript{color:#a9b4c4;margin-top:.75rem;font-size:.875rem}.film-transcript summary{cursor:pointer;color:#f4f7fb;justify-content:center;align-items:center;min-height:2.75rem;display:flex}.film-transcript ol{gap:.25rem;margin:.5rem 0 0;padding-left:1.25rem;display:grid}@media (prefers-reduced-motion:reduce){.film-video{transition:none}}