/* ============================================================
   MOTION TOKENS
   Cinematic, slow, weighted. Everything eases out with the
   "expo" curve the portfolio is built on. No bounce.
   ============================================================ */
:root {
  /* Signature easing — long, confident deceleration */
  --ease-expo:  cubic-bezier(.16, 1, .3, 1); /* @kind other */
  --ease-out:   cubic-bezier(.22, .61, .36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(.65, 0, .35, 1); /* @kind other */

  /* Durations */
  --t-fast:   0.2s; /* @kind other */   /* hover colour / opacity */
  --t-base:   0.35s; /* @kind other */  /* press, small reveals */
  --t-slow:   0.6s; /* @kind other */   /* panels, image scale */
  --t-cine:   1.1s; /* @kind other */   /* hero entrances */

  /* Common composites */
  --tr-hover: color var(--t-fast), background var(--t-fast), border-color var(--t-fast);
  --tr-img:   transform var(--t-slow) var(--ease-expo), filter var(--t-base);
}