/* State 44 tokens, generated from tokens.json. Light is the default; set data-theme="dark" on <html> for dark. */
@font-face { font-family: 'Newsreader'; src: url('fonts/newsreader-latin-300-normal.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Newsreader'; src: url('fonts/newsreader-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --vellum: #f6f6f4;
  --paper: #ffffff;
  --carbon: #2c2c26;
  --ink: #000000;
  --lichen: #6d6e5e;
  --olive-char: #57584b;
  --sage: #979886;
  --moss: #aaab9c;
  --ash: #d0d0c8;
  --bone: #e8e7d9;
  --khaki: #aaa674;
  --highlighter: #fff347;
  --on-highlighter: #000000;
  --on-carbon: #ffffff;
  --on-carbon-muted: #979886;
  --alert: #a3261f;
  --cat-land: #5f7a52;
  --cat-energy: #b4532a;
  --cat-community: #4f6a8a;
  --cat-infrastructure: #8a6a2f;
}
[data-theme="dark"] {
  --vellum: #1d1d19;
  --paper: #2c2c26;
  --carbon: #12120f;
  --ink: #f6f6f4;
  --lichen: #aaab9c;
  --olive-char: #c4c5b6;
  --sage: #979886;
  --moss: #6d6e5e;
  --ash: #45463c;
  --bone: #3a3a32;
  --khaki: #7c7a55;
  --on-carbon: #f6f6f4;
  --alert: #ff8a7a;
  --cat-land: #8fb07e;
  --cat-energy: #e88a5c;
  --cat-community: #8eaed4;
  --cat-infrastructure: #c9a35a;
}
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-64: 64px;
  --space-80: 80px;
  --space-128: 128px;
  --radius-none: 0px;
  --radius-sm: 3px;
  --radius-md: 8px;
  --max-width: 1200px;
  --nav-height: 56px;
  --font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.display { font-family: var(--font-serif); font-size: 96px; line-height: 0.94; font-weight: 300; letter-spacing: -4.8px; }
.display-sm { font-family: var(--font-serif); font-size: 64px; line-height: 1; font-weight: 300; letter-spacing: -3.2px; }
.heading-lg { font-family: var(--font-serif); font-size: 48px; line-height: 1.13; font-weight: 300; letter-spacing: -2.4px; }
.heading { font-family: var(--font-serif); font-size: 32px; line-height: 1; font-weight: 400; letter-spacing: -1.6px; }
.heading-sm { font-family: var(--font-serif); font-size: 24px; line-height: 1; font-weight: 400; letter-spacing: -1.2px; }
.figure { font-family: var(--font-serif); font-size: 64px; line-height: 1; font-weight: 300; letter-spacing: -3.2px; }
.subheading { font-family: var(--font-mono); font-size: 20px; line-height: 1.5; font-weight: 400; letter-spacing: -0.5px; }
.body { font-family: var(--font-mono); font-size: 16px; line-height: 1.5; font-weight: 400; letter-spacing: -1.07px; }
.body-sm { font-family: var(--font-mono); font-size: 14px; line-height: 1.36; font-weight: 400; letter-spacing: -0.94px; }
.caption { font-family: var(--font-mono); font-size: 12px; line-height: 1.42; font-weight: 400; letter-spacing: -0.8px; }
.eyebrow { font-family: var(--font-mono); font-size: 12px; line-height: 1.42; font-weight: 500; letter-spacing: -0.8px; text-transform: uppercase; }