/* Compact Process: mobile preserves the scroll-driven motion language without 100vh stops. */
@media (max-width:699px) and (prefers-reduced-motion:no-preference){
  .story-scene{--scene-progress:0}
  .story-geometry{
    clip-path:inset(0);
    transform:translate3d(0,calc((.5 - var(--scene-progress))*24px),0) scale(calc(.96 + var(--scene-progress)*.04));
    transform-origin:50% 50%;
    transition:opacity .55s ease,clip-path .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);
    will-change:transform;
  }
  .story-scene:not(.is-in) .story-copy,.story-scene:not(.is-in) .story-number{opacity:0;transform:translateY(20px) scale(.985)}
  .story-scene:not(.is-in) .story-geometry{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(0,22px,0) scale(.96)}
  .story-scene.is-in .story-copy{transform:translate3d(0,calc((.5 - var(--scene-progress))*8px),0)}
  .story-scene.is-in .story-number{transform:translate3d(0,calc((.5 - var(--scene-progress))*15px),0)}
  .story-cta:active{transform:scale(.98)}
}

@media (prefers-reduced-motion:reduce){
  .story-copy,.story-number,.story-geometry,.story-geometry i{transition:none!important}
  .story-scene .story-copy,.story-scene .story-number{opacity:1!important;transform:none!important}
  .story-scene .story-geometry{opacity:.62!important;clip-path:none!important;transform:none!important;will-change:auto!important}
}