/* GENERATED by build-fonts.mjs — do not edit by hand. Self-hosted typography: Clash Display (headlines), Inter (body), Material Symbols Outlined (icons, subset to the 90 ligatures this site actually renders). Loaded from the top of and preloaded there, so no font waits on a third-party DNS/TLS handshake or on a stylesheet the preload scanner cannot see. */ /* ---------- Inter: body --------------------------------------------------- One variable face covers 400/500/600/700. font-display:swap keeps text readable immediately; the metric-matched fallback below makes that first Arial render occupy Inter's exact box, so the swap does not shift layout. */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/webfonts/inter-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/webfonts/inter-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Arial re-shaped to Inter's metrics. Sits after Inter in every font stack, so it only renders during the swap period — and renders at the same size. */ @font-face { font-family: "Inter Fallback"; src: local("Arial"); ascent-override: 90.49%; descent-override: 22.56%; line-gap-override: 0%; size-adjust: 107.06%; } /* ---------- Clash Display: headlines -------------------------------------- */ @font-face { font-family: "Clash Display"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/webfonts/clash-display-600.woff2") format("woff2"); } @font-face { font-family: "Clash Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/webfonts/clash-display-700.woff2") format("woff2"); } /* ---------- Material Symbols: icons --------------------------------------- font-display:block, not swap: an icon font has no sensible fallback, and swap would flash the raw ligature text ("arrow_forward") before the glyph arrives. block hides it for a beat instead. The subset is small enough that the beat is imperceptible. The .material-symbols-outlined rule below used to come from Google's hosted stylesheet. dist/app.css only adds font-variation-settings on top of it and is loaded afterwards, so its axis values and any Tailwind size utilities still win. */ @font-face { font-family: "Material Symbols Outlined"; font-style: normal; font-weight: 400; font-display: block; src: url("../fonts/webfonts/material-symbols-outlined.woff2") format("woff2"); } .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }