:root {
  --ink: #050505;
  --paper: #fff;
  --cyan: #55e7eb;
  --cyan-hover: #83eef1;
  --cyan-soft: #d8f7f7;
  --ink-muted: #596164;
  --paper-muted: #bac5c6;
  --muted-dark: var(--ink-muted);
  --muted-light: var(--paper-muted);
  --line-dark: rgba(5, 5, 5, .14);
  --line-light: rgba(255, 255, 255, .16);
  --surface-paper-veil: rgba(255, 255, 255, .82);
  --surface-ink-veil: rgba(5, 5, 5, .72);
  --container: 1240px;
  --gutter: clamp(20px, 4.5vw, 64px);
  --gutter-mobile: clamp(24px, 6.4vw, 28px);
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --headline: "Sora", sans-serif;
  --body: "Manrope", sans-serif;
  --display-tracking: .006em;
  --display-leading: .88;
  --headline-leading: 1.04;
  --measure-narrow: 48ch;
  --measure-default: 58ch;
  --measure-wide: 68ch;
  --space-section: clamp(92px, 10vw, 140px);
  --space-block: clamp(52px, 7vw, 84px);
  --space-row: clamp(22px, 3vw, 30px);
  --shadow-brand: 0 8px 20px rgba(22, 130, 134, .11);
  --shadow-brand-hover: 0 12px 26px rgba(22, 130, 134, .16);
  --shadow-creator: 0 10px 24px rgba(0, 0, 0, .15);
  --ease: cubic-bezier(.16, 1, .3, 1);
}