/* Motion never controls content visibility. All content works without this file. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .button, button.button { transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease; }
  .collection { transition: transform 240ms ease, box-shadow 240ms ease; }
  .rvi-links a, .rvi-footer-nav a, .story-link { transition: color 180ms ease; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .button:hover, button.button:hover { transform: translateY(-2px); }
  .button:active, button.button:active { transform: translateY(0); }
  .collection:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(25,36,45,.10); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}