@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/bebas-neue-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/bebas-neue-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/hanken-grotesk-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/hanken-grotesk-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/hanken-grotesk-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/hanken-grotesk-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-mono-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-mono-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root:root {
  --color-paper: #111111;
  --color-surface: #1b1b1b;
  --color-ink: #f1ede4;
  --color-muted: #b7b1a4;
  --color-rule: #524c3d;
  --color-accent: #d4a04c;
  --color-on-accent: #111111;
  --color-secondary: #b3361f;
  --color-on-secondary: #f1ede4;
  --color-deep: #1e1e1e;
  --color-on-deep: #f1ede4;
  --color-tint-50: #1d1a15;
  --color-tint-100: #282218;
  --color-tint-200: #3c301e;
  --color-tint-300: #574426;
  --color-tint-500: #99753a;
  --color-tint-700: #d4a04c;
  --scrim: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, #1e1e1e 45%, #000) 70%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, #1e1e1e 45%, #000) 55%, transparent) 50%, color-mix(in srgb, color-mix(in srgb, #1e1e1e 45%, #000) 25%, transparent) 80%, color-mix(in srgb, color-mix(in srgb, #1e1e1e 45%, #000) 10%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, #1e1e1e 45%, #000) 55%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, #1e1e1e 45%, #000) 30%, transparent) 25%, color-mix(in srgb, color-mix(in srgb, #1e1e1e 45%, #000) 45%, transparent) 55%, color-mix(in srgb, color-mix(in srgb, #1e1e1e 45%, #000) 92%, transparent) 100%);
  --font-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --font-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;
  --heading-weight: 400;
  --heading-case: uppercase;
  --tracking-display: 0.01em;
  --body-strong: 600;
  --display-strong: 400;
  --radius-btn: 0px;
  --radius-card: 0px;
  --radius-frame: 0px;
  --radius-chip: 0px;
  --shadow-card: none;
  --shadow-lift: none;
  color-scheme: dark;
}