/* ============================================================
   MatterMake — Webfonts
   Primary display: Titling Gothic FB (Font Bureau) — an extended
   neo-grotesque used across widths. Body: Suisse Intl.
   The connected "matter make" wordmark is custom lettering and is
   delivered as an image asset (see assets/logos), not a webfont.
   ============================================================ */

/* --- Titling Gothic FB — standard width (headings, UI) --- */
@font-face {
  font-family: "Titling Gothic FB";
  src: url("../assets/fonts/TitlingGothicFB-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Titling Gothic FB";
  src: url("../assets/fonts/TitlingGothicFB-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* --- Titling Gothic FB Std — the slightly tighter standard cut --- */
@font-face {
  font-family: "Titling Gothic FB Std";
  src: url("../assets/fonts/TitlingGothicFB-Standard.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Titling Gothic FB Wide — oversized numerals & big statements --- */
@font-face {
  font-family: "Titling Gothic FB Wide";
  src: url("../assets/fonts/TitlingGothicFB-WideStandard.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Titling Gothic FB Ext — extended light, airy hero lettering --- */
@font-face {
  font-family: "Titling Gothic FB Ext";
  src: url("../assets/fonts/TitlingGothicFB-ExtendedLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* --- Suisse Intl — body copy --- */
@font-face {
  font-family: "Suisse Intl";
  src: url("../assets/fonts/SuisseIntl-Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}