/* House of Xpression — motion.
   Movement is a brand signature (flying hair, motion blur, ghosting) but interface
   motion is slow, weightless and never bouncy. Fades and long letterspacing drifts;
   no springs, no overshoot, no scale-up-on-hover. */
:root {
  --ease-veil: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-drift: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out-slow: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */

  --dur-fast: 180ms; /* @kind other */
  --dur-base: 320ms; /* @kind other */
  --dur-slow: 640ms; /* @kind other */
  --dur-reveal: 1200ms; /* @kind other */

  --transition-ui: color var(--dur-base) var(--ease-drift), background-color var(--dur-base) var(--ease-drift), border-color var(--dur-base) var(--ease-drift), opacity var(--dur-base) var(--ease-drift); /* @kind other */
  --transition-reveal: opacity var(--dur-reveal) var(--ease-veil), transform var(--dur-reveal) var(--ease-veil); /* @kind other */
}