@layer motion {

/* Motion preferences — neutralizes every CSS transition/animation
   (card hover lift/zoom, nav panel slide, overlay fade, smooth scroll)
   for anyone with "reduce motion" set at the OS/browser level. Doesn't
   reach the Rive canvases (hero/about/cta) — those animate via JS, not
   CSS, and would need separate handling if you want them covered too. */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
}