/* Motion-only styles (no layout/design changes) */

@media (prefers-reduced-motion: no-preference) {
  @keyframes motion-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  body {
    animation: motion-fade-in 260ms ease-out both;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}