:root {
  --bg: #04060a;
  --bg-1: #080b12;
  --bg-2: #0d121c;
  --line: rgba(168, 212, 240, 0.12);
  --line-strong: rgba(168, 212, 240, 0.24);
  --ink: #eef4fa;
  --ink-2: #a9b6c6;
  --ink-3: #6b7a8d;
  --ice: #a8d4f0;
  --ice-2: #98c1d9;
  --blue: #4d8dff;
  --navy: #3d5a80;
  --accent: var(--ice);
  --scrub-rest: rgba(238, 244, 250, 0.42);
  --glow-a: rgba(77, 141, 255, 0.22);
  --glow-b: rgba(168, 212, 240, 0.12);
  --glow: 0 0 60px rgba(77, 141, 255, 0.35);

  --f-display: "Inter Tight", system-ui, sans-serif;
  --f-serif: "Instrument Serif", Georgia, serif;
  --f-mono: "JetBrains Mono", ui-monospace, monospace;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --dur-micro: 0.5s;
  --dur-ui: 0.7s;
  --dur-in: 1.3s;
  --dur-hero: 1.5s;

  --t-mega: clamp(76px, 15.2vw, 250px);
  --t-final: clamp(64px, 12.5vw, 210px);
  --t-stat: clamp(96px, 13vw, 220px);
  --t-xl: clamp(44px, 7.4vw, 124px);
  --t-lg: clamp(38px, 5.4vw, 88px);
  --t-row: clamp(40px, 5.6vw, 92px);
  --t-scrub: clamp(28px, 3.7vw, 60px);
  --t-h3: clamp(24px, 2.6vw, 42px);
  --t-h4: clamp(22px, 2.4vw, 38px);
  --t-q: clamp(18px, 1.5vw, 22px);
  --t-lede: clamp(16px, 1.25vw, 19px);
  --t-body: 16px;
  --t-article: clamp(17px, 1.2vw, 19px);
  --t-label: 11.5px;
  --t-micro: 10.5px;

  --gutter: clamp(16px, 4vw, 56px);
  --maxw: 1440px;
  --radius: 22px;
  --space-section: clamp(64px, 11vw, 160px);
  --space-section-lg: clamp(72px, 12vw, 180px);
  --space-band: clamp(36px, 7vw, 80px);
  --space-head: clamp(32px, 5vw, 80px);
  --measure: 34em;
  --measure-article: 68ch;
}

@media (max-width: 620px) {
  :root {
    --t-final: 14.6vw;
  }
}

@media (max-width: 520px) {
  :root {
    --t-mega: 25vw;
  }
}