.film{--film-pin:140vh;color:var(--frost);position:relative}.film--gate{--gate-moon:#9fb4d6;--gate-mist:#6e7a8c;--gate-forge:#ff7a1f;--gate-warm:#1b0f07;--gate-gold:#d8a23e}@media (orientation:portrait),(max-width:47.99rem){.film--gate{--film-pin:110vh}}.film__track{height:calc(var(--film-pin) + 100svh);position:relative}.film__stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.film__poster,.film__film{position:absolute;inset:0}.film__poster{z-index:2}.film__poster img{object-fit:cover;width:100%;height:100%;display:block}.film[data-drawn=true] .film__poster{visibility:hidden}.film__film{z-index:3;pointer-events:none}.film__canvas,.film__live{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.film__live{z-index:1}.film--gate .gate__copy{z-index:5;will-change:opacity, transform}.film--gate[data-moved] .gate__hint{animation:none}.film__ember{z-index:6;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#ffb66b,#e0661f 55%,#6a1d07);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.film .film__track{height:auto}.film--gate .film__stage{height:100svh;position:relative}.film .film__film,.film .film__ember{display:none}.film .gate__hint{animation:none}}.film[data-mode=still] .film__track{height:auto}.film--gate[data-mode=still] .film__stage{height:100svh;position:relative}.film[data-mode=still] .film__film,.film[data-mode=still] .film__ember{display:none}.film-debug{z-index:60;top:calc(var(--header-total-h,72px) + .5rem);color:#c8f7d4;font:500 .75rem/1.45 var(--font-mono,ui-monospace, monospace);white-space:pre;pointer-events:none;background:#000000c7;padding:.4rem .6rem;position:fixed;left:.5rem}