/* ========================================================================= VerveMobi — common stylesheet Single source of truth for every page on the current design. Layout of this file 1. BASE reset, design tokens, header/nav, footer, reveal 2. SHARED / HOME components used by the home page and reused elsewhere 3. PAGE SECTIONS one per page, scoped with :where(body.p-xxx) How the scoping works Each page's carries a page class (p-about, p-contact, ...). Its rules are wrapped in :where(...), which adds ZERO specificity, so every rule keeps exactly the specificity and cascade position it had when the CSS lived inline in the page. Nothing about the rendered design changes. To add a rule for one page only, put it in that page's section. To change something everywhere, edit section 1 or 2. ========================================================================= */ /* ========================================================================= 1. BASE — reset, tokens, header/nav, footer, reveal-on-scroll ========================================================================= */ /* ========================================================================= VerveMobi — common stylesheet Single source of truth for the shared base, header/nav and footer. Loaded BEFORE each page's inline