/* ============================================================ sunlit-type.css — v2, 17 August 2026 Verified against the Brand Kit (Notion source of truth, page 3933ccd8-b02a-81fa-b7b6-e7dbdb2e42c4). WHY THIS FILE EXISTS sunlit-brand.css declares palette and type tokens but applies none of them to any element. Every page therefore sets its own fonts and its own headline sizes, which is why nothing matches. This file applies the tokens. One scale, every page. ------------------------------------------------------------ READ THIS FIRST — THE FONT IS THE REAL BUG ------------------------------------------------------------ The Brand Kit specifies sunlit-brand.css as ~331 KB with Cormorant Garamond SELF-HOSTED (embedded woff, offline-proof, no Google Fonts dependency). The version currently in the deploy folder is ~2 KB and pulls the font over an @import from fonts.googleapis.com. CSS @import is render-blocking and unreliable. When it resolves, headings render in Cormorant. When it does not, they fall back to Georgia. That is the source of the two different serifs across the site — not a styling decision, a load failure. Cormorant also has a much smaller x-height than Georgia, so the same CSS size renders visibly different depending on which font won. The Brand Kit log records that this exact bug was already found and fixed once: "Cormorant Garamond self-hosted after a Google Fonts dependency caused a fallback in local preview." The rebuild reintroduced it. ACTION: recover the original ~331 KB sunlit-brand.css from Drive folder "06 - Brand & Logo Library" and put it back in the deploy folder. Until that happens, headings will keep flipping between two faces no matter what this file says. ------------------------------------------------------------ LOAD ORDER, on every page, in : Any inline