/* Design tokens. Brand yellow #ffe034, disc grey #414143. */
@font-face { font-family: "Bebas Neue"; src: url(/fonts/BebasNeue-Regular.woff) format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Oswald"; src: url(/fonts/Oswald-VariableFont_wght.woff) format("woff"); font-weight: 200 700; font-display: swap; }
:root {
  --c-brand: #ffe034; --c-brand-ink: #0c0c0c; --c-ink: #141414; --c-ink-2: #3a3a3a; --c-bg: #ffffff; --c-bg-2: #f5f3ee;
  --c-dark: #0c0c0c; --c-dark-2: #414143; --c-on-dark: #ffffff; --c-muted: #595959; --c-line: #e3dfd6; --c-danger: #b00020;
  --f-display: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif; --f-body: "Oswald", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-0: .95rem; --fs-1: 1.0625rem; --fs-2: 1.25rem; --fs-3: 1.6rem; --fs-4: 2.2rem; --fs-5: clamp(2.6rem, 6vw, 4.6rem);
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2.5rem; --sp-5: 4rem;
  --r-1: 6px; --r-2: 12px; --r-pill: 999px; --sh-1: 0 2px 10px rgba(0,0,0,.08); --sh-2: 0 10px 30px rgba(0,0,0,.18);
  --wrap: 1180px; --tap: 44px; --header-h: 71px;
}