/* Self-hosted font @font-face declarations. * * Loaded DEFERRED via `` in PublicLayout so the * 10 font files don't sit on the LCP critical request chain. * Initial paint uses the system-font fallback stack defined on * html / body in global.css; once this stylesheet loads, the * @font-face declarations register and `font-display: swap` lets * each weight take over as it arrives. * * Inter 700 is preloaded separately in because it's the * LCP candidate (home hero H1 + most large display text). The * preload fills the browser cache so by the time this deferred * stylesheet registers its @font-face for Inter 700, the file is * already there. */ /* Inter, four weights, latin subset. */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/inter-400.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/inter-500.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/inter-600.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/inter-700.woff2") format("woff2"); } /* Fraunces, serif accents (display headings, italics). Two weights, upright + italic each, latin subset. */ @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/fraunces-400.woff2") format("woff2"); } @font-face { font-family: "Fraunces"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/fraunces-400-italic.woff2") format("woff2"); } @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/fraunces-700.woff2") format("woff2"); } @font-face { font-family: "Fraunces"; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/fraunces-700-italic.woff2") format("woff2"); } /* JetBrains Mono, small uppercase eyebrow labels + code-like inline text. Two weights, upright only. */ @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/jetbrains-mono-400.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/jetbrains-mono-600.woff2") format("woff2"); }