/* Motion is opt-in through JS; text stays readable if scripts are unavailable. */
.motion-heading .motion-word{display:inline-block;opacity:0;transform:translateX(-70px);transition:opacity .8s ease,transform 1.15s cubic-bezier(.16,1,.3,1);transition-delay:var(--word-delay,0ms)}
.motion-heading.motion-visible .motion-word{opacity:1;transform:none}
.motion-copy{opacity:0;translate:-75px 0;transition:opacity .85s ease,translate 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--copy-delay,120ms)}
.motion-copy.motion-visible{opacity:1;translate:0 0}
.hero.motion-parallax{background-position:center calc(40% + var(--parallax-y,0px))}
.story-photo.motion-parallax{overflow:hidden}
.story-photo.motion-parallax>img{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.36);will-change:transform}
.quote-banner.motion-parallax{background-position:left calc(50% + var(--parallax-y,0px))}
@media(max-width:600px){.hero.motion-parallax{background-position:62% calc(50% + var(--parallax-y,0px))}.motion-heading .motion-word{transition-duration:.7s,.85s}}
@media(prefers-reduced-motion:reduce){.motion-heading .motion-word,.motion-copy{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}.story-photo.motion-parallax>img{transform:none!important;will-change:auto}.hero.motion-parallax,.quote-banner.motion-parallax{background-position:center!important}}

/* Layered movement continues while the text reveals play once. */
main{overflow-x:clip}
.hero.motion-parallax .hero-copy{transform:translate3d(0,calc(var(--parallax-y,0px) * -.18),0);will-change:transform}
.hero.motion-parallax .hero-script{transform:translate3d(0,calc(var(--parallax-y,0px) * -.42),0) rotate(-14deg)}
.category>span.motion-parallax{overflow:hidden}
.category>span.motion-parallax>img{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.26);will-change:transform}
@media(max-width:600px){.motion-heading .motion-word{transform:translateX(-40px)}.motion-heading.motion-visible .motion-word{transform:none}.motion-copy{translate:-40px 0}.motion-copy.motion-visible{translate:0 0}.story-photo.motion-parallax>img{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.25)}}
@media(prefers-reduced-motion:reduce){.hero.motion-parallax .hero-copy,.hero.motion-parallax .hero-script,.category>span.motion-parallax>img{transform:none!important;will-change:auto}}

.about{color:var(--ct-text)}
