/* The site's sans. Self-hosted on purpose.
 *
 * Manrope, chosen 2026-08-18 over Bricolage Grotesque, Instrument Sans and Geist by
 * looking at all four set in the real column at the real measure. It replaces the
 * system stack (ui-sans-serif / -apple-system), which rendered as SF Pro on a Mac —
 * clean, and the same face every macOS application uses, so the page read as an
 * interface rather than as a document.
 *
 * ONE VARIABLE FILE, 24KB, covering 200-800. A static set would have been three or
 * four files to cover body, the panel links at 700 and the display type, each a
 * separate request. The `font-weight: 200 800` descriptor below is what tells the
 * browser this one file answers every weight — omit it and the browser synthesises
 * bold by smearing the 400, which looks exactly as bad as it sounds.
 *
 * NOT from the Google CDN. A third-party request on every page view is a dependency,
 * a privacy leak and a second connection to open before any text can paint; a 24KB
 * file served from the same origin is none of those.
 *
 * font-display: swap — text paints immediately in the fallback and reflows when the
 * face lands. On a site that is mostly photographs, a blank paragraph waiting on a
 * font is the worse trade.
 *
 * Loaded FIRST on every page, before style.css and entrance.css, because those two
 * define --sans and this has to be registered before they use it.
 */
@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope-var.woff2") format("woff2-variations");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}