/* Site fonts (see STYLE.md). Linked from the older Tailwind pages so they match the case studies.
   Titles: Fraunces 450, SOFT 50, opsz 144. Everything else: Instrument Sans. */
@font-face { font-family: "Fraunces"; src: url(/fonts/fraunces.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url(/fonts/instrument-sans.woff2) format("woff2"); font-weight: 400 700; font-display: swap; }

body { font-family: "Instrument Sans", system-ui, sans-serif !important; -webkit-font-smoothing: antialiased; }

h1, h2:not(.sans), .serif {
  font-family: "Fraunces", Georgia, serif;
  font-variation-settings: "SOFT" 50, "opsz" 144;
  font-weight: 450 !important;
  letter-spacing: -0.005em !important;
}