/* ==========================================================================
   Motion — minimal, calm, purposeful.
   Permitted: button colour-sweep, subtle card lift/border on hover,
   link-underline grow, gentle fade/rise (max 16px) on first scroll-in.
   No parallax, glows, or attention-grabbing motion.
   docs/DESIGN.md is the authority: it names the site's motion vocabulary
   (through-line spine, tilt-flip card, ink cursor, logo marquee) and those
   named effects override the blanket prohibitions here.
   ========================================================================== */

:root {
  --ease:     cubic-bezier(0.2, 0.7, 0.3, 1);  /* @kind other */
  --dur-fast: 150ms;  /* @kind other */
  --dur:      250ms;  /* @kind other */
  --dur-slow: 400ms;  /* @kind other */
}

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