/* * SGHR home page sections — styles for the pattern-driven sections * (audience, promanu teaser, membership CTA) inserted into the Home * Page. The CPT-backed custom blocks (home-finder, home-events, * home-news) ship their own per-block stylesheets via block.json * `style` so they only load when the block actually renders. * * Token-only: no hex literals, every visual value resolves to a * theme.json preset via `var(--wp--preset--*)` or a CSS custom * property declared here. A brand refresh is a pure tokens edit. * * Breakpoints kept in lockstep with chrome.css: * - `min-width: 880px` -- two-column promanu / membership layouts * switch from stacked to side-by-side. * - `min-width: 1180px` -- desktop final spacing; audience grid * reaches its three-up max. */ :root { --sghr-section-pad-y: clamp(3rem, 4rem + 3vw, 5.5rem); --sghr-section-pad-x: clamp(1.25rem, 1.5rem + 4vw, 7.5rem); --sghr-card-radius: var(--wp--custom--radius--lg, 16px); --sghr-card-shadow: var(--wp--custom--shadow--lg, 0 10px 28px rgba(26, 31, 38, 0.09), 0 0 0 1px rgba(26, 31, 38, 0.04)); --sghr-pill-radius: var(--wp--custom--radius--pill, 999px); } /* ------------------------------------------------------------------ * * Full-bleed section frame * * Shared by every home section -- pattern markup and custom blocks * * alike apply `.sghr-section` to the outer container so background * * colors set via `backgroundColor` extend edge-to-edge with the same * * vertical rhythm everywhere. We use the class directly (not a `>` * * combinator) because `wp:post-content` may wrap its inner blocks in * * an `.entry-content` div, depending on the layout setting. * * ------------------------------------------------------------------ */ /* True viewport-edge full-bleed. * * Why this is more aggressive than a normal CSS reset: * * WordPress' core block layout system emits per-page inline `