.film{--header-h:88px;--film-p:0;margin-top:calc(-1 * var(--header-h));background:var(--obsidian,#080809);color:var(--ink,#f1f0f0);position:relative}.film-stage{isolation:isolate;min-height:max(620px,100svh);position:relative;overflow:hidden}.film-poster,.film-poster img,.film-canvas,.film-shade{width:100%;height:100%;position:absolute;inset:0}.film-poster img{object-fit:cover;object-position:62% 50%}.film-canvas{opacity:0;transition:opacity .5s}.film-shade{pointer-events:none;background:linear-gradient(90deg,#080809eb 0%,#080809b8 30%,#0808092e 56%,#0000 72%),linear-gradient(#0000 66%,#080809d9 100%)}.film-hero{z-index:3;left:var(--page-inset);top:calc(var(--header-h) + clamp(48px, 13vh, 150px));width:min(46%,760px);position:absolute}.film-hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:10.5em;margin:22px 0 0;font-size:clamp(2.8rem,5.6vw,7.2rem);font-weight:750;line-height:.98}.film-hero h1 span{color:var(--accent,#ec4048)}.film-eyebrow{color:var(--accent,#ec4048)!important}.film-intro{color:#d9d4d5;max-width:30em;margin-top:26px;font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.6}.film-actions{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:34px;display:flex}.film-chapters{padding:var(--chapter-space) var(--page-inset);z-index:2;background:var(--obsidian,#080809);grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px;margin:max(620px,100svh) 0 0;list-style:none;display:grid;position:relative}.film-chapter{border-top:1px solid #f1f0f024;padding-top:18px}.film-chapter-index{letter-spacing:.16em;color:var(--accent,#ec4048);font-size:.72rem;font-weight:700}.film-chapter h2{letter-spacing:-.03em;margin:12px 0 10px;font-size:clamp(1.35rem,1.8vw,2rem)}.film-chapter p{color:#b9b2b3;font-size:.96rem;line-height:1.6}.film-chapter .button{margin-top:18px}.film-rail,.film-progress,.film-loading,.film-skip{display:none}.film-stage>.film-chapters{position:relative}:root[data-motion=full] .film.is-live{height:800svh}:root[data-motion=full] .film.is-live .film-stage{height:100svh;min-height:0;position:sticky;top:0}:root[data-motion=full] .film.is-ready .film-canvas{opacity:1}:root[data-motion=full] .film.is-ready .film-poster{visibility:hidden}:root[data-motion=full] .film.is-live .film-hero{opacity:calc(1 - min(1, max(0, (var(--film-p) - .035) * 22)));transform:translateY(calc(min(1, max(0, (var(--film-p) - .035) * 22)) * -30px))}:root[data-motion=full] .film.is-live .film-hero:not([data-on]){pointer-events:none}:root[data-motion=full] .film.is-live .film-chapters{inset:auto auto clamp(64px, 11vh, 120px) var(--page-inset);background:0 0;width:min(40%,620px);margin:0;padding:0;display:block;position:absolute}:root[data-motion=full] .film.is-live .film-chapter{opacity:0;pointer-events:none;border:0;width:100%;padding:0;transition:opacity .45s,transform .45s;position:absolute;bottom:0;left:0;transform:translateY(18px)}:root[data-motion=full] .film.is-live .film-chapter[data-on]{opacity:1;pointer-events:auto;transform:none}:root[data-motion=full] .film.is-live .film-chapter:first-child[data-on]{opacity:min(1, max(0, (var(--film-p) - .07) * 20))}:root[data-motion=full] .film.is-live .film-chapter h2{letter-spacing:-.045em;margin:14px 0;font-size:clamp(2rem,3.6vw,4.2rem);line-height:1.02}:root[data-motion=full] .film.is-live .film-chapter p{color:#d9d4d5;max-width:28em;font-size:clamp(1rem,1.15vw,1.25rem)}:root[data-motion=full] .film.is-live .film-rail{z-index:4;display:block;position:absolute;top:50%;right:clamp(18px,2.4vw,44px);transform:translateY(-50%)}.film-rail ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.film-rail a{letter-spacing:.12em;text-transform:uppercase;color:#8f8789;flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:12px;min-height:36px;font-size:.68rem;font-weight:600;display:flex}.film-rail a b{color:#6d6466;font-weight:700}.film-rail a span{opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080809b8;border-radius:3px;padding:4px 8px;transition:opacity .25s,transform .25s;transform:translate(8px)}.film-rail a:hover span,.film-rail a:focus-visible span,.film-rail a[aria-current] span{opacity:1;transform:none}.film-rail a[aria-current]{color:#f1f0f0}.film-rail a[aria-current] b{color:var(--accent,#ec4048)}:root[data-motion=full] .film.is-live .film-progress{z-index:4;background:#f1f0f014;height:2px;display:block;position:absolute;bottom:0;left:0;right:0}.film-progress i{background:var(--accent,#ec4048);transform-origin:0;position:absolute;inset:0}:root[data-motion=full] .film.is-live .film-loading{z-index:4;right:var(--page-inset);top:calc(var(--header-h) + 24px);letter-spacing:.12em;text-transform:uppercase;color:#b9b2b3;font-size:.72rem;display:block;position:absolute}:root[data-motion=full] .film.is-live .film-skip{z-index:4;right:var(--page-inset);color:#e9e4e5;border-bottom:1px solid #ec404899;align-items:center;gap:10px;min-height:44px;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;bottom:22px}.film-skip svg{width:16px;height:16px;rotate:90deg}@media (max-width:760px){.film{--header-h:72px}}@media (max-width:760px),(max-aspect-ratio:4/5){.film-poster img{object-position:50% 30%}.film-shade{background:linear-gradient(#0000 32%,#08080933 44%,#080809db 66%,#080809f5 100%)}.film-hero{top:auto;bottom:max(28px, env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);width:auto}.film-hero h1{font-size:clamp(2.3rem,10.5vw,3.6rem)}.film-intro{margin-top:16px;font-size:1rem}.film-actions{margin-top:22px}.film-chapters{padding-inline:var(--gutter);grid-template-columns:1fr 1fr;gap:28px 18px}:root[data-motion=full] .film.is-live{height:500svh}:root[data-motion=full] .film.is-live .film-chapters{left:var(--gutter);right:var(--gutter);width:auto;bottom:max(70px, calc(env(safe-area-inset-bottom) + 56px))}:root[data-motion=full] .film.is-live .film-chapter h2{font-size:clamp(1.7rem,7.6vw,2.4rem)}:root[data-motion=full] .film.is-live .film-chapter p{font-size:.95rem}:root[data-motion=full] .film.is-live .film-rail{display:none}:root[data-motion=full] .film.is-live .film-skip{left:var(--gutter);bottom:14px;right:auto}:root[data-motion=full] .film.is-live .film-progress{top:var(--header-h);bottom:auto}}@media (max-width:420px){.film-chapters{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.film-canvas{display:none}.film-chapter{transition:none!important}}
