/* font-display: optional (not swap) — a swap-in after paint is exactly the layout "nudge"/"glitch" users noticed, especially on About's centered layout where a text reflow visibly shifts the whole block. optional accepts the font only if it's ready almost immediately (already cached, most navigations after the first) and otherwise commits to the fallback for that paint instead of swapping in late. Google Fonts honors the display param we pass in the URL below, but Fontshare's API ignores it and always hands back font-display:swap regardless — General Sans (the body/nav/caption typeface used almost everywhere) is self-hosted here instead specifically so we can force optional on it too. */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=optional'); @font-face { font-family: 'General Sans'; src: url('/fonts/general-sans-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: optional; } @font-face { font-family: 'General Sans'; src: url('/fonts/general-sans-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: optional; } @font-face { font-family: 'General Sans'; src: url('/fonts/general-sans-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: optional; } /* Native browser crossfade between page navigations (progressive enhancement — unsupported browsers just get a normal hard cut, no error). The @view-transition opt-in itself is ALSO inlined in a tiny