:root{--sc-canvas:#f5f6f4;--sc-ink:#202823;--sc-accent:#678264}h2,h3{text-wrap:balance}.hero-runway{height:140svh}.hero{position:sticky;top:84px;overflow:hidden}.hero video{transform:scale(var(--hero-scale,1));will-change:transform}.hero-title{transform:translateY(var(--title-shift,0px));opacity:var(--title-opacity,1)}.hero:after{background:linear-gradient(90deg,#08181088,transparent 75%)}.story{position:relative;padding:0 5vw}.story-stage{position:sticky;top:100px;height:calc(100svh - 120px);width:68%;margin-left:32%;display:flex;align-items:center;pointer-events:none}.story-frames{width:100%;aspect-ratio:16/9;position:relative;background:#e3e7e0;overflow:hidden}.story-frame{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.025);transition:opacity .55s ease,transform .9s ease}.story-frame.active{opacity:1;transform:scale(1)}.story-steps{margin-top:calc(-100svh + 120px);position:relative;width:28%}.story-step{min-height:78svh;display:flex;flex-direction:column;justify-content:center;padding:55px 0;opacity:.28;transition:opacity .4s}.story-step.active{opacity:1}.story-step h3{font-size:clamp(24px,2.5vw,38px);margin:0 0 22px}.story-step p{font-size:15px;line-height:1.75;margin:0 0 20px}.step-image{margin-top:20px;width:100px;outline:1px solid #ccd2c8}.step-image img{max-height:60px;object-fit:contain}.gallery figure{opacity:.25;transform:translateY(45px);transition:opacity .8s,transform .8s}.gallery figure.seen{opacity:1;transform:translateY(0)}.gallery-heading{position:relative}.intro{overflow:hidden}.intro h2{transform:translateY(var(--intro-y,0px))}footer{min-height:40svh}footer strong{font-size:clamp(40px,6vw,90px);letter-spacing:-3px}@media(max-width:700px){.hero{top:72px}.hero-runway{height:110svh}.story{padding:0 5vw}.story-stage{top:72px;height:35svh;width:100%;margin:0;background:#f5f6f4;z-index:2}.story-frames{height:32svh;aspect-ratio:auto}.story-steps{margin-top:0;width:100%}.story-step{min-height:65svh;justify-content:center;padding:40px 2vw}.story-step h3{font-size:30px}.story-step p{max-width:55ch}.step-image{width:70px}.gallery figure{transform:translateY(20px)}}@media(prefers-reduced-motion:reduce){.hero-runway{height:auto}.hero{position:relative;top:0}.hero video,.hero-title,.intro h2{transform:none!important;opacity:1!important}.story-stage{display:none}.story-steps{width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:45px}.story-step{min-height:0;opacity:1;padding:30px 0}.step-image{width:100%;outline:0}.step-image img{max-height:none}.gallery figure{opacity:1;transform:none;transition:none}.story-frame,.story-step{transition:none}}@media(prefers-reduced-motion:reduce) and (max-width:700px){.story-steps{grid-template-columns:1fr}}
