/* Kind Home LP fonts — self-hosted, variable woff2. No CDN dependency.
   Fraunces is a variable font: the locked axes (opsz 144, SOFT 100, WONK 0) are set
   in each page's :root via font-variation-settings — these @font-face rules just expose
   the full variable ranges so those settings have something to act on.

   Fraunces uses font-display: block (NOT swap): headlines are the brand and the locked
   opsz-144 cut differs sharply from any fallback. With swap, the browser paints Georgia
   (or the font's default low-opsz instance) first, then snaps to the real cut — a visible
   FOUT/flash on every uncached load. block keeps headline text invisible for a brief
   period until the real font is ready, so the first painted glyphs are already correct.
   Each page also <link rel=preload>s Fraunces-Variable.woff2 to keep that period short.
   DM Sans stays swap — body text should never be invisible and has no opsz cut to flash. */

/* ---------- Fraunces (display / headlines) ---------- */
@font-face {
  font-family: "Fraunces";
  src: url("Fraunces-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Fraunces";
  src: url("Fraunces-Variable-Italic.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: italic;
  font-display: block;
}

/* ---------- DM Sans (body / UI) ---------- */
@font-face {
  font-family: "DM Sans";
  src: url("DMSans-Variable.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("DMSans-Variable-Italic.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}