/* Self-hosted fonts — overlay works offline */

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/bebas-neue-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('/fonts/oswald-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url('/fonts/oswald-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo Black';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/archivo-black-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal; font-weight: 900; font-display: swap;
  src: url('/fonts/playfair-display-900.woff2') format('woff2');
}
@font-face {
  font-family: 'Major Mono Display';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/major-mono-display-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/space-grotesk-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('/fonts/space-grotesk-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('/fonts/space-grotesk-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url('/fonts/space-grotesk-700.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/dm-mono-400.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Mono';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('/fonts/dm-mono-500.woff2') format('woff2');
}

/* Mobile: stop iOS Safari from auto-zooming (and shifting the viewport) when a form
   field is focused. It does that whenever the focused control's font-size is under
   16px. Enforce a 16px minimum for text-entry controls on TOUCH devices only, so
   desktop layouts are untouched and pinch-zoom stays available (we do NOT disable
   user scaling). Loaded from fonts.css, which nearly every page links, so it
   covers the login, sign-up and member forms in one place. 2.183.1 */
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]),
  select,
  textarea {
    font-size: 16px !important;
  }
}
