.story{--story-len:2000;position:relative;height:calc(var(--story-len) * 1vh);height:calc(var(--story-len) * 1svh);background:var(--canvas)}.story__stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);grid-template-rows:100%;grid-column-gap:clamp(16px,3vw,56px);column-gap:clamp(16px,3vw,56px);--pb:72px;padding:92px clamp(24px,5vw,88px) var(--pb)}.story__bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(58% 70% at 74% 48%,rgba(232,105,63,.26),transparent 70%),radial-gradient(40% 45% at 6% 100%,rgba(232,105,63,.12),transparent 70%),linear-gradient(180deg,#1a1310,#110c0a)}.story__copy{position:relative;z-index:2;align-self:center;height:min(72svh,680px)}.story__beat{inset:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2.2vh,26px);will-change:opacity,transform}.story__beat,.story__n{position:absolute;pointer-events:none}.story__n{left:-.05em;top:50%;margin-top:-.46em;z-index:-1;font:400 clamp(180px,30vw,460px) /.8 var(--font-poster);color:transparent;-webkit-text-stroke:1.5px rgba(236,224,220,.07);-webkit-user-select:none;-moz-user-select:none;user-select:none}.story__kicker{display:flex;align-items:center;gap:14px;margin:0;font:600 clamp(11px,.95vw,14px) /1 var(--font-head);letter-spacing:.24em;text-transform:uppercase;color:var(--rust)}.story__kicker:before{content:"";width:36px;height:1px;background:var(--rust)}.story__title{margin:0;font:400 clamp(44px,7.4vw,124px) /.94 var(--font-poster);letter-spacing:.005em;text-transform:uppercase}.story__line{overflow:hidden;padding:.05em 0 .07em;margin:-.05em 0 -.07em}.story__line,.story__line-in{display:block}.story__line--accent{color:var(--rust)}.story__line:not(.story__line--accent){color:transparent;-webkit-text-stroke:clamp(1.5px,.18vw,3px) var(--ink)}.story__body{max-width:36ch;margin:0;font:400 clamp(16px,1.3vw,21px) /1.55 var(--font-body);color:rgba(236,224,220,.8)}.story__visual{position:relative;z-index:1;min-height:0}.story__halo{position:absolute;left:50%;top:50%;width:min(100%,94svh);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(232,105,63,.42),rgba(232,105,63,.12) 56%,transparent 74%)}.story__halo:after,.story__halo:before{content:"";position:absolute;border-radius:50%}.story__halo:before{inset:7%;border:1px solid rgba(232,105,63,.3)}.story__halo:after{inset:-3%;border:1px dashed rgba(236,224,220,.12);animation:story-spin 70s linear infinite}.story__layer,.story__scenes{position:absolute;inset:0}.story__layer{display:grid;place-items:center;container-type:size;will-change:transform,opacity}.story__cam{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.story__drift,.story__media{width:100%;height:100%}.story__media{display:block;object-fit:contain}.story__drift{position:relative}.story__depth{position:absolute;inset:0;width:100%;height:100%;display:none}.has-depth .story__depth{display:block}.has-depth .story__media{visibility:hidden}.story__face{position:absolute;inset:0}.story__layer.is-bleed{bottom:calc(var(--pb) * -1);place-items:end center}.is-bleed .story__drift,.story__layer.is-bleed{transform-origin:50% 100%}.story__faces{position:absolute;left:50%;bottom:-4px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateX(-50%)}.story__faces-cap{font:600 11px/1 var(--font-head);letter-spacing:.26em;text-transform:uppercase;color:rgba(236,224,220,.65)}.story__seg{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:4px;border-radius:999px;border:1px solid var(--stroke-bright,rgba(236,224,220,.2));background:rgba(22,17,15,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.story__seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 4);border-radius:999px;background:var(--rust);box-shadow:0 0 22px rgba(232,105,63,.55)}.story__seg-thumb--static{transform:translateX(calc(var(--k, 0) * 100%));transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.story__seg-btn{position:relative;z-index:1;padding:11px clamp(14px,1.6vw,26px);border-radius:999px;font:600 clamp(12px,1vw,15px) /1 var(--font-head);letter-spacing:.04em;color:rgba(236,224,220,.72);transition:color .2s;will-change:transform}.story__seg-btn[aria-pressed=true]{color:#fff}.story__seg-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.story__rail{position:absolute;right:clamp(8px,1.4vw,26px);top:92px;bottom:var(--pb);width:2px;z-index:5;contain:layout style}.story__rail-line{position:absolute;inset:0;border-radius:2px;background:rgba(236,224,220,.14)}.story__rail-fill{display:block;height:100%;border-radius:2px;transform-origin:top;transform:scaleY(0);will-change:transform;background:linear-gradient(var(--rust),#ffb18c);box-shadow:0 0 10px 1px rgba(232,105,63,.85),0 0 26px 3px rgba(232,105,63,.4)}.story__node{position:absolute;top:var(--p);right:-10px;width:22px;height:22px;margin-top:-11px;display:grid;place-items:center;cursor:pointer}.story__node-dot{width:7px;height:7px;border-radius:50%;background:#1a1310;border:1.5px solid rgba(236,224,220,.4);transition:transform .25s}.story__node.is-done .story__node-dot{background:var(--rust);border-color:var(--rust)}.story__node.is-now .story__node-dot{transform:scale(1.7);background:#ffb18c;border-color:var(--rust);box-shadow:0 0 12px 3px rgba(232,105,63,.85)}.story__node-label{position:absolute;right:24px;white-space:nowrap;font:600 11px/1 var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:rgba(236,224,220,.55);opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s;pointer-events:none}.story__node.is-now .story__node-label{opacity:1;transform:none;color:var(--ink)}.story__node:focus-visible .story__node-label,.story__node:hover .story__node-label{opacity:1;transform:none}.story__node:focus-visible{outline:2px solid var(--ink);outline-offset:0;border-radius:50%}.story__hint{position:absolute;left:clamp(24px,5vw,88px);bottom:62px;z-index:3;font:600 11px/1 var(--font-head);letter-spacing:.3em;text-transform:uppercase;color:rgba(236,224,220,.6);transition:opacity .4s}.story__hint:after{content:"";display:block;width:1px;height:30px;margin-top:10px;background:linear-gradient(var(--rust),transparent);animation:story-hint 1.6s ease-in-out infinite}.story__hint.is-gone{opacity:0}@keyframes story-spin{to{transform:rotate(1turn)}}@keyframes story-hint{0%,to{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}@media (max-width:860px){.story__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,47%) minmax(0,53%);--pb:clamp(14px,130px - 13.2svh,56px);padding:clamp(70px,13.2svh,116px) 20px var(--pb)}.story__visual{order:-1}.story__copy{align-self:start;height:100%}.story__beat{justify-content:center;padding-top:0;gap:10px}.story__title{font-size:clamp(38px,12.4vw,76px)}.story__body{max-width:none;font-size:15px}.story__n{display:none}.story__rail{right:5px;top:74px}.story__layer.is-bleed{bottom:0}.story__layer.is-bleed .story__cam{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}.story__hint,.story__node-label{display:none}}@media (max-height:560px) and (min-width:861px){.story__title{font-size:clamp(34px,9vh,72px)}.story__stage{--pb:56px;padding-top:72px}}@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){.story__stage{--pb:20px;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);grid-template-rows:100%;padding:64px 20px var(--pb)}.story__visual{order:0}.story__copy{align-self:center;height:auto;min-height:0}.story__beat{justify-content:center;padding-top:0;gap:6px}.story__title{font-size:clamp(26px,12vh,60px)}.story__body{font-size:12px;line-height:1.4;max-width:34ch}.story__kicker{font-size:10px}.story__layer.is-bleed{bottom:calc(var(--pb) * -1)}.story__layer.is-bleed .story__cam{-webkit-mask-image:none;mask-image:none}.story__n{display:none}}@media (pointer:coarse){.story__node{width:34px;height:34px;margin-top:-17px;right:-16px}}.story--static{height:auto;display:grid;grid-gap:clamp(56px,10vh,120px);gap:clamp(56px,10vh,120px);padding:110px clamp(24px,5vw,88px)}.story__row{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;grid-gap:clamp(24px,4vw,64px);gap:clamp(24px,4vw,64px)}.story__col{gap:20px}.story__col,.story__fig--faces{display:flex;flex-direction:column}.story__fig--faces{align-items:center;gap:22px}.story__faces--static{position:static;transform:none}.story__fig img{display:block;width:100%;max-height:72svh;object-fit:contain}@media (max-width:860px){.story__row{grid-template-columns:minmax(0,1fr)}}