/* ============================================================================ Unlimit Group — WordPress integration overrides Loaded LAST (after tokens.css + site.css) so it wins the cascade. Two jobs, both about matching the reference HTML exactly inside WordPress: 1) HEADING COLOR — the design's headings carry no explicit `color`; they inherit white (--fg) from . Divi's customizer global stylesheet injects `body{color:#000}` and `h1..h6{color:#000}` and is echoed by Divi's PageResource layer OUTSIDE the normal style queue, so it can't be dequeued/filtered. We re-assert the inherited color here (theme-aware via --fg, so it's white in dark and charcoal in light). Inline accent colors (e.g. the leaf-green spans) and the more specific `.hero h1` rule still win. 2) DEFAULT DISPLAY SCALE — the reference HTML renders with the design's "tweak" layer at its default settings, which enlarges h1/h2 and sets the section rhythm. That panel is a design-time tool we exclude in production, so we bake its DEFAULT output here to keep type sizes identical to the reference (verified: h1 = 100.8px, h2 = 63.36px at 1440px-wide). ========================================================================== */ /* 1) Restore inherited heading color over any theme CSS that forces it dark. */ h1, h2, h3, h4, h5, h6 { color: var(--fg); } /* 2) Default display scale (tweak layer defaults: heading-scale 1, density regular). */ @media (min-width: 861px) { h1 { font-size: clamp(54px, 7vw, 108px) !important; } h2 { font-size: clamp(38px, 4.4vw, 64px) !important; } .section { padding: 140px 0 !important; } .hero { padding-top: 120px !important; padding-bottom: 80px !important; } }