/* Scroll scenes remain ordinary, readable sections until JS enables them. */
.moments{padding-bottom:96px}.explore{margin-bottom:20px}.how .signal-demo{padding:42px;border:1px solid #68517470;border-radius:24px;background:linear-gradient(120deg,#241b2d,#17131c);margin-top:60px}.how>.preview-note{margin-inline:12px}.how-narrative .section-heading h2{width:auto}.how-narrative .section-heading{display:block}.how-narrative .section-heading h2{margin-top:28px}.how-narrative{display:grid;grid-template-columns:1fr 1.3fr;gap:9%}.how-narrative .steps{display:flex;flex-direction:column;margin-top:0;gap:0}.how-narrative .steps article{padding:36px 0;min-height:260px}.how-narrative .steps p{max-width:490px}.how-narrative .step-word{margin-top:24px}.how-narrative .steps h3{font-size:28px}
@media(min-width:761px) and (min-height:650px){
.scroll-story[data-motion=on] .moments{height:245svh;position:relative;padding-top:0;padding-bottom:0;margin-top:40px;margin-bottom:90px}
.scroll-story[data-motion=on] .moments-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:32px}
.scroll-story[data-motion=on] .moments-heading{flex:none;margin-bottom:24px}
.scroll-story[data-motion=on] .moments-heading h2{font-size:clamp(34px,3.5vw,52px)}
.scroll-story[data-motion=on] .moments-grid{position:relative;display:block;height:62svh;max-height:720px}
.scroll-story[data-motion=on] .moments figure{position:absolute;inset:0;border-radius:22px;overflow:hidden;opacity:var(--scene-opacity,1);transform:translateY(var(--scene-y,0px)) scale(var(--scene-scale,1));transition:none;will-change:transform,opacity}
.scroll-story[data-motion=on] .moments figure:nth-child(2){--scene-opacity:0}
.scroll-story[data-motion=on] .moments figure img{height:100%;width:100%;border-radius:0;object-fit:cover;transform:scale(var(--photo-scale,1.06));transition:none}
.scroll-story[data-motion=on] .moments figcaption{position:absolute;inset:auto 0 0;padding:70px 38px 30px;background:linear-gradient(transparent,#100c16ed);color:white}
.scroll-story[data-motion=on] .moments figcaption>span{color:#ecdbff}
.scroll-story[data-motion=on] .moments figcaption h3{font-size:clamp(24px,3vw,40px);max-width:760px}
.scroll-story[data-motion=on] .how-narrative .section-heading{position:sticky;top:calc(50svh - 155px);align-self:start}
.scroll-story[data-motion=on] .how-narrative .steps article{min-height:52svh;justify-content:center;opacity:var(--step-opacity,1);transform:translateY(0);transition:opacity 160ms linear;border-color:rgba(207,168,247,var(--step-opacity,1))}
.scroll-story[data-motion=on] .how-narrative .steps article:hover{transform:none}
.scroll-story[data-motion=on] .indoor-atmosphere{transform:scale(var(--nearby-scale,1));opacity:var(--nearby-opacity,1)}
.scroll-story[data-motion=on] .nearby-signal{transform:translate(var(--nearby-x,0px),var(--nearby-y,0px))}
}
@media(max-width:760px){.moments{padding-bottom:58px}.how-narrative{display:block}.how-narrative .steps{margin-top:30px}.how-narrative .steps article{min-height:0;padding:28px 0}.how-narrative .steps h3{font-size:24px}.how .signal-demo{padding:27px 22px;margin-top:28px}.how-narrative .section-heading h2{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.moments figure,.how .steps article,.indoor-atmosphere,.nearby-signal{transform:none!important;opacity:1!important}}
@media(max-width:760px),(max-height:649px){[data-motion=on] .moments-grid figure img{transform:scale(var(--mobile-photo-scale,1));transition:none}.moments-grid figure{overflow:hidden}.moments figcaption{z-index:1}}