/* Motion rules that apply site-wide. Component-specific keyframes (e.g.
   .board__row) live next to the component in components.css. */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* GSAP/ScrollTrigger-driven elements (desktop only, see motion.js) start
   in their resting state so JS-disabled and reduced-motion visitors see
   the finished layout, never a hidden one. */
[data-scroll-reveal] { opacity: 1; transform: none; }