.void{height:380vh;--fade:1;--q:0;--f:0}.void__stage{overflow:hidden}.void__dot,.void__sat,.void__ring,.void__ring--2{opacity:var(--fade)}.void__sat{opacity:calc(var(--fade) * clamp(0,calc((var(--p) - .06) * 6),.85))}.void__t--1{opacity:var(--fade);transform:translateY(calc((1 - var(--fade)) * -40px))}.void__scroll{opacity:calc(var(--fade) * .6)}.void__t--2{display:none}.build{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;perspective:1400px;pointer-events:none;opacity:clamp(0,calc(var(--q) * 5),1)}.build__stack{position:relative;width:min(74vw,880px);aspect-ratio:600/380;transform-style:preserve-3d;transform:translateY(calc(var(--f) * 28vh)) rotateX(calc(62deg - var(--q) * 54deg)) rotate(calc(-34deg + var(--q) * 34deg)) scale(calc((.72 + var(--q) * .28) * (1 - var(--f) * .18)));transition:transform .12s linear}.build__layer{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(calc(var(--i) * (170px - var(--q) * 168px)));transition:transform .12s linear;--qi:clamp(0,calc((var(--q) - var(--i) * .16) / .42),1)}.build__layer svg{width:100%;height:100%;overflow:visible}.build__layer .wf{fill:none;stroke:#7c8cff;stroke-width:1.4;stroke-dasharray:2400;stroke-dashoffset:calc(2400 - 2400 * var(--qi));transition:stroke-dashoffset .12s linear}.build__layer .fl{opacity:clamp(0,calc((var(--q) - .68) * 3.2),1);transition:opacity .15s}.build__layer .fl-late{opacity:clamp(0,calc((var(--q) - .82) * 5),1)}.build__ghost{fill:#7c8cff0f;stroke:#7c8cff59;stroke-width:1}.build__label{display:none!important}.build__stack:after{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:radial-gradient(60% 60% at 50% 60%,rgba(124,140,255,.25),transparent 70%);opacity:clamp(0,calc((var(--q) - .8) * 5),1);transform:translateZ(-1px)}.build__title{position:absolute;top:clamp(1.5rem,4vh,3.5rem);left:0;right:0;text-align:center;pointer-events:none}.build__title-item{position:absolute;left:50%;top:0;transform:translate(-50%);margin:0;max-width:none;--seg-start: calc(var(--i) * .3334);--seg-end: calc((var(--i) + 1) * .3334);--in: clamp(0, calc((var(--q) - var(--seg-start)) * 18), 1);--out: clamp(0, calc((var(--q) - var(--seg-end) + .055) * 18), 1);opacity:clamp(0,calc(var(--in) - var(--out)),1);transition:opacity .2s linear}.build__captions{position:absolute;left:0;right:0;bottom:clamp(2.5rem,8vh,4.5rem);display:flex;justify-content:center;pointer-events:none;text-align:center}.build__cap{position:absolute;left:50%;top:0;transform:translate(-50%);max-width:36rem;padding:0 1.5rem;--seg-start: calc(var(--i) * .3334);--seg-end: calc((var(--i) + 1) * .3334);--in: clamp(0, calc((var(--q) - var(--seg-start)) * 18), 1);--out: clamp(0, calc((var(--q) - var(--seg-end) + .055) * 18), 1);opacity:clamp(0,calc(var(--in) - var(--out)),1);transition:opacity .2s linear}.build__cap-plain{display:block;font-family:var(--font-heading--family);font-weight:500;font-size:clamp(1.1rem,1.8vw,1.5rem);color:#fff;margin-bottom:.4rem;line-height:1.2}.build__cap-tech{display:block;font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:clamp(.8rem,1.05vw,.95rem);color:#ffffff8c;line-height:1.5}.build__cap-progress{position:absolute;bottom:clamp(1rem,4vh,1.75rem);left:50%;transform:translate(-50%);display:flex;gap:.5rem}.build__cap-progress i{width:1.6rem;height:2px;display:block;background:#ffffff38;--on: clamp(0, calc((var(--q) - var(--i) * .3334) * 14), 1);background:rgba(255,255,255,calc(.22 + var(--on) * .68));transition:background .25s linear}.void__t--3{top:clamp(1.5rem,4vh,3.5rem);left:0;right:0;transform:translateY(calc((1 - var(--f)) * 24px));opacity:var(--f);pointer-events:none}.void__t--3:before{content:"";position:absolute;inset:-1rem -1rem auto -1rem;height:140%;background:linear-gradient(to bottom,var(--st-bg) 55%,transparent);z-index:-1;opacity:.9}.void__t--3 .story__kicker{opacity:.7}.void__t--3 .story__h{font-size:clamp(2.2rem,6vw,5.5rem);margin-bottom:.75rem}.void__t--3 .story__p{font-size:clamp(1.05rem,1.5vw,1.4rem);max-width:52ch}.void__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:clamp(0,calc(var(--q) * 2),.85)}.void__media video{width:100%;height:100%;object-fit:cover}@media(max-width:749px){.void{height:320vh}.build__stack{width:94vw;transform:translateY(calc(-2vh + var(--f) * 26vh)) rotateX(calc(60deg - var(--q) * 52deg)) rotate(calc(-30deg + var(--q) * 30deg)) scale(calc((.8 + var(--q) * .2) * (1 - var(--f) * .16)))}.void__t--3{top:clamp(1rem,3vh,2.5rem)}.void__t--3 .story__h{font-size:clamp(2rem,9vw,3.2rem)}.build__title-item{font-size:clamp(1.8rem,9vw,3.2rem)}.build__captions{bottom:clamp(2rem,7vh,3.5rem)}.build__cap{max-width:88vw}.build__cap-tech{display:none}.build__cap-plain{font-size:clamp(.95rem,4vw,1.15rem)}.build__cap-progress{bottom:clamp(.85rem,3.5vh,1.25rem)}}@media(prefers-reduced-motion:reduce){.void{height:100vh}.build{opacity:1}.void__stage{--q:1;--f:1}.void__t--1,.void__dot,.void__sat,.void__ring,.build__title{display:none}}.void__dot{transform:scale(calc(1 + var(--p) * var(--p) * 260))}.void__ring{opacity:calc(var(--fade) * clamp(0,calc((var(--p) - .05) * 8),1));transform:scale(calc(.4 + var(--p) * 3))}.void__ring--2{opacity:calc(var(--fade) * clamp(0,calc((var(--p) - .08) * 8),.6))}.void__dot,.void__sat,.void__ring,.void__ring--2{display:none!important}@media(min-width:750px)and (max-width:1024px){.build__stack{width:min(84vw,760px)}}@media(max-height:560px){.build__stack{transform:translateY(calc(var(--f) * 6vh)) rotateX(calc(58deg - var(--q) * 50deg)) rotate(calc(-30deg + var(--q) * 30deg)) scale(calc((.7 + var(--q) * .22) * (1 - var(--f) * .1)))}.void__t--3{top:1.5rem}.void__t--3 .story__h{font-size:clamp(1.8rem,5vw,3rem)}.build__title-item{font-size:clamp(1.6rem,4.5vw,2.6rem)}.build__captions{bottom:clamp(1.25rem,4vh,2rem)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/story-hero.css.map */