/* Reference copy of SPEC.md §2, §6.1, §7. Copy into public/motion.css in the working copy.
   Scope to artist pages so Sound Theory is unaffected. */
:root {
  /* Easing */
  --ease-main:   cubic-bezier(0.625, 0.05, 0, 1);
  --ease-fade:   cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-linear: linear;

  /* Durations */
  --dur-xs: 200ms;
  --dur-s: 400ms;
  --dur-m: 600ms;   /* default */
  --dur-l: 800ms;
  --dur-xl: 1200ms;
  --dur-xxl: 1400ms;
  --dur-text: 700ms;

  /* Stagger */
  --stagger-char: 12ms;
  --stagger-word: 30ms;
  --stagger-line: 40ms;
  --stagger-item: 50ms;

  /* Palette */
  --c-paper:  #FFFFFF;
  --c-stone:  #C6C6C6;
  --c-ice:    #B5F2FF;
  --c-ink:    #111111;
  --c-signal: #C7471B;

  /* Type (1440 baseline, fluid) */
  --t-label:   clamp(12px, 0.833vw, 13px);
  --t-body:    clamp(15px, 1.111vw, 18px);
  --t-title:   clamp(28px, 2.778vw, 48px);
 --t-headline:clamp(40px,4.583vw,80px);
  --t-display: clamp(64px, 11.667vw, 210px);
  --t-chapter: clamp(48px, 6.667vw, 120px);

  --track-title: -0.02em;
  --track-display: -0.045em;
}

/* Mask used by word/line splits */
.mask { display: inline-block; overflow: clip; vertical-align: top; }
.mask > span { display: inline-block; will-change: transform; }

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-xs: 0ms; --dur-s: 0ms; --dur-m: 0ms; --dur-l: 0ms;
    --dur-xl: 0ms; --dur-xxl: 0ms; --dur-text: 0ms;
  }
}

:root{--dur-fling:750ms;--dur-counter:500ms;--dur-world-out:300ms;--delay-card:100ms;--delay-content:500ms;--delay-lines:650ms;--delay-items:700ms;--delay-image:900ms;--dur-audio-in:400ms;--dur-audio-out:300ms;--dur-audio-seek:30ms;--dur-intro-hold:600ms;--delay-intro-nav:1800ms;--delay-intro-bottom:1900ms}