/* Short, deliberate movement; no automatic looping or layout shifts. */
@media (prefers-reduced-motion: no-preference) {
  .small-cta { transition: background-color .2s, color .2s, transform .25s; }
  .hero-tags span { transition: background-color .25s, transform .25s; }
  .roadmap a { transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s; }
  .roadmap-art, .benefit-art { transition: transform .45s cubic-bezier(.22,1,.36,1); }
  .benefit-copy { transition: box-shadow .3s; }
  .worm-panel > img { transition: transform .7s cubic-bezier(.22,1,.36,1); }
  .header nav > a:not(.small-cta) { background: linear-gradient(currentColor,currentColor) left bottom / 0 1px no-repeat; transition: background-size .25s; padding-block: 7px; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .small-cta:hover { background: var(--ink); color: var(--paper); transform: translateY(-2px); }
  .header nav > a:not(.small-cta):hover { background-size: 100% 1px; }
  .hero-tags span:hover { background: #ffffff50; transform: translateY(-2px); }
  .roadmap a:hover { transform: translateY(-6px); box-shadow: 0 12px 24px #11130f18; }
  .roadmap a:hover .roadmap-art { transform: translateY(-3px); }
  .benefits article:hover .benefit-art { transform: translateY(-7px) rotate(-2deg); }
  .benefits article:hover .benefit-copy { box-shadow: 0 10px 24px #11130f18; }
  .worm-panel:hover > img { transform: scale(1.035); }
}
@media (prefers-reduced-motion: reduce) {
  .button:hover, .roadmap a:hover { transform: none; }
}