@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/anton-v27-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/manrope-v20-latin-wght.woff2") format("woff2");
}

:root {
  --paper: #f3efe6;             --surface: #ffffff;           --ink: #0b1f2a;               --ink-soft: #1a2f3b;          --muted: #4a606c;             --line: rgba(11, 31, 42, 0.15); --brand-accent: #e16004;      --brand-accent-ink: #0b1f2a;  --brand-accent-deep: #b44d03; --accent-soft: #fbece1;       --ink-panel: #0b1f2a;
  --ink-panel-text: #f3efe6;

  --font-display: "Anton", Impact, "Arial Narrow Bold", sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --display-tracking: 0.03em;   --step-5: clamp(2.4rem, 5.2vw, 3.8rem);   --step-4: clamp(1.55rem, 3.4vw, 2.5rem);  --step-3: clamp(1.3rem, 2.2vw, 1.7rem);   --step-2: clamp(1.15rem, 1.9vw, 1.5rem);  --step-1: clamp(1.02rem, 1.4vw, 1.15rem); --step-0: 1rem;                           --step--1: 0.875rem;                      --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --section-pad: clamp(3.2rem, 8vw, 5.5rem);
  --hero-pad: clamp(4.5rem, 11vw, 8rem);
  --wrap: 72rem;                --radius: 2px;                }