/* MOTION — everything is a fade or a fade+rise. No bounce, no spring, no rotation.
   One signature curve does 90% of the work. */
:root {
  --ease-brand: cubic-bezier(0.28, 0.11, 0.32, 1); /* the signature curve */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-linear: linear;

  --dur-instant: 100ms; /* press feedback */
  --dur-fast: 200ms;    /* hover, color, opacity */
  --dur-base: 320ms;    /* control state, small transforms */
  --dur-slow: 600ms;    /* panel/modal enter */
  --dur-reveal: 1000ms; /* scroll-reveal of a section block */

  --reveal-y: 30px;        /* how far a revealed block rises */
  --reveal-stagger: 90ms;  /* delay step between siblings */
  --press-scale: 0.97;     /* tap feedback on cards/tiles */
  --press-opacity: 0.8;    /* tap feedback on links/buttons */
  --hover-media-scale: 1.03;
  --blur-nav: saturate(180%) blur(20px);
  --blur-panel: saturate(150%) blur(30px);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-base: 1ms;
    --dur-slow: 1ms;
    --dur-reveal: 1ms;
    --reveal-y: 0px;
  }
}