.approach-liquid{position:relative;height:150svh;min-height:980px;background:#090909;border-block:1px solid #1c1c1c;scroll-margin-top:0;isolation:isolate}.liquid-stage{height:min(100svh,56.28vw);min-height:620px;position:sticky;top:0;overflow:hidden;background:#090909}.liquid-visual{position:absolute;inset:0;z-index:0;pointer-events:none}.liquid-art-fallback,.liquid-visual canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}.liquid-visual canvas{opacity:0;transition:opacity .5s}.ribbon-ready .liquid-visual canvas{opacity:1}.liquid-shade{display:none}.liquid-heading{position:absolute;top:7.5%;left:6.35%;z-index:2;max-width:80%;pointer-events:none}.liquid-eyebrow{display:block;font-size:clamp(10px,.78vw,14px);letter-spacing:2.7px;color:#b5b5b5;margin-bottom:clamp(26px,2.45vw,42px)}.liquid-heading h2{font-size:clamp(50px,5.55vw,98px);font-weight:450;letter-spacing:-.065em;line-height:1.03;margin:0;text-shadow:0 1px 10px #09090933}.liquid-heading h2 span{color:#858585}.liquid-steps{position:absolute;inset:0;z-index:2;pointer-events:none}.liquid-step{position:absolute;display:grid;grid-template-columns:clamp(80px,6.9vw,120px) 1fr;gap:clamp(22px,1.8vw,35px);opacity:1;transform:none}.liquid-explore{left:7.75%;top:42%;width:29%}.liquid-create{left:44%;top:60.5%;width:30%}.liquid-activate{left:73.5%;top:39%;width:25.6%}.liquid-number{font-size:clamp(70px,6.35vw,112px);line-height:.93;font-weight:350;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #929292;position:relative;transition:-webkit-text-stroke-color .7s}.liquid-step.is-active .liquid-number{-webkit-text-stroke-color:#bcbcbc}.liquid-number:after{content:'';position:absolute;right:0;top:96%;height:clamp(120px,16vw,270px);width:1px;background:linear-gradient(#797979a0,#79797944 65%,transparent)}.liquid-step-copy{position:relative}.liquid-step-copy:before{display:none}.liquid-step-label{display:block;font-size:clamp(10px,.8vw,14px);letter-spacing:2px;color:#b8b8b8;margin:1px 0 clamp(17px,1.2vw,24px)}.liquid-step h3{font-size:clamp(23px,1.96vw,35px);letter-spacing:-.048em;line-height:1.15;font-weight:450;margin:0 0 clamp(20px,1.2vw,25px);color:#f3f3f0;text-shadow:0 1px 7px #0005}.liquid-step p{font-size:clamp(16px,1.22vw,22px);line-height:1.4;color:#a1a1a1;margin:0;max-width:270px}.liquid-progress{position:absolute;bottom:0;left:0;height:1px;width:100%;z-index:3;background:#ffffff09}.liquid-progress span{display:block;height:100%;width:100%;transform:scaleX(var(--ribbon-progress,0));transform-origin:left;background:#666}.no-motion .approach-liquid{height:auto;min-height:0}.no-motion .liquid-stage{position:relative}.no-motion .liquid-progress{display:none}
@media(min-width:1800px){.liquid-create{top:62%}.liquid-step p{max-width:320px}.liquid-heading h2{font-size:5.5vw;max-width:none}.liquid-step h3{font-size:2vw}}
@media(max-width:1100px) and (min-width:721px){.liquid-heading h2{font-size:5.8vw}.liquid-step{grid-template-columns:64px 1fr;gap:20px}.liquid-number{font-size:70px}.liquid-step h3{font-size:22px}.liquid-step p{font-size:16px}.liquid-explore{left:5.5%;width:31%}.liquid-create{left:40%;top:62%;width:34%}.liquid-activate{left:72%;width:27%}.liquid-step-label{font-size:9px;letter-spacing:1px}}
@media(max-width:720px){.approach-liquid{height:auto;min-height:0}.liquid-stage{position:relative;height:auto;min-height:1120px;padding:60px 7% 75px;overflow:hidden}.liquid-visual{opacity:.6}.liquid-art-fallback{object-fit:cover;object-position:55% center}.liquid-heading{position:relative;left:auto;top:auto;max-width:none;margin-bottom:75px}.liquid-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:28px}.liquid-heading h2{font-size:clamp(34px,8vw,57px);line-height:1.1;letter-spacing:-.055em}.liquid-shade{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(#09090933,transparent 25%,#09090933 75%,#090909aa);pointer-events:none}.liquid-steps{position:relative;inset:auto;display:flex;flex-direction:column;gap:78px;pointer-events:auto}.liquid-step{position:relative;inset:auto;width:96%;grid-template-columns:66px 1fr;gap:20px}.liquid-create{align-self:flex-end;width:90%}.liquid-number{font-size:70px;letter-spacing:-5px}.liquid-number:after{top:77px;height:160px}.liquid-step-label{font-size:10px;letter-spacing:1.5px;margin:0 0 17px}.liquid-step h3{font-size:27px;line-height:1.15;letter-spacing:-.9px;margin-bottom:19px}.liquid-step p{font-size:17px;line-height:1.5;max-width:280px}.liquid-step-copy:before{content:'';display:block;position:absolute;inset:-20px -15px;z-index:-1;background:radial-gradient(ellipse,#090909ed,#090909bb 55%,transparent 78%)}.no-motion .liquid-stage{height:auto;min-height:1120px}}
@media(prefers-reduced-motion:reduce){.approach-liquid{height:auto;min-height:0}.liquid-stage{position:relative}.liquid-progress{display:none}}
/* Scroll-controlled art direction: pinned composition, staggered copy, liquid light. */
.approach-liquid{height:230svh;min-height:1300px}.liquid-visual{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(var(--art-scale,1));transform-origin:center;transition:transform .14s linear;will-change:transform}.liquid-heading{transform:translate3d(0,var(--heading-y,0px),0);transition:transform .16s linear;will-change:transform}.scroll-active .liquid-step{opacity:var(--reveal-opacity,1);transform:perspective(1100px) translate3d(0,var(--reveal-y,0px),0) rotateX(var(--reveal-rotate,0deg));transform-origin:50% 60%;transition:opacity .14s linear,transform .14s linear;will-change:opacity,transform}.scroll-active .liquid-number{text-shadow:0 0 22px rgb(255 255 255 / var(--number-glow,0))}.no-motion .approach-liquid{height:auto;min-height:0}.no-motion .liquid-visual,.no-motion .liquid-heading,.no-motion .liquid-step{transform:none!important;opacity:1!important}
@media(max-width:720px){.approach-liquid{height:auto;min-height:0}.scroll-active .liquid-step{transform:translate3d(0,var(--reveal-y,0px),0)}}
@media(prefers-reduced-motion:reduce){.approach-liquid{height:auto;min-height:0}.liquid-visual,.liquid-heading,.liquid-step{transform:none!important;opacity:1!important}}