:root {
  --color-ground: #101017;
  --color-line: #34343c;
  --color-butter: #ffeda6;
  --color-white: #ffffff;
  --color-body: #d9d7cf;
  --color-quiet: #8d8b85;
  --color-ink: #101017;

  --font-display: "Archivo Black", "Arial Black", sans-serif;
  --font-label: "Archivo Narrow", "Arial Narrow", sans-serif;
  --font-body: "Instrument Serif", Georgia, serif;

  --text-eyebrow: 0.8125rem;
  --text-small: 1.125rem;
  --text-body: clamp(1.25rem, 2.4vw, 1.4375rem);
  --text-lead: clamp(1.5rem, 3.4vw, 1.875rem);
  --text-h2: clamp(1.875rem, 5vw, 2.5rem);
  --text-h1: clamp(1.75rem, 4.5vw, 2.25rem);
  --text-brand: clamp(3.5rem, 15vw, 7rem);
  --text-closing: clamp(2rem, 7vw, 3.25rem);

  --leading-body: 1.55;
  --leading-none: 1;
  --leading-tight: 1.05;
  --leading-snug: 1.25;
  --leading-lead: 1.35;
  --tracking-label: 0.16em;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;

  --radius-pill: 999px;
  --text-button: 1rem;
  --tracking-button: 0.04em;
  --size-button-arrow: 2.75rem;
  --size-link-arrow: 0.7em;
  --icon-arrow-out: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5'/%3E%3C/svg%3E");
  --shadow-glow: 0 0 2.5rem rgba(255, 237, 166, 0.18);
  --duration-hover: 200ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --width-memo: 38rem;
  --logo-network-height: 1.5rem;
  --logo-mark-size: 2.75rem;
  --logo-hero-size: 5.5rem;
  --logo-divider-size: 1.25rem;
  --watermark-size: min(130vw, 60rem);

  --opacity-watermark: 0.045;
  --opacity-divider: 0.7;
  --duration-watermark-spin: 240s;
}