:root {
  --color-ink: #000;
  --color-muted: #767676;
  --color-line: #d9d9d9;
  --color-surface: #fff;
  --color-placeholder: #f4f4f4;
  --font-sans: 'Inter', sans-serif;
  --font-features-default: 'cv11' 1, 'liga' 1, 'calt' 1;
  --page-padding: 16px;
  --shell-width: 1408px;
  --copy-width: 575px;
  --detail-width: 1100px;
  --logo-width: 218px;
  --portrait-width: 250px;
  --portrait-ratio: 250 / 333.1556;
  --hero-ratio: 1000 / 561.4035;
  --grid-ratio: 456 / 256;
  --gap-inline: 20px;
  --gap-stack: 32px;
  --gap-section: 24px;
  --gap-card: 16px;
  --text-nav: 12px;
  --text-body: 16px;
  --text-body-line: 20px;
  --text-title: 32px;
  --text-card: 22px;
  --tracking-tight: 0;
  --tracking-nav: 0.02em;
  --focus-ring: 2px solid #000;
  --transition-fast: 160ms ease;
}