/* Served by the Go server at /fonts/2/ on every host and linked from the
   Astro layout, the React apps' index.html files and the Go page templates,
   so it never goes through Vite. The 2 in the path is a cache-busting
   version: the files are cached as immutable, so a changed font file needs a
   new directory name, and the links above updated with it. */

/* At the same font size, Suisse Intl's lowercase letters stand 5.5% taller
   than those of Neue Montreal, the font the www site was designed in, so
   size-adjust scales every face down until the two have the same x-height.
   Its letters are also wider, so paragraphs still run about 5% longer than in
   Neue Montreal, while its capitals end up about 4% shorter. */

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Hairline.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-HairlineItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Thin.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-ThinItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Book.woff2") format("woff2");
  font-weight: 450;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-BookItalic.woff2") format("woff2");
  font-weight: 450;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-SemiboldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  size-adjust: 94.8%;
}

@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/2/SuisseIntl-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  size-adjust: 94.8%;
}

:root {
  --font-heading:
    "Suisse Intl", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body:
    "Suisse Intl", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}