/* =============================================================================
   Hero photo / text balance — loads LAST across pages
   Goal: photo clearly visible + dark copy readable (no milky white curtain)
   Does NOT flatten home staff carousel frames.
   Cache-bust: ?v=balance1
   ============================================================================= */

.page-hero-fill,
#pricing-overview.page-hero-fill,
#page-overview.page-hero-fill,
.legal-hero.page-hero-fill{
  --hero-fill-wash:linear-gradient(
    115deg,
    rgba(255,255,255,.70) 0%,
    rgba(255,255,255,.55) 40%,
    rgba(255,255,255,.40) 70%,
    rgba(255,255,255,.46) 100%
  )!important;
}

/* About: slightly stronger wash than other pages, still shows office photo */
#page-overview.about-premium-hero{
  --about-hero-wash:linear-gradient(
    115deg,
    rgba(255,255,255,.76) 0%,
    rgba(255,255,255,.60) 42%,
    rgba(255,255,255,.48) 72%,
    rgba(255,255,255,.54) 100%
  )!important;
}

.page-hero-fill::before,
#pricing-overview.page-hero-fill::before,
#page-overview.page-hero-fill::before,
.legal-hero.page-hero-fill::before,
#page-overview.about-premium-hero::before{
  opacity:1!important;
  background-image:var(--hero-fill-wash),var(--hero-fill-image)!important;
}

#page-overview.about-premium-hero::before{
  background-image:var(--about-hero-wash),var(--about-hero-photo)!important;
}

/* Readable type over photo */
.page-hero-fill h1,
#page-overview.page-hero-fill h1,
#pricing-overview.page-hero-fill h1,
.legal-hero.page-hero-fill h1,
#page-overview.about-premium-hero h1,
#page-overview.about-premium-hero #about-hero-title{
  color:#07111f!important;
  text-shadow:0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(255,255,255,.4)!important;
}

.page-hero-fill p,
#page-overview.page-hero-fill p,
#pricing-overview.page-hero-fill p,
.legal-hero.page-hero-fill p,
#page-overview.about-premium-hero .about-hero-copy p{
  color:#1a2330!important;
  text-shadow:0 1px 0 rgba(255,255,255,.6)!important;
}

/* Home editorial band: ease milky curtain so hero photo reads through */
html body.home-page .hero.hero-editorial::before,
html body #top.hero.hero-editorial::before,
html body.home-page #top.hero::before{
  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,.78) 0%,
      rgba(255,255,255,.52) 46%,
      rgba(255,255,255,.34) 100%
    ),
    url("../zatra-home-hero.jpg") center/cover no-repeat!important;
  opacity:1!important;
}

html body.home-page #top .hero-editorial-copy,
html body #top.hero.hero-editorial .hero-editorial-copy{
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.78) 0%,
    rgba(255,255,255,.62) 55%,
    rgba(255,255,255,.52) 100%
  )!important;
}

html body.home-page #top .hero-editorial-copy::before,
html body #top.hero.hero-editorial .hero-editorial-copy::before{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.18))!important;
}

@media (max-width:980px){
  .page-hero-fill,
  #pricing-overview.page-hero-fill,
  #page-overview.page-hero-fill,
  .legal-hero.page-hero-fill{
    --hero-fill-wash:linear-gradient(
      180deg,
      rgba(255,255,255,.72) 0%,
      rgba(255,255,255,.56) 48%,
      rgba(255,255,255,.50) 100%
    )!important;
  }

  #page-overview.about-premium-hero{
    --about-hero-wash:linear-gradient(
      180deg,
      rgba(255,255,255,.78) 0%,
      rgba(255,255,255,.62) 50%,
      rgba(255,255,255,.56) 100%
    )!important;
  }
}