/* Generated from tokens.json by build2/gen_tokens.py. Do not edit by hand. */
:root {
  --c-paper: #F5F2E3;
  --c-paper-raised: #FBF9F0;
  --c-pencil: #2A2B2A;
  --c-pencil-soft: #5E5F58;
  --c-spruce: #2D5A45;
  --c-grid: #C6D8C4;
  --c-harbor: #34627E;
  --c-yellow: #F4CF3E;
  --c-pink: #F0457F;
  --c-pink-deep: #C2185B;
  --c-white: #FFFFFF;
  --c-pin: #34627E;
  --f-display: Fraunces, Georgia, serif;
  --f-body: "Atkinson Hyperlegible", system-ui, sans-serif;
  --f-mono: "Space Mono", ui-monospace, Menlo, monospace;
  --w-display: 620;
  --w-heading: 600;
  --w-body: 400;
  --w-strong: 700;
  --w-mono: 400;
  --w-mono-strong: 700;
  --t-display: clamp(2.75rem, 1.983rem + 3.146vw, 4.5rem);
  --lh-display: 1.02;
  --tr-display: -0.015em;
  --t-h1: clamp(2.25rem, 1.702rem + 2.247vw, 3.5rem);
  --lh-h1: 1.06;
  --tr-h1: -0.01em;
  --t-h2: clamp(1.812rem, 1.511rem + 1.236vw, 2.5rem);
  --lh-h2: 1.1;
  --tr-h2: -0.005em;
  --t-h3: clamp(1.375rem, 1.238rem + 0.5618vw, 1.688rem);
  --lh-h3: 1.2;
  --tr-h3: 0;
  --t-lede: clamp(1.125rem, 1.043rem + 0.3371vw, 1.312rem);
  --lh-lede: 1.5;
  --t-body: clamp(1.062rem, 1.035rem + 0.1124vw, 1.125rem);
  --lh-body: 1.6;
  --t-small: 0.9375rem;
  --lh-small: 1.5;
  --t-label: clamp(0.75rem, 0.7226rem + 0.1124vw, 0.8125rem);
  --lh-label: 1.3;
  --tr-label: 0.1em;
  --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;
  --rule-grid: 1px solid #C6D8C4;
  --rule-pencil: 1.5px solid #2A2B2A;
  --rule-heavy: 2.5px solid #2A2B2A;
  --rule-dashed: 1.5px dashed #C6D8C4;
  --r-chip: 2px;
  --r-control: 4px;
  --r-panel: 6px;
  --sh-button: 3px 3px 0 #F0457F;
  --sh-button-hover: 5px 5px 0 #F0457F;
  --sh-panel: 6px 6px 0 #2A2B2A;
  --sh-card: 3px 3px 0 #2A2B2A;
  --m-ui: 160ms cubic-bezier(.2,.7,.3,1);
  --m-panel: 220ms cubic-bezier(.2,.7,.3,1);
  --m-ambient: 6000ms linear;
  --z-map: 0;
  --z-hotspot: 10;
  --z-pitch-card: 20;
  --z-sticky-cta: 30;
  --z-vignette: 40;
  --content-max: 1120px;
  --reading-max: 66ch;
  --gutter: 16px;
  --section: 64px;
}
@media (min-width: 700px) { :root { --gutter: 24px; } }
@media (min-width: 1024px) { :root { --gutter: 40px; --section: 112px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0ms !important; animation: none !important; } .btn, .btn:hover, .btn:active, .offering:hover { transform: none !important; } }
.grid-paper { background-color:#F5F2E3;background-image:linear-gradient(#C6D8C4 1px,transparent 1px),linear-gradient(90deg,#C6D8C4 1px,transparent 1px);background-size:24px 24px; }
:focus-visible { outline: 3px solid #34627E; outline-offset: 3px; }
.hotspot:focus-visible { outline: 3px solid #2A2B2A; outline-offset: 2px; box-shadow: 0 0 0 7px #F5F2E3; }
.display, h1, h2, h3 { font-variation-settings: 'SOFT' 60, 'WONK' 0; font-optical-sizing: auto; }