.film{background:var(--bg-0);position:relative}.film-stage{position:relative}.film-media{position:absolute;inset:0;overflow:hidden}.film-clip{opacity:0;position:absolute;inset:0}.film-clip picture,.film-clip img,.film-clip canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film-clip canvas{opacity:0}.film-skip{right:var(--gutter);z-index:5;color:var(--fg-1);background:color-mix(in oklab, var(--bg-0) 60%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;padding:.5rem .9rem;font-size:.8rem;display:inline-flex;position:absolute;top:4.5rem}.film-skip:hover{color:var(--fg-0)}.film:not(.is-ready) .film-skip{display:none}.film-ground{background:var(--bg-0);opacity:0;position:absolute;inset:0}.film-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 40%,#04060a8c 100%);position:absolute;inset:0}.film-act{position:relative}.film-copy{max-width:46rem}.film-copy--lead{margin-right:auto}.film-copy--trail{text-align:right;margin-left:auto}.film-copy--center{text-align:center;margin-inline:auto}.film-h1{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.5rem,6.4vw,6.2rem);font-weight:600;line-height:.94}.film-h2{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.8rem,4.2vw,3.8rem);font-weight:600;line-height:.98}.film-line{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.035em;font-size:clamp(1.9rem,4.8vw,4.4rem);font-weight:600;line-height:1.02;display:block}.film.is-ready .film-scrim-panel{background:radial-gradient(70% 90% at 62%,#04060aa8 0%,#04060a6b 45%,#04060a1f 75%,#0000 100%);margin:-3rem -2.5rem;padding:3rem 2.5rem}.film.is-ready .film-static-only{display:none}.film.is-ready .film-copy--trail.film-scrim-panel{margin-left:auto;margin-right:-2.5rem}.film-scrim-text{text-shadow:0 2px 24px #0000008c,0 0 2px #0009}.film-rail{will-change:transform;gap:clamp(1rem,3vw,2.5rem);display:flex}.film-rail>*{flex:none;width:min(78vw,22rem)}.film:not(.is-ready) .film-media{display:none}.film:not(.is-ready) .film-act{padding:clamp(4rem, 10vh, 8rem) var(--gutter);max-width:var(--container);margin-inline:auto}.film:not(.is-ready) .film-poster{border-radius:var(--radius-lg);width:100%;margin-bottom:2.5rem;display:block}.film:not(.is-ready) .film-rail{flex-wrap:wrap}.film:not(.is-ready) .film-rail>*{width:min(100%,22rem)}.film:not(.is-ready) .film-ledger--fixed{display:none}.film.is-ready .film-stage{height:100svh;position:sticky;top:0;overflow:hidden}.film.is-ready .film-act{padding:4.5rem var(--gutter) 4.25rem;visibility:hidden;align-items:center;display:flex;position:absolute;inset:0}.film.is-ready .film-act-inner{width:100%;max-width:var(--container);margin-inline:auto}.film.is-ready .film-poster{display:none}.film.is-ready [data-cue]{opacity:0;will-change:opacity, transform;transform:translateY(18px)}.film.is-ready .film-ledger--static{display:none}.film.is-ready .film-rail{flex-wrap:nowrap}.film[data-past=true] .film-ledger--fixed{opacity:0;transform:translateY(120%)}.film-ledger--fixed{z-index:40;pointer-events:none;transition:transform .48s var(--ease-out), opacity .48s var(--ease-out);padding:.5rem var(--gutter) max(.5rem, env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.film-ledger-bar{pointer-events:auto;max-width:var(--container);background:color-mix(in oklab, var(--bg-0) 78%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:.75rem;margin-inline:auto;padding:.15rem .9rem;display:flex}.film-ledger-scroll{scrollbar-width:none;scroll-behavior:smooth;flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.film-ledger-scroll::-webkit-scrollbar{display:none}.film-stamp{white-space:nowrap;color:var(--fg-1);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;min-height:44px;padding:.3rem .6rem;font-size:.78rem;display:inline-flex}.film-stamp:hover{color:var(--fg-0);background:#ffffff0d}.film-stamp time{font-family:var(--font-mono), monospace;color:var(--fg-2);font-size:.7rem}.film-stamp[data-new=true]{animation:stamp-in .42s var(--ease-out) both}@keyframes stamp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.film-ledger-count{font-family:var(--font-mono), monospace;color:var(--fg-2);white-space:nowrap;flex:none;padding-left:.5rem;font-size:.7rem}@media (prefers-reduced-motion:reduce){.film-stamp[data-new=true]{animation:none}}@media (max-width:767px){.film-skip{top:4rem;right:var(--gutter);padding:.4rem .7rem;font-size:.75rem}.film-stamp{font-size:.72rem}.film.is-ready .film-act{padding-top:4.25rem;padding-bottom:4rem}.film.is-ready .film-act[data-act=arrival]{align-items:flex-start;padding-top:5.5rem}.film.is-ready .film-readout{display:none}.film-ledger--fixed{padding-inline:.5rem}}.film-readout{flex-wrap:wrap;gap:.5rem 1.75rem;max-width:46rem;margin-top:2.25rem;display:flex}.film-readout-item{align-items:baseline;gap:.5rem;font-size:.8125rem;display:flex}.film-readout dt{letter-spacing:.06em;text-transform:uppercase;color:var(--c-sales);font-size:.68rem;font-weight:600}.film-readout-item:last-child dt{color:var(--p-amber)}.film-readout dd{color:var(--fg-1);font-variant-numeric:tabular-nums;margin:0}.film:not(.is-ready) .film-readout{margin-top:1.5rem}@media (max-width:767px){.film-readout{gap:.35rem 1rem}.film-readout-item{font-size:.75rem}}
