@font-face {
  font-family: "Archivo";

  /* The WOFF2 is the shipped face (72% smaller); the TTF stays in assets as
     the licensed source it was compressed from. */
  src: url("../assets/fonts/Archivo-Variable.b66ad608.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root {
  --pearl: #f5f7f6;
  --silver: #d8dddb;
  --mist: #eef1ef;
  --graphite: #121615;
  --smoke: #333a38;
  --titanium: #b7bdba;
  --muted: #4c5551;
  --signal: #c8954e;
  --signal-text: #7a4b12;
  --on-smoke: #eef2f0;
  --font-main: "Archivo", Arial, sans-serif;
  --page-pad: clamp(1rem, 3vw, 3rem);
  --content-max: 96rem;
  --radius-surface: clamp(1rem, 1.5vw, 1.5rem);
  --ease-physical: cubic-bezier(0.22, 1, 0.36, 1);
  --state-fast: 180ms;
  --state-settle: 520ms;
  --specular-x: 70%;
  --specular-y: 18%;
  --specular-strength: 0.34;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 5rem;
  --space-8: clamp(6rem, 11vw, 11rem);
  --rule-width: 1px;
  --header-height: 4.75rem;
}