.stops{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;color:var(--stops-ink,#f7f5f0);background:#07080b;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:clamp(20px,4cqi,56px);gap:24px}.stops.is-contained{max-width:1280px;margin-inline:auto;border-radius:18px}.stops-track{position:relative}.stops-pin{position:sticky;top:var(--stops-top,0);height:calc(100svh - var(--stops-top, 0px))}.stops-pin>.stops{height:100%}.stops-scene,.stops-scrim{position:absolute;inset:0;z-index:-1}.stops-scene>div{position:absolute;inset:0;width:100%;height:100%}.stops-scene canvas{display:block;width:100%!important;height:100%!important}.stops.no-drag .stops-scene canvas{pointer-events:none}@media (pointer:coarse){.stops.is-scroll .stops-scene canvas{pointer-events:none}}.stops-scrim{pointer-events:none;opacity:var(--stops-scrim,.6)}.stops-scrim-gradient{background:linear-gradient(90deg,rgba(5,6,9,.85),rgba(5,6,9,.35) 42%,transparent 70%),linear-gradient(0deg,rgba(5,6,9,.7),transparent 40%)}.stops-align-bottom .stops-scrim-gradient,.stops-align-center .stops-scrim-gradient{background:linear-gradient(0deg,rgba(5,6,9,.9),rgba(5,6,9,.4) 35%,transparent 65%)}.stops-scrim-vignette{background:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(5,6,9,.9) 100%)}.stops-scrim-solid{background:rgba(5,6,9,.75)}.stops-scrim-none{display:none}.stops-copy{display:grid;max-width:34rem;align-self:center}.stops-align-bottom .stops-copy{align-self:end}.stops-align-center{grid-template-columns:1fr;justify-items:center;text-align:center}.stops-align-center .stops-copy{align-self:end;margin-bottom:72px}.stops-copy>article{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}.stops-copy>article.is-active{opacity:1;transform:none;transition-delay:.15s;pointer-events:auto}.stops-eyebrow{display:block;font:600 12px/1.2 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.78;margin-bottom:14px}.stops-copy h2{font-size:clamp(30px,4.4cqi,64px);line-height:1.02;letter-spacing:-.025em;font-weight:500;margin:0 0 14px;text-wrap:balance}.stops-copy p{font-size:clamp(15px,1.25cqi,18px);line-height:1.5;margin:0;opacity:.85;max-width:30rem;text-wrap:pretty}.stops-copy article,.stops-copy h2{text-shadow:0 1px 24px rgba(0,0,0,.35)}.stops-index{align-self:center}.stops-align-center .stops-index{position:absolute;right:clamp(16px,3cqi,40px);top:50%;transform:translateY(-50%)}.stops-index ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.stops-index button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;color:inherit;opacity:.55;transition:opacity .3s,background .3s;font:500 13px/1.2 system-ui,sans-serif;min-height:32px}.stops-index button:hover{opacity:.9;background:rgba(255,255,255,.06)}.stops-index button:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.stops-index button[aria-current]{opacity:1}.stops-num{font:600 11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;position:relative;padding-left:26px}.stops-num:before{content:"";position:absolute;left:0;top:50%;width:16px;height:1px;background:currentColor;opacity:.5;transition:width .4s}.stops-index button[aria-current] .stops-num:before{width:22px;opacity:1}.stops-index.is-numbers .stops-num{padding-left:0}.stops-index.is-numbers .stops-num:before{display:none}.stops-name{white-space:nowrap;max-width:14rem;overflow:hidden;text-overflow:ellipsis}.stops-arrows{position:absolute;left:clamp(20px,4cqi,56px);bottom:clamp(16px,3cqi,32px);display:flex;align-items:center;gap:14px;font:600 12px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em}.stops-align-center .stops-arrows{left:50%;transform:translateX(-50%)}.stops-arrows button{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid;opacity:.8;font-size:16px;transition:opacity .2s,background .2s}.stops-arrows button:hover{opacity:1;background:rgba(255,255,255,.08)}.stops-arrows button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.stops.is-auto .stops-copy,.stops.is-click .stops-copy{margin-bottom:56px}.stops-timer{position:absolute;left:0;bottom:0;height:2px;width:100%;background:currentColor;opacity:.6;transform-origin:left;animation:stops-timer linear forwards}@keyframes stops-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stops .teardown-labels{position:absolute;inset:0;pointer-events:none;transition:opacity .3s;z-index:2}.stops .teardown-labels span{position:absolute;left:0;top:0;white-space:nowrap;font:500 12px/1.2 system-ui,sans-serif;color:#e6fbff;background:rgba(6,9,20,.72);border:1px solid rgba(77,251,255,.45);border-radius:999px;padding:6px 10px;margin:-14px 0 0 14px}.stops .teardown-labels span:before{content:"";position:absolute;left:-14px;top:50%;width:12px;height:1px;background:rgba(77,251,255,.6)}.stops .teardown-labels span.is-left:before{left:auto;right:-14px}@media (max-width:600px){.stops .teardown-labels span{font-size:11px;padding:5px 8px}}@media (max-width:720px){.stops{grid-template-columns:1fr;align-content:end}.stops-copy{align-self:end}.stops-index{position:absolute;top:16px;left:16px;right:16px}.stops-index ol{display:flex;gap:2px}.stops-index .stops-name{display:none}.stops-index .stops-num{padding-left:0}.stops-index .stops-num:before{display:none}}@media (prefers-reduced-motion:reduce){.stops-copy>article{transition:opacity .2s;transform:none}.stops-timer{display:none}}.stops-flat{display:contents}