/* =====================================================================
   10 · BASE  —  fonts, colours, reset, type
   Sizes live in 00-settings.css. Edit colours and fonts here.
   ===================================================================== */

@font-face { font-family: "Poppins"; font-weight: 400; font-display: swap; src: url("../fonts/poppins-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC; }
@font-face { font-family: "Poppins"; font-weight: 400; font-display: swap; src: url("../fonts/poppins-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF; }
@font-face { font-family: "Poppins"; font-weight: 700; font-display: swap; src: url("../fonts/poppins-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Open Sauce One"; font-weight: 400; font-display: swap; src: url("../fonts/open-sauce-one-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Open Sauce One"; font-weight: 700; font-display: swap; src: url("../fonts/open-sauce-one-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Courier Prime"; font-weight: 400; font-display: swap; src: url("../fonts/courier-prime-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Pinyon Script"; font-weight: 400; font-display: swap; src: url("../fonts/pinyon-script-latin-400-normal.woff2") format("woff2"); }

:root {
  --black: #000; --ink: #fff; --muted: #b9b9b9; --blue: #5079bb; --line: rgba(255,255,255,.4);
  --display: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --text: "Open Sauce One", "Helvetica Neue", Arial, sans-serif;
  --mono: "Courier Prime", "Courier New", monospace;
  --script: "Pinyon Script", "Brush Script MT", cursive;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --t-press: 140ms; --t-hover: 180ms; --t-ui: 240ms; --t-sheet: 520ms;
  --accent: #fff;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { margin: 0; background: var(--black); color: var(--ink); font-family: var(--text); font-size: var(--body-fs); line-height: 1.5; overflow: hidden; -webkit-font-smoothing: antialiased; overscroll-behavior: none; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
p { margin: 0 0 .9em; }
h1, h2, h3, h4 { margin: 0; font-weight: 400; }
ul, ol { margin: 0; padding: 0; list-style: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; touch-action: manipulation; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
::selection { background: var(--blue); color: #fff; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Display type: Poppins set tight, with the pill "O" (.o) */
.display { font-family: var(--display); font-weight: 400; text-transform: uppercase; letter-spacing: -0.06em; line-height: 0.8; }
.display .ln { display: block; }
.o { display: inline-block; vertical-align: baseline; width: 0.8em; height: 0.42em; margin: 0 0.04em 0 0.06em; border: 0.07em solid currentColor; border-radius: 1em; transform: translateY(-0.015em); }