:root {
  --paper: #FDFDF8;
  --stone: #F0EEE7;
  --line: #DCD9D0;
  --greige: #A5A293;
  --muted: #5D5A52;
  --ink: #1E1E1E;
  --olive: #4E5E45;
  --warn: #8A5A12;
  --error: #A3362B;

  --f-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --f-text: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  --t-display: clamp(44px, 7vw, 84px);
  --t-h2: clamp(34px, 4.6vw, 56px);
  --t-h3: 22px;
  --t-lead: 20px;
  --t-body: 17px;
  --t-small: 15px;
  --t-label: 13px;

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  --section: var(--s-10);
  --content: 1160px;
  --gutter: 24px;

  --r-s: 4px;
  --r-m: 10px;
  --shadow-card: 0 1px 2px rgba(31, 31, 31, .06), 0 12px 32px rgba(31, 31, 31, .08);
}

@media (max-width: 960px) { :root { --section: 80px; } }
@media (max-width: 600px) { :root { --section: var(--s-8); --gutter: 20px; } }