/* Story first: a full viewport stage, a reversible camera, one editorial beat. */
.scroll-story{position:relative;isolation:isolate;background:#101214}.story-stage{position:relative;overflow:hidden;min-height:700px}.story-live{height:calc(var(--story-length)*105svh)}.story-live .story-stage{position:sticky;top:88px;height:calc(100svh - 88px);min-height:520px}.story-visual{position:absolute;inset:0;z-index:1;pointer-events:none}.scroll-story .studio-canvas{inset:0;width:100%;height:100%!important;pointer-events:none}.story-visual:not(.is-3d) .studio-canvas{display:none}.story-poster{position:absolute;inset:0 0 0 45%;display:flex;justify-content:center;align-items:center}.story-poster img{max-width:100%;max-height:72%;width:90%;height:70%;object-fit:contain;mix-blend-mode:lighten}.is-3d .story-poster{visibility:hidden}.story-100days .story-poster img{height:64%;width:auto;mix-blend-mode:normal;transform:rotate(-7deg);border-radius:12px}.story-matchup .story-poster img,.story-gravity .story-poster img{width:55%;height:auto;border-radius:12px;mix-blend-mode:normal;transform:rotate(-7deg)}.story-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 77% 48%,#52645130 0,transparent 58%);transition:background .6s}.story-gravity .story-ambient{background:radial-gradient(ellipse at 70% 60%,#40577640,transparent 60%)}.story-mast{position:absolute;top:25px;left:56px;right:56px;display:flex;justify-content:space-between;font:8px/1.7 ui-monospace,monospace;letter-spacing:.12em;color:#919e8d;z-index:4;pointer-events:none}.story-mast>span:last-child{padding-right:135px}.story-skip{position:absolute;top:20px;right:56px;z-index:5;min-height:44px;display:flex;align-items:center;font:9px ui-monospace,monospace;text-decoration:none;color:#aab7a2}.story-editorial{position:relative;z-index:3;margin:0 56px;padding-top:110px;pointer-events:none}.story-step{max-width:52%;padding-bottom:45px}.story-live .story-editorial{position:absolute;inset:0;padding:0}.story-live .story-step{position:absolute;top:50%;left:0;transform:translateY(calc(-50% + 18px));opacity:0;visibility:hidden;transition:opacity .55s,transform .65s,visibility .55s;pointer-events:none}.story-live .story-step.is-current{transform:translateY(-50%);opacity:1;visibility:visible}.story-eyebrow{font:9px/1.6 ui-monospace,monospace;letter-spacing:.12em;color:#9dad91!important;margin:0 0 26px}.cinematic .story-title{font:400 clamp(54px,7.2vw,116px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:0 0 30px;max-width:760px;color:#eeeede}.story-title em{color:#d6e5b6!important;letter-spacing:-.06em}.story-copy{font-size:14px;line-height:1.85;color:#a8b5a4!important;max-width:370px;margin:0}.story-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;pointer-events:auto}.story-live .story-step:not(.is-current) .story-actions{pointer-events:none}.story-cta{display:inline-flex;justify-content:space-between;align-items:center;min-height:46px;gap:30px;padding:10px 0;border-bottom:1px solid #8d9d7b;text-decoration:none;font-size:11px;color:#e3ead8}.story-cta:hover{color:#d6e5b6;border-color:#d6e5b6}.story-cta .icon-arrow{width:14px;height:14px}.story-foot{position:absolute;z-index:4;bottom:25px;left:56px;right:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:8px/1.8 ui-monospace,monospace;letter-spacing:.08em;color:#8f9f88;pointer-events:none}.story-direction{display:flex;align-items:center;gap:15px;min-width:160px}.scroll-needle{display:block;width:1px;height:40px;background:linear-gradient(transparent,#c5d3b2)}.story-boundary{font-size:7px;text-align:center}.story-progress{display:flex;align-items:center;gap:20px}.story-count{white-space:nowrap}.story-track{display:flex;gap:6px}.story-track i{width:22px;height:1px;background:#4d5949}.story-track i.is-past{background:#d6e5b6}.story-end{scroll-margin-top:110px}.story-transcript{border-top:1px solid #30392b;padding:20px 0 28px;font-size:11px;color:#8f9e85}.story-transcript summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.story-transcript ol{columns:2;column-gap:65px;list-style:none;padding:0;margin:30px 0}.story-transcript li{break-inside:avoid;max-width:500px;padding:12px 0 25px}.story-transcript h3{font-size:21px}.story-transcript p{font-size:13px;color:#a8b5a4}.story-transcript .story-cta{font-size:10px}.story-glasses .story-title{font-size:clamp(53px,6.4vw,103px)}.story-glasses .story-step{max-width:48%}.story-glasses .story-poster{inset:0 0 0 35%}.story-glasses .story-poster img{width:100%;height:auto;mix-blend-mode:lighten}.story-100days .story-title,.story-matchup .story-title,.story-gravity .story-title{font-size:clamp(50px,6.3vw,102px)}.story-route-matchup .contact-grid{grid-template-columns:1fr}.story-route-matchup .simple-copy{max-width:850px;margin-inline:auto;padding-top:30px}.story-route .feature-grid{padding-top:80px}.story-route .feature-grid article{border-top:1px solid var(--line);padding-top:25px}.story-static .story-stage{min-height:0}.story-static .story-visual{position:relative;height:380px}.story-static .story-poster{inset:0}.story-static .story-editorial{padding-top:20px}.story-static .story-step{max-width:800px;padding:25px 0 45px;border-bottom:1px solid #313c2a}.story-static .story-title{font-size:60px}.story-static .story-foot{position:relative;bottom:auto;padding:25px 0}.story-static .story-direction{display:none}.story-static .story-mast{display:none}.story-static .story-skip{display:none}.story-static .story-ambient{background:none}.story-static .studio-canvas{display:none!important}.story-static .story-progress{display:none}
@media(min-width:1700px){.story-mast,.story-foot{left:calc((100% - 1440px)/2);right:calc((100% - 1440px)/2)}.story-editorial{margin-inline:calc((100% - 1440px)/2)}.story-skip{right:calc((100% - 1440px)/2)}}
@media(max-width:1100px){.story-mast,.story-foot{left:32px;right:32px}.story-editorial{margin-inline:32px}.story-skip{right:32px}.story-step{max-width:52%}.cinematic .story-title{font-size:7.4vw}.story-copy{max-width:310px;font-size:13px}.story-title em{letter-spacing:-.06em}.story-boundary{max-width:280px;font-size:6px}.story-glasses .story-step{max-width:50%}}
@media(max-width:800px){.story-live{height:calc(var(--story-length)*100svh)}.story-live .story-stage{top:72px;height:calc(100svh - 72px);min-height:610px}.story-mast,.story-foot{left:24px;right:24px}.story-mast{top:18px;font-size:7px}.story-mast>span:last-child{display:none}.story-skip{top:12px;right:24px;font-size:8px}.story-editorial{margin-inline:24px}.story-live .story-step{top:70px;transform:translateY(15px);max-width:90%;padding-bottom:0}.story-live .story-step.is-current{transform:translateY(0)}.cinematic .story-title{font-size:clamp(43px,7.7vw,65px);line-height:1.05;margin-bottom:18px;max-width:600px}.story-eyebrow{font-size:7px;margin-bottom:17px}.story-copy{font-size:12px;max-width:350px;line-height:1.8}.story-actions{margin-top:16px;gap:18px}.story-cta{font-size:10px;min-height:42px;padding-top:6px}.story-poster{inset:40% 0 9%}.story-poster img{height:100%;width:80%;max-height:100%}.story-100days .story-poster img{height:95%;max-height:95%}.story-matchup .story-poster img,.story-gravity .story-poster img{height:70%;width:auto}.story-glasses .story-poster{inset:43% 0 8%}.story-foot{bottom:20px;flex-wrap:wrap;gap:14px}.story-boundary{order:3;max-width:100%;width:100%;text-align:left;font-size:6px}.story-direction{font-size:7px;min-width:120px;gap:10px}.scroll-needle{height:26px}.story-track i{width:14px}.story-progress{gap:10px;font-size:8px}.story-transcript ol{columns:1}.story-static .story-title{font-size:48px}.story-static .story-visual{height:270px}.story-static .story-poster{inset:0}.story-static .story-copy{max-width:100%}.story-static .story-foot{left:24px;right:24px}.story-route .feature-grid{padding-top:45px}}
@media(max-width:540px){.story-live .story-stage{min-height:610px}.story-live .story-step{top:64px;max-width:100%}.story-mast{font-size:6px;letter-spacing:.06em}.story-editorial{margin-inline:20px}.story-mast,.story-foot{left:20px;right:20px}.story-skip{right:20px}.cinematic .story-title{font-size:44px;letter-spacing:-.06em}.story-glasses .story-title{font-size:42px}.story-copy{font-size:11px;max-width:305px}.story-cta{font-size:9px;gap:18px}.story-eyebrow{margin-bottom:15px}.story-100days .story-actions{gap:20px}.story-boundary{font-size:5.5px}.story-track i{width:10px}.story-transcript{font-size:10px}}
@media(max-height:650px) and (min-width:801px){.story-live .story-stage{min-height:470px}.cinematic .story-title{font-size:65px}.story-eyebrow{margin-bottom:18px}.story-copy{font-size:12px}.story-actions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.story-live{height:auto}.story-stage{position:relative!important;min-height:0!important;height:auto!important}.story-step{transition:none!important}.story-ambient{transition:none}.story-static .story-title{font-size:clamp(40px,6vw,70px)}}
.story-live .story-step{transition:opacity .35s,transform .55s}
.product-page main{position:relative}.private-lock{position:absolute;top:8px;right:56px;z-index:8}.private-lock button{min-height:44px;font:9px ui-monospace,monospace;background:none;border:0;color:#9eae92;cursor:pointer}.story-glasses .story-skip{right:165px}.story-glasses .story-mast>span:last-child{display:none}
@media(max-width:1100px){.private-lock{right:32px}.story-glasses .story-skip{right:140px}}
@media(max-width:800px){.private-lock{right:24px}.private-lock button{font-size:8px}.story-glasses .story-skip{right:126px}}
@media(max-width:540px){.private-lock{right:20px}.story-glasses .story-skip{right:115px}.story-glasses .story-mast{font-size:5.5px}}
@media(min-width:801px){.story-glasses .story-title{font-size:clamp(50px,6vw,100px)}}

/* Keep each sculpture inside its own stage so every headline remains clear. */
@media(min-width:801px){.story-visual{inset:0 0 0 46%}.story-step{max-width:44%}.story-glasses .story-step{max-width:44%}.story-poster,.story-glasses .story-poster{inset:0}.story-100days .story-title,.story-matchup .story-title,.story-gravity .story-title{font-size:clamp(48px,6vw,96px)}}
.cinematic .replay-grid>div:first-child>p{color:#46513f;font-size:14px}.cinematic .replay-grid>div:first-child>p.fine{font-size:12px}.cinematic .replay-demo>p.fine{color:#c3ccb9;font-size:12px}.cinematic .replay-grid>div:first-child>.kicker{color:#46513f}

.story-mode{display:block;pointer-events:auto;color:#b9c6ab;font-size:9px;letter-spacing:.01em;text-decoration:underline;text-underline-offset:3px;margin-top:6px;min-height:24px}.story-static .story-direction{display:flex}.story-static .scroll-needle,.story-static .story-direction>span>span{display:none}
@media(max-width:800px){.story-copy{font-size:14px;line-height:1.65;max-width:350px}.story-eyebrow{font-size:9px}.story-cta{font-size:11px;min-height:44px}.story-foot{bottom:17px}.story-mode{font-size:10px;min-height:24px}.story-boundary{font-size:7px}.story-mast{font-size:8px}.story-direction{font-size:8px}.story-static .story-editorial{padding-top:10px}.story-static .story-title{font-size:44px}.story-static .story-step{max-width:100%}}

.story-static .story-visual{inset:auto;width:100%}.story-static .story-poster{inset:0}
@media(max-width:800px){.story-glasses .story-visual{inset:48% 0 10%}.story-glasses.story-static .story-visual{inset:auto}.story-glasses .story-visual .story-poster{inset:0}.story-glasses .story-poster img{height:100%;width:100%;object-fit:contain}}

@media(max-width:800px){.story-mode{font-size:13px;min-height:32px}.story-boundary{font-size:9px;letter-spacing:.01em}.story-glasses .story-visual{bottom:16%}}
.story-static .story-editorial{max-width:900px;margin-inline:auto;padding:20px 32px}.story-static .story-step,.story-glasses.story-static .story-step{max-width:100%}.story-static .story-copy{max-width:650px;font-size:15px;line-height:1.8}