/* Shared responsive hero system. Loaded after each page stylesheet. */
:root{--pro1-hero-gradient:linear-gradient(90deg,rgba(14,17,24,.95) 0%,rgba(14,17,24,.75) 45%,rgba(14,17,24,.2) 100%)}
.hero,.pagehero,.extra-hero,.pro1-identical-faq-hero{
  box-sizing:border-box;min-height:460px!important;height:auto!important;
  padding:80px 0 60px!important;display:flex;flex-direction:column;justify-content:center;
  background-image:var(--pro1-hero-gradient),var(--pro1-hero-image,none)!important;
  background-color:#0e1118!important;background-size:cover!important;
  background-position:center right!important;background-repeat:no-repeat!important;
}
/* Disable legacy decorative image layers so the new background is consistent. */
.hero::before,.hero::after,.pagehero::before,.pagehero::after,
.extra-hero::before,.extra-hero::after,
.pro1-identical-faq-hero::before,.pro1-identical-faq-hero::after{background:none!important;content:none!important}
.hero>.wrap,.pagehero>.wrap,.extra-hero>.wrap,.hero>.container,
.pro1-identical-faq-hero>.wrap{width:100%;position:relative;z-index:1}
.hero h1,.pagehero h1,.extra-hero h1,.pro1-identical-faq-hero h1,
.hero p,.pagehero p,.extra-hero p,.pro1-identical-faq-hero p{
  max-width:580px!important;
}
.hero .actions,.pagehero .actions,.extra-hero .actions,.pro1-identical-faq-hero .actions,
.hero .buttons,.pagehero .buttons,.extra-hero .buttons{max-width:580px;flex-wrap:wrap}
/* The About page intentionally has a bottom-aligned heading. */
.pagehero.family-hero{justify-content:flex-end}
.pagehero.family-hero .family-bottom-title{position:relative;z-index:1}
@media(max-width:900px){
 .hero,.pagehero,.extra-hero,.pro1-identical-faq-hero{min-height:390px!important;padding:60px 0 42px!important;background-position:62% center!important}
 .hero h1,.pagehero h1,.extra-hero h1,.pro1-identical-faq-hero h1,
 .hero p,.pagehero p,.extra-hero p,.pro1-identical-faq-hero p{max-width:100%!important}
}
@media(max-width:600px){
 .hero,.pagehero,.extra-hero,.pro1-identical-faq-hero{min-height:340px!important;padding:48px 0 32px!important;background-position:65% center!important;
 background-image:linear-gradient(90deg,rgba(14,17,24,.95) 0%,rgba(14,17,24,.82) 60%,rgba(14,17,24,.52) 100%),var(--pro1-hero-image,none)!important}
 .hero h1,.pagehero h1,.extra-hero h1,.pro1-identical-faq-hero h1{font-size:clamp(30px,8vw,44px)!important;line-height:1.12}
 .hero .wrap,.pagehero .wrap,.extra-hero .wrap,.hero .container{width:100%}
}

.hero-11-month-warranty-inspection{--pro1-hero-image:url("../images/embedded/b4ee18d23c2b7456.jpg");}

.hero-4-point-inspection{--pro1-hero-image:url("../images/4 point hero.jpg");}

.hero-about-us{--pro1-hero-image:url("../bartko-family.jpg");}

.hero-additional-inspection-services{--pro1-hero-image:url("../images/embedded/370ed8230d4f4e07.webp");}

.hero-buyers-home-inspection{--pro1-hero-image:url("../images/embedded/7ab350a8953ebc01.webp");}

.hero-commercial-inspections{--pro1-hero-image:url("../images/embedded/afe486eaea43ab58.jpg");}

.hero-contact-us{--pro1-hero-image:url("../images/contact-us-hero.jpg");}

.hero-faq{--pro1-hero-image:url("../images/embedded/626407efe0a6f2f3.jpg");}

.hero-index{--pro1-hero-image:url("../hero-bg.jpg");}

.hero-insurance-inspections{--pro1-hero-image:url("../images/Insurance Inspections Hero.jpg");}

.hero-mold-indoor-air-quality{--pro1-hero-image:url("../images/embedded/e6acb57e42e5310b.jpg");}

.hero-new-construction-inspection{--pro1-hero-image:url("../images/embedded/68ddca8e2d52c761.webp");}

.hero-pool-spa-inspection{--pro1-hero-image:url("../images/embedded/dae70c7d3506037f.webp");}

.hero-pre-listing-inspection{--pro1-hero-image:url("../images/embedded/68ddca8e2d52c761.webp");}

.hero-residential{--pro1-hero-image:url("../images/embedded/04af2be73598aea8.jpg");}

.hero-roof-certification{--pro1-hero-image:url("../images/roof certification herojpg.jpg");}

.hero-sample-report{--pro1-hero-image:url("../hero-bg.jpg");}

.hero-services{--pro1-hero-image:url("../images/embedded/59374bfc3a95ba67.jpg");}

.hero-wind-mitigation{--pro1-hero-image:url("../images/wind mitigation hero.jpg");}

/* Revision: keep artwork bright and avoid a heavy dark wash. */
:root{--pro1-hero-gradient:linear-gradient(90deg,rgba(14,17,24,.62) 0%,rgba(14,17,24,.32) 43%,rgba(14,17,24,.03) 100%)}
@media(max-width:600px){
 .hero,.pagehero,.extra-hero,.pro1-identical-faq-hero{
  background-image:linear-gradient(90deg,rgba(14,17,24,.72) 0%,rgba(14,17,24,.4) 55%,rgba(14,17,24,.12) 100%),var(--pro1-hero-image,none)!important;
 }
}
/* About Us: show the entire family photo instead of cropping it to a wide banner. */
.pagehero.family-hero.hero-about-us{
 min-height:600px!important;
 padding:0!important;
 position:relative!important;
 display:flex!important;
 justify-content:flex-end!important;
 background-color:#0e1118!important;
 background-image:var(--pro1-hero-image)!important;
 background-size:contain!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
}
.pagehero.family-hero.hero-about-us .family-bottom-title{
 position:absolute!important;bottom:0;left:0;right:0;
 padding:48px 16px 20px;
 background:linear-gradient(0deg,rgba(4,6,10,.76),rgba(4,6,10,0));
}
@media(max-width:600px){
 .pagehero.family-hero.hero-about-us{min-height:460px!important;background-size:contain!important;background-position:center center!important;padding:0!important}
 .pagehero.family-hero.hero-about-us .family-bottom-title{padding:42px 12px 14px}
}

/* 2026 navigation consistency and About Us hero refinements */
.site-menu .site-drop{position:relative;}
.site-menu .site-drop-menu{z-index:10020;min-width:255px;}
.site-menu .site-drop:hover>.site-drop-menu,
.site-menu .site-drop:focus-within>.site-drop-menu{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.site-menu .site-drop-menu a{display:block;white-space:normal;}
/* Full-bleed family photo: a smooth, light gradient across the entire image. */
.pagehero.family-hero.hero-about-us{
 min-height:clamp(460px,45vw,650px)!important;
 width:100%!important;
 background-image:linear-gradient(90deg,rgba(14,17,24,.30) 0%,rgba(14,17,24,.17) 45%,rgba(14,17,24,.08) 100%),var(--pro1-hero-image)!important;
 background-size:cover!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
}
.pagehero.family-hero.hero-about-us .family-bottom-title{
 background:linear-gradient(0deg,rgba(4,6,10,.58) 0%,rgba(4,6,10,.15) 65%,rgba(4,6,10,0) 100%)!important;
}
@media(max-width:700px){
 .pagehero.family-hero.hero-about-us{min-height:360px!important;background-size:cover!important;background-position:center center!important;}
 .site-menu .site-drop-menu{position:static;max-width:100%;box-shadow:none;}
}


/* Contact hero: supplied original artwork, with readable text and image focus. */
.hero.hero-contact-us{background-position:center center!important;--pro1-hero-gradient:linear-gradient(90deg,rgba(10,13,20,.88) 0%,rgba(10,13,20,.62) 36%,rgba(10,13,20,.08) 74%,rgba(10,13,20,0) 100%);}
@media(max-width:600px){.hero.hero-contact-us{background-position:64% center!important;background-image:linear-gradient(90deg,rgba(10,13,20,.92) 0%,rgba(10,13,20,.76) 58%,rgba(10,13,20,.42) 100%),var(--pro1-hero-image,none)!important;}}

/* Contact hero: supplied original artwork, with readable text and image focus. */
.hero.hero-contact-us{background-position:center center!important;--pro1-hero-gradient:linear-gradient(90deg,rgba(10,13,20,.88) 0%,rgba(10,13,20,.62) 36%,rgba(10,13,20,.08) 74%,rgba(10,13,20,0) 100%);}
@media(max-width:600px){.hero.hero-contact-us{background-position:64% center!important;background-image:linear-gradient(90deg,rgba(10,13,20,.92) 0%,rgba(10,13,20,.76) 58%,rgba(10,13,20,.42) 100%),var(--pro1-hero-image,none)!important;}}