:root{--night:#140c0a;--cream:#fbfaf6;--muted:#d6c8b6;--ember:#e0874f;--line:#20231f1a;--ink-soft:#20231fcc;--paper:#fbfaf6;--display:"Newsreader", Georgia, "Times New Roman", serif;--head-h:77px}.track{background:var(--night);height:1100svh;position:relative}.stage{top:var(--head-h);height:calc(100svh - var(--head-h));background:var(--night);color:var(--cream);position:sticky;overflow:hidden}.backdrop{filter:blur(28px)saturate(1.15)brightness(.55);width:112%;height:112%;display:none;position:absolute;inset:-6%}.film{position:absolute;inset:0}.film img,.film video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.film video{visibility:hidden}.film video.on{visibility:visible}.film .final{opacity:0;pointer-events:none}.loading{z-index:4;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);font-variant-numeric:tabular-nums;background:#140c0a8c;border-radius:99px;padding:4px 10px;font-size:.66rem;transition:opacity .4s;position:absolute;top:12px;left:50%;transform:translate(-50%)}.shade{pointer-events:none;background:linear-gradient(#140c0a00 44%,#140c0a80 70%,#140c0ae6 100%);position:absolute;inset:0}.count{z-index:4;letter-spacing:.22em;color:var(--cream);opacity:.85;text-shadow:0 1px 8px #0009;font-variant-numeric:tabular-nums;font-size:.72rem;position:absolute;top:16px;right:clamp(16px,4vw,48px)}.count b{color:var(--cream);font-weight:600}.copy{pointer-events:none;z-index:3;position:absolute;inset:0}.step{left:clamp(16px,6vw,48px);right:clamp(16px,6vw,48px);bottom:calc(env(safe-area-inset-bottom,0px) + 84px);opacity:0;will-change:opacity,transform;text-shadow:0 1px 18px #00000059;position:absolute}.step:first-child{opacity:1}.when{letter-spacing:.22em;text-transform:uppercase;color:var(--ember);margin:0 0 .7rem;font-size:.72rem;font-weight:600}.step h2{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .9rem;font-size:clamp(2.3rem,9vw,4.8rem);font-weight:500;line-height:1}.step h2 em{color:var(--ember);font-weight:400}.step p{max-width:34ch;color:var(--muted);margin:0;font-size:1rem}.step p strong{color:var(--cream);font-weight:500}.rail{left:clamp(16px,6vw,48px);right:clamp(16px,6vw,48px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);z-index:5;grid-template-columns:repeat(8,1fr);gap:6px;display:grid;position:absolute}.rail button{all:unset;cursor:pointer;padding:10px 0;display:block}.rail button span{background:#fbfaf638;height:2px;display:block;position:relative;overflow:hidden}.rail button span i{background:var(--cream);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.rail button:focus-visible span{outline:2px solid var(--ember);outline-offset:4px}.hint{right:clamp(16px,6vw,48px);bottom:calc(env(safe-area-inset-bottom,0px) + 96px);z-index:4;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;font-size:.68rem;transition:opacity .4s;position:absolute}@media (width>=900px){.stage{background:radial-gradient(90% 70% at 25% 50%, #e0874f1a, transparent 70%), var(--night)}.backdrop{filter:blur(34px)saturate(1.1)brightness(.5);display:block}.film{width:min(60%, calc((100svh - var(--head-h)) * .82));will-change:transform;-webkit-mask-image:linear-gradient(to right, rgb(0 0 0/var(--side,0)) 0%, #000 16%, #000 84%, rgb(0 0 0/calc(1 - var(--side,0))) 100%);mask-image:linear-gradient(to right, rgb(0 0 0/var(--side,0)) 0%, #000 16%, #000 84%, rgb(0 0 0/calc(1 - var(--side,0))) 100%);left:auto;right:0}.film img,.film video{object-position:50% 62%}.shade{display:none}.copy,.rail,.hint{transform:translateX(calc(var(--side,0) * 60vw));will-change:transform}.copy{width:40%;right:auto}.step{width:min(100% - 2*clamp(32px,5vw,96px),540px);inset:50% auto auto clamp(32px,5vw,96px);transform:translateY(-50%)}.step h2{font-size:clamp(2.8rem,4.4vw,5.2rem)}.step p{font-size:1.06rem}.rail{width:min(40vw - 2*clamp(32px,5vw,96px),480px);bottom:40px;left:clamp(32px,5vw,96px);right:auto}.hint{writing-mode:horizontal-tb;inset:auto auto 76px clamp(32px,5vw,96px)}.count{top:18px}}.after{background:var(--paper);padding-block:clamp(72px,10vw,128px);padding-inline:clamp(20px,6vw,48px)}.after-in{grid-template-columns:1fr;gap:clamp(32px,5vw,72px);max-width:1180px;margin:0 auto;display:grid}@media (width>=900px){.after-in{grid-template-columns:1.1fr 1fr;align-items:end}}.after h3{font-family:var(--display);text-wrap:balance;margin:0 0 1rem;font-size:clamp(2.4rem,5.4vw,4rem);font-weight:500;line-height:1.02}.after h3 em{font-weight:400}.after p{color:var(--ink-soft);max-width:46ch;margin:0}.after dl{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:.9rem 1.6rem;margin:0;padding-top:1.4rem;display:grid}.after dt{letter-spacing:.2em;text-transform:uppercase;color:#20231f99;padding-top:.25rem;font-size:.7rem}.after dd{min-width:0;margin:0}