This page is the source of truth for the sa-split-results-hero visual values. Skills (sa-split-results-hero, wp-content-deployer workflows, location/practice-area page builders) should read this page and use these exact values. If this page and a skill file disagree, this page wins; update the skill to match.

Current Spec (effective 2026-06-03)

• Overlay color: NEUTRAL BLACK. Never navy. rgba(11,33,45,…) in the hero overlay or hero base is deprecated; it casts a blue tint over photos.
• Desktop overlay: linear-gradient(90deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.72) 55%, rgba(0,0,0,0.86) 100%)
• Mobile overlay (if a @media (max-width: 900px) override exists, 180deg): rgba(0,0,0,0.92) 0% → rgba(0,0,0,0.74) 48% → rgba(0,0,0,0.88) 100%
• Hero base (.sa-split-results-hero background fallback): #000000
• Hero image (.sa-split-results-hero__bg): opacity: 0.80, object-fit: cover, eager-loaded, explicit width/height
• CTA accent stays Foundry orange #D97706; H1 text white with text-shadow: 0 2px 12px rgba(0,0,0,0.4)
• Full-bleed pattern: margin-left/right: calc(50% - 50vw) (never left:50% + negative 50vw)

History

• 2026-06-03: Navy spec (image 0.85, gradient rgba(11,33,45,0.78)→0.35→rgba(0,0,0,0.62), base #0B212D) deprecated after Sam flagged the blue cast. All 54 live instances (every location page + 3 location posts) converted to the black spec above and verified by full rendered sweep (53/53 PASS + Lexington). Session log: "Lexington locations hero — dark overlay strengthened (2026-06-01)" in this database.
• Rollback values if ever needed: navy spec above; per-page backups kept in that session's outputs (batch/backups/); WP revisions intact.

Verification Method (reusable)

Headless render, then check computed styles: .sa-split-results-hero__overlay backgroundImage contains rgba(0, 0, 0, 0.92), hero base computes rgb(0, 0, 0), __bg opacity 0.8, image complete && naturalWidth>0, and scrollWidth <= innerWidth. Same-origin iframes allow batch-checking many pages from one loaded page.