/* ABE scroll motion preview, NOT live. Only active when JS adds .motion-on to <html>, so no-JS still shows all content. */
html.motion-on .motion-reveal{opacity:0;transform:translateY(40px) scale(.94);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
html.motion-on .motion-reveal.motion-in{opacity:1;transform:translateY(0) scale(1)}
html.motion-on .motion-hero{opacity:0;transform:translateY(28px) scale(.96);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
html.motion-on .motion-hero.motion-in{opacity:1;transform:translateY(0) scale(1)}
@media (prefers-reduced-motion:reduce){
  html.motion-on .motion-reveal,html.motion-on .motion-hero{opacity:1!important;transform:none!important;transition:none!important}
}