:root {
  /* Motion is slow and tidal. No bounce, no spring, no overshoot anywhere in this brand. */
  --ease-tide: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-breath: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-quick: 160ms; /* @kind other */
  --dur-base: 320ms; /* @kind other */
  --dur-slow: 720ms; /* @kind other */
  --dur-cinematic: 1600ms; /* @kind other */
  --transition-base: all var(--dur-base) var(--ease-tide); /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-quick: 0ms; /* @kind other */
    --dur-base: 0ms; /* @kind other */
    --dur-slow: 0ms; /* @kind other */
    --dur-cinematic: 0ms; /* @kind other */
  }
}