.sub-hero,.blog-hero{position:relative;isolation:isolate;min-height:430px;display:flex;align-items:center;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.sub-hero::before,.blog-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.62)}
.sub-hero::after,.blog-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.38),transparent 72%)}
.sub-hero .container,.blog-hero .container{position:relative;z-index:1}
body:has(.nav a[href="services.html"][aria-current="page"]) .sub-hero{background-image:url('../images/subhero-services.webp')}
body:has(.nav a[href="products.html"][aria-current="page"]) .sub-hero{background-image:url('../images/subhero-products.webp')}
body:has(.nav a[href="reviews.html"][aria-current="page"]) .sub-hero{background-image:url('../images/subhero-reviews.webp')}
body:has(.nav a[href="faq.html"][aria-current="page"]) .sub-hero,body:has(.nav a[href="contact.html"][aria-current="page"]) .sub-hero{background-image:url('../images/subhero-consult.webp')}
.blog-hero{background-image:url('../images/subhero-products.webp')}
.sub-hero .breadcrumbs,.sub-hero .lead,.blog-hero .lead{color:#eef3f1;text-shadow:0 2px 18px #000}
@media(max-width:620px){.sub-hero,.blog-hero{min-height:390px;background-position:65% center}.sub-hero::before,.blog-hero::before{background:rgba(0,0,0,.72)}}