/* Small responses to interaction; no scroll interception or hidden content. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .button, .motion-toggle, .lab-arrows button, .format-switch button,
  .work-filters button { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
  .button > span, .project-account > span { display: inline-block; transition: transform .2s ease; }
  nav a, .contact-links a, .footer-links a { transition: color .2s ease; }
  .contact-form input, .contact-form textarea { transition: border-color .2s ease, background-color .2s ease; }
  @media (hover: hover) and (pointer: fine) {
    .button:hover > span { transform: translate(2px, -2px); }
    .hero-bottom .button:hover > span { transform: translate(2px, 2px); }
    .project-account:hover > span { transform: translate(2px, -2px); }
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}