/* The Future People — generated from tokens.json */
:root, [data-theme="light"] {
  --ground: #ffffff;
  --ground-2: #f2f2f2;
  --line: #d9d9d9;
  --edge: #767676;
  --ink: #000000;
  --ink-2: #5c5c5c;
  --on-ink: #ffffff;
  --ink-hover: #2b2b2b;
  --black: #000000;
  --white: #ffffff;
  --white-2: #a6a6a6;
  --link: var(--ink);
  --focus-ring: var(--ink);
}
[data-theme="dark"] {
  --ground: #000000;
  --ground-2: #141414;
  --line: #2e2e2e;
  --edge: #8c8c8c;
  --ink: #ffffff;
  --ink-2: #a6a6a6;
  --on-ink: #000000;
  --ink-hover: #d9d9d9;
  --black: #000000;
  --white: #ffffff;
  --white-2: #a6a6a6;
  --link: var(--ink);
  --focus-ring: var(--ink);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-0: 0;
  --rule: 1px;
  --rule-strong: 2px;
  --content-max: 1120px;
  --measure-text: 680px;
  --header-height: 64px;
  --cut: 16px;
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Noto Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 76px; line-height: 76px; font-weight: 800; letter-spacing: -0.03em; }
.display-l { font-family: var(--font-display); font-size: 48px; line-height: 52px; font-weight: 700; letter-spacing: -0.02em; }
.heading-1 { font-family: var(--font-display); font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -0.015em; }
.heading-2 { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }
.lede { font-family: var(--font-sans); font-size: 20px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 28px; font-weight: 400; }
.body-s { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; }
.eyebrow { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.12em; }
.caption { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }