:root {
  --paper: #E9F0E3;
  --band-alt: #DDE8D8;
  --button-hover: #9A4727;
  --panel: #FFFFFF;
  --ink: #24262B;
  --muted: #525951;
  --copper: #C46A3A;
  --positive: #3E8F6E;
  --teal: #7FCDB4;
  --gold: #E7C766;
  --mint: #CFE7D6;
  --sage: #9BC7A8;
  --butter: #F3E6B9;
  --badge-fill: #DDF3E4;
  --badge-ink: #1F6B45;
  --disabled: #DCE0D8;
  --dot: rgba(36,38,43,0.14);
  --card-shadow: 0 4px 0 #24262B;
  --overlay: rgba(36,38,43,0.35);
  --clear: transparent;
  --display: 'Space Grotesk', sans-serif;
  --body: 'Space Grotesk', sans-serif;
  --mono: 'DM Mono', monospace;
  --hero-size: clamp(48px, 7vw, 128px);
  --title-size: 56px;
  --lead-size: var(--body-size);
  --body-size: clamp(18px, calc(15.538462px + .17094vw), 22px);
  --label-size: 18px;
  --container: 1180px;
  --gutter: 24px;
  --target-size: 44px;
  --button-height: 48px;
  --radius: 16px;
  --pill: 999px;
  --outline: 1.5px solid var(--ink);
  --ease: cubic-bezier(0.22,1,0.36,1);
  --graphite-hex: #24262B;
  --stone-hex: #D9CFC0;
  --sand-hex: #EFE6D2;
  --copper-hex: #C46A3A;
  --panel-hex: #E9DFC9;
  --ink-hex: #FFFFFF;
  --black-hex: #24262B;
  --light-key-hex: #FFF1D6;
  --light-fill-hex: #D9E9FF;
  --light-rim-hex: #FFF6E2;
  --light-ground-hex: #CFE7D6;
  --contact-glow: rgba(36,38,43,0.30);
  --contact-clear: rgba(36,38,43,0);
}
@media (max-width: 767px) {
  :root { --title-size: 36px; --gutter: 20px; }
}

@media (min-width: 1440px) { :root { --container: clamp(1180px, calc(640px + 37.5vw), 1600px); } }
@media (min-width: 2560px) { :root { --container: clamp(1600px, calc(340.983607px + 49.180328vw), 2200px); } }