/*
 * Opportunity Brief webfonts.
 *
 * Briefs are pre-rendered static HTML served from /brief/<slug>/. The site's
 * CSP is `font-src 'self' data:` and `style-src 'self' 'unsafe-inline'`, so a
 * brief cannot load Google Fonts or any other external stylesheet. It links
 * this file instead:
 *
 *   <link rel="stylesheet" href="/brief/_fonts/fonts.css">
 *
 * The TTFs beside this file are copies of the same faces app/fonts/ ships to
 * the React site, kept here because next/font/local hashes its output into the
 * build and gives a static file no stable URL. Licences: the two OFL.txt files
 * in this folder.
 *
 * The Bricolage source file is named `BricolageGrotesque[opsz,wdth,wght].ttf`
 * in app/fonts/. The copy here drops the bracketed axis list: a percent-encoded
 * `%5B` in the URL does not resolve to that file, and relying on literal square
 * brackets surviving every proxy and CDN between here and a prospect's browser
 * is not worth the risk for a file nothing else references.
 */

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("/brief/_fonts/BricolageGrotesque-Variable.ttf") format("truetype");
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Spectral";
  src: url("/brief/_fonts/Spectral-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Spectral";
  src: url("/brief/_fonts/Spectral-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Spectral";
  src: url("/brief/_fonts/Spectral-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Spectral";
  src: url("/brief/_fonts/Spectral-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}