/* Identical hero clarity CSS extracted without rule changes. */

/* V3 hero clarity refinement (must follow V2 inherited styles) */
.hero{min-height:390px!important;padding-top:42px!important;padding-bottom:42px!important;background-image:linear-gradient(90deg,rgba(249,252,247,.33) 0%,rgba(249,252,247,.10) 39%,rgba(249,252,247,0) 67%),url('https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=2000&q=88')!important;background-position:center 46%!important;background-size:cover!important}
.hero::before,.hero::after{background:none!important;opacity:0!important;pointer-events:none!important}
.hero h1,.hero h1 span{color:#123b28!important;text-shadow:0 1px 2px rgba(255,255,255,.6)!important}
.hero p,.hero .hero-eyebrow,.hero .hero-description{color:#183e2c!important;text-shadow:0 1px 2px rgba(255,255,255,.55)!important}
.hero .hero-rule{background:#23613d!important}
.hero .hero-cta{background:#225b37!important;color:#fff!important}
.hero .v3-synthetic{opacity:1!important;z-index:2!important}
@media(max-width:650px){.hero{min-height:350px!important;padding-top:38px!important;padding-bottom:42px!important;background-position:62% center!important}.hero h1{font-size:clamp(32px,8vw,43px)!important}}