.film{--film-bg:#0b0d12;--film-ink:#f3ede2;--film-muted:#cfc6b6;--film-accent:#d8b46a;--film-progress:0;position:relative;isolation:isolate;margin-top:calc(-1 * var(--header-h));color:var(--film-ink)}.film,.film__stage{background:var(--film-bg)}.film__stage{position:sticky;top:0;z-index:0;height:100vh;height:100dvh;overflow:hidden}.film__still,.film__still img,.film__stills,.film__video{position:absolute;inset:0;width:100%;height:100%}.film__still img,.film__video{display:block;object-fit:cover;object-position:50% 50%}.film__still{opacity:0;transition:opacity .7s ease}.film__still[data-on]{opacity:1}.film__video{z-index:1;visibility:hidden}.film[data-painted] .film__video{visibility:visible}.film[data-painted] .film__stills{visibility:hidden}.film__shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgb(8 9 12/.55) 0,rgb(8 9 12/0) 22%),linear-gradient(90deg,rgb(8 9 12/.7) 0,rgb(8 9 12/.28) 46%,rgb(8 9 12/0) 72%)}.film__story{position:relative;z-index:3;margin-top:-100dvh;pointer-events:none}.film__chapter{position:relative}.film__chapter,.film__pin{min-height:100vh;min-height:100dvh}.film__pin{position:sticky;top:0;display:flex;align-items:center;padding:calc(var(--header-h) + 3rem) clamp(1.25rem,6vw,6rem) 4rem}.film__copy{width:min(38rem,52vw);pointer-events:auto}.film__kicker{margin:0 0 1rem;color:var(--film-accent);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.film__title{margin:0;color:var(--film-ink);font-size:clamp(2.3rem,4.6vw,4.6rem);line-height:1.02;letter-spacing:-.015em;text-wrap:balance;text-shadow:0 2px 28px rgb(0 0 0/.55)}.film__chapter:not([data-first]) .film__title{font-size:clamp(2rem,3.6vw,3.6rem)}.film__body{max-width:34rem;margin:1.4rem 0 0;color:var(--film-muted);font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.6;text-shadow:0 1px 14px rgb(0 0 0/.6)}.film__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem}.film__btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.3rem;border:1px solid var(--film-ink);background:var(--film-ink);color:#14120e;font-size:.95rem;font-weight:600;transition:opacity .2s ease}.film__btn:hover{opacity:.88}.film__btn--ghost{background:transparent;color:var(--film-ink);border-color:rgb(243 237 226/.45)}.film__btn--ghost:hover{border-color:var(--film-ink);opacity:1}.film__rail{position:absolute;z-index:4;top:50%;right:clamp(1rem,3vw,2.5rem);transform:translateY(-50%);align-items:flex-end;gap:1.25rem}.film__rail,.film__rail ol{display:flex;flex-direction:column}.film__rail ol{position:relative;gap:.15rem;margin:0;padding:0 .9rem 0 0;list-style:none}.film__rail ol:after,.film__rail ol:before{content:"";position:absolute;top:.55rem;bottom:.55rem;right:0;width:1px;background:rgb(243 237 226/.22)}.film__rail ol:after{background:var(--film-accent);transform-origin:top;transform:scaleY(var(--film-progress))}.film__rail button{min-height:2.1rem;padding:.3rem .2rem;border:0;background:transparent;color:rgb(243 237 226/.55);font:inherit;font-size:.8rem;letter-spacing:.06em;text-align:right;cursor:pointer;transition:color .25s ease}.film__rail button:hover,.film__rail button[aria-current=step]{color:var(--film-ink)}.film__rail button[aria-current=step] .film__rail-label:after{content:"";display:inline-block;width:.45rem;height:.45rem;margin-left:.55rem;border-radius:50%;background:var(--film-accent);vertical-align:.1em}.film__rail button:focus-visible,.film__skip:focus-visible{outline:2px solid var(--film-accent);outline-offset:3px}.film__skip{padding:.3rem .9rem .3rem .2rem;color:rgb(243 237 226/.55);font-size:.75rem;letter-spacing:.06em;text-decoration:underline;text-decoration-color:rgb(243 237 226/.3);text-underline-offset:.3em}.film__skip:hover{color:var(--film-ink)}.film__progress{display:none}.film__replay{display:none;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.45rem .1rem;border:0;background:transparent;color:var(--film-muted);font:inherit;font-size:.9rem;cursor:pointer;text-decoration:underline;text-decoration-color:rgb(243 237 226/.35);text-underline-offset:.3em}.film__replay:hover{color:var(--film-ink)}.film__replay span{font-size:.7rem;text-decoration:none}html[data-film-seen] .film__chapter:not([data-first]),html[data-film-seen] .film__progress,html[data-film-seen] .film__rail{display:none}html[data-film-seen] .film__stage{position:absolute;inset:0;height:auto}html[data-film-seen] .film__story{margin-top:0}html[data-film-seen] .film__chapter[data-first],html[data-film-seen] .film__chapter[data-first] .film__pin{min-height:min(82vh,760px)}html[data-film-seen] .film__replay{display:inline-flex}.film__tail{position:relative;z-index:3;height:26vh;margin-top:-26vh;background:linear-gradient(to bottom,rgb(11 13 18/0),var(--color-paper));pointer-events:none}.film__anchor{position:absolute;bottom:0}@media (max-width:860px),(orientation:portrait){.film__rail{display:none}.film__progress{display:block;position:absolute;z-index:4;top:calc(var(--header-h) + .5rem);bottom:1.5rem;right:.6rem;width:2px;background:rgb(243 237 226/.18)}.film__progress span{display:block;height:100%;background:var(--film-accent);transform-origin:top;transform:scaleY(var(--film-progress))}.film__shade{background:linear-gradient(180deg,rgb(8 9 12/.6) 0,rgb(8 9 12/0) 20%),linear-gradient(0deg,rgb(8 9 12/.92) 0,rgb(8 9 12/.6) 34%,rgb(8 9 12/0) 62%)}.film__pin{align-items:flex-end;padding:calc(var(--header-h) + 2rem) max(1.25rem,env(safe-area-inset-right)) calc(3rem + env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.film__copy{width:min(100%,36rem)}.film__title{font-size:clamp(2rem,9vw,3.2rem)}.film__chapter:not([data-first]) .film__title{font-size:clamp(1.8rem,7.5vw,2.8rem)}}@media (max-width:767px){.film__pin{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.film__progress{bottom:calc(4.5rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.film__progress span,.film__rail ol:after,.film__still{transition:none}}