/* FAQ and Contact: true split heroes, no gradients or image fading. */
body main > section.hero:has(+ section.main),
body main > section.about-hero {
  position:relative !important;
  isolation:isolate;
  background:#082844 !important;
  background-image:none !important;
  min-height:390px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:42px 0;
}
body main > section.hero:has(+ section.main)::before,
body main > section.about-hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 0 42%;
  background-color:#082844;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  opacity:1;
  filter:none;
  mask-image:none;
  -webkit-mask-image:none;
}
body main > section.hero:has(+ section.main)::before {background-image:url("hero-faq-clear.webp");}
body main > section.about-hero::before {background-image:url("hero-contact-clear.webp");}
body main > section.hero:has(+ section.main)::after,
body main > section.about-hero::after {content:none !important;display:none !important;}
body main > section.hero:has(+ section.main) .wrap,
body main > section.about-hero .wrap {width:100%;position:relative;z-index:1;}
body main > section.hero:has(+ section.main) h1 {font-size:clamp(32px,3vw,44px);max-width:490px;line-height:1.1;}
body main > section.hero:has(+ section.main) p,
body main > section.about-hero p {max-width:430px;}
body main > section.about-hero h1 {max-width:485px;font-size:clamp(34px,3.25vw,49px);line-height:1.08;}
@media(max-width:1100px){
 body main > section.hero:has(+ section.main)::before,
 body main > section.about-hero::before {left:46%;background-position:48% center;}
 body main > section.hero:has(+ section.main) h1,
 body main > section.about-hero h1 {max-width:44%;}
 body main > section.hero:has(+ section.main) p,
 body main > section.about-hero p {max-width:42%;}
}
@media(max-width:760px){
 body main > section.hero:has(+ section.main),
 body main > section.about-hero {display:block;min-height:0;padding:34px 0 235px;background:#082844 !important;}
 body main > section.hero:has(+ section.main)::before,
 body main > section.about-hero::before {inset:auto 0 0 0;height:215px;background-size:cover;background-position:center center;}
 body main > section.hero:has(+ section.main) h1,
 body main > section.about-hero h1 {max-width:100%;font-size:clamp(30px,8vw,38px);}
 body main > section.hero:has(+ section.main) p,
 body main > section.about-hero p {max-width:100%;font-size:15px;}
}

/* 2026-10-28: keep hero copy inside the solid navy section.
   Background/image panels remain untouched. */
@media (min-width: 761px) {
  body main > section.hero:has(+ section.main) .wrap > :is(.eyebrow,h1,p),
  body main > section.about-hero .wrap > :is(.kicker,h1,p) {
    box-sizing: border-box;
    max-width: min(360px, calc(28vw - 54px)) !important;
    overflow-wrap: normal;
  }
  body main > section.hero:has(+ section.main) h1,
  body main > section.about-hero h1 {
    font-size: clamp(30px, 2.7vw, 44px) !important;
  }
}
@media (max-width: 760px) {
  body main > section.hero:has(+ section.main) .wrap > :is(.eyebrow,h1,p),
  body main > section.about-hero .wrap > :is(.kicker,h1,p) {
    max-width: 100% !important;
  }
}