/* Motion is a background layer, never a separate column or foreground widget. */
#ambient-sculpture{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,footer{position:relative;z-index:1}
.hero.motion-story{height:auto;min-height:78svh;background:transparent;overflow:hidden;padding:0}
.motion-sticky{min-height:78svh;display:flex;align-items:center}
.motion-story .hero-inner{width:100%;grid-template-columns:1.15fr .85fr;padding-top:64px;padding-bottom:48px;gap:48px}
.motion-story .hero-text{grid-column:1;max-width:650px}
.motion-story h1{font-size:clamp(36px,4.1vw,62px);line-height:1.12;letter-spacing:-.045em}
.motion-story .lead{max-width:560px}
.motion-story .stats{grid-column:1/-1;background:color-mix(in srgb,var(--bg) 80%,transparent)}
.motion-story .hero-bg,.motion-story .grid-lines,#orbit{display:none}
main>section,main>section.alt{background:transparent}
:is(.project,.slider-viewport,.chat,.stack-group,.step){background:var(--bg)}
footer{background:color-mix(in srgb,var(--bg) 92%,transparent)}
@media(max-width:959px){
 .motion-story .hero-inner{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:40px}
 .motion-story .hero-text{max-width:650px}
 .motion-story h1{font-size:clamp(34px,6vw,52px)}
 .motion-sticky,.hero.motion-story{min-height:0}
 #ambient-sculpture{opacity:.5;mask-image:linear-gradient(90deg,transparent 5%,#000 85%)}
}
@media(prefers-reduced-motion:reduce){#ambient-sculpture{animation:none}}

#ambient-sculpture{mask-image:linear-gradient(90deg,transparent 27%,#000 62%)}
.motion-story .hero-text{position:relative;z-index:1}
.sculpture-fallback{background-image:radial-gradient(ellipse at 90% 20%,#159fea24,transparent 65%)}
@media(max-width:959px){#ambient-sculpture{mask-image:linear-gradient(90deg,transparent 5%,#000 85%)}}