/* Self-hosted brand fonts — Fraunces (serif), Hanken Grotesk (sans), Space Mono (mono). Linked (with preloads) from each page's . Subset latin woff2; no third-party CDNs. font-display: optional — paired with the preloads, the brand font is ready at first paint (no swap-in flash); on a slow first load the fallback is kept for that page-view. */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300 700; font-display: optional; src: url('../fonts/fraunces-300.woff2') format('woff2'); } @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 300 700; font-display: optional; src: url('../fonts/fraunces-300i.woff2') format('woff2'); } /* Variable font — one file covers the whole 400–700 weight axis. */ @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400 700; font-display: optional; src: url('../fonts/hankengrotesk.woff2') format('woff2'); } @font-face { font-family: 'Space Mono'; font-style: normal; font-weight: 400; font-display: optional; src: url('../fonts/spacemono-400.woff2') format('woff2'); } @font-face { font-family: 'Space Mono'; font-style: normal; font-weight: 700; font-display: optional; src: url('../fonts/spacemono-700.woff2') format('woff2'); }