/* Generated from brand.json by tools/build-brand.mjs. Edit brand.json, then rerun. */
@font-face {
  font-family: "Archivo";
  src: url("fonts/Archivo-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("fonts/InstrumentSerif-Regular-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("fonts/InstrumentSerif-Italic-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
:root {
  --color-bg: #13110e;
  --color-surface: #1d1914;
  --color-ink: #ede4d4;
  --color-muted: #a99c88;
  --color-line: #3a3128;
  --color-accent: #d9a25e;
  --color-accent-ink: #13110e;
  --color-scrim: rgb(12 10 8 / 0.66);
  --color-brick: #8c4b34;
  --color-stone: #d8cdb9;
  --color-dusk: #435482;
  --font-display: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-ui: Archivo, "Franklin Gothic Medium", "Arial Narrow", sans-serif;
  --size-small: 0.875rem;
  --size-body: 1.0625rem;
  --size-lead: clamp(1.125rem, 0.9rem + 0.6vw, 1.375rem);
  --size-title: clamp(2.5rem, 1.2rem + 4.4vw, 5rem);
  --size-display: clamp(3.25rem, 1rem + 9vw, 10rem);
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;
  --radius: 0px;
  --header-h: 64px;
  --color-scheme: dark;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 180ms;
  --dur-slow: 700ms;
}