/* fonts.css — substitutes for Squarespace TypeKit families.
 *
 * Squarespace's CSS rules reference two TypeKit families that we cannot load
 * on Vercel (TypeKit is keyed to the squarespace.com domain). We re-bind
 * those family names to free Google Fonts that are loaded by the
 * <link rel="stylesheet" href="https://fonts.googleapis.com/..."> tag in
 * index.html.
 *
 * Substitutions:
 *   neue-haas-grotesk-text  →  Inter
 *   squarespace-clarkson-v2 →  Manrope
 *
 * local(...) succeeds when the named font is already registered with the
 * browser, which Google Fonts achieves after the @import / <link> loads.
 */

/* ----- neue-haas-grotesk-text → Inter ----- */
@font-face {
  font-family: 'neue-haas-grotesk-text';
  src: local('Inter'), local('Inter-Regular');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'neue-haas-grotesk-text';
  src: local('Inter Italic'), local('Inter-Italic');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'neue-haas-grotesk-text';
  src: local('Inter Bold'), local('Inter-Bold');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'neue-haas-grotesk-text';
  src: local('Inter Bold Italic'), local('Inter-BoldItalic');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ----- squarespace-clarkson-v2 → Manrope ----- */
@font-face {
  font-family: 'squarespace-clarkson-v2';
  src: local('Manrope'), local('Manrope-Regular');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'squarespace-clarkson-v2';
  src: local('Manrope Bold'), local('Manrope-Bold');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
