/* HallowixStudios V51 — About hero uses the Admin-controlled image as the section background itself.
   Default: exact supplied team (2).png at 40% opacity. */
body.hx-about-v28 .about-v25 > .hero[data-site-media-slot="about.hero_background"]{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#100d0b!important;
}
body.hx-about-v28 .about-v25 > .hero[data-site-media-slot="about.hero_background"]::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background-image:var(--hx-about-hero-image,url("../about-team-hero-v8.png"))!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:var(--hx-site-media-opacity,.40)!important;
  filter:none!important;
  transform:none!important;
}
body.hx-about-v28 .about-v25 > .hero[data-site-media-slot="about.hero_background"]::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(8,7,6,.40) 0%,rgba(8,7,6,.24) 30%,rgba(8,7,6,.04) 68%,rgba(8,7,6,.08) 100%),
    linear-gradient(180deg,rgba(8,7,6,.08) 0%,rgba(8,7,6,0) 54%,rgba(8,7,6,.18) 100%)!important;
  opacity:1!important;
}
body.hx-about-v28 .about-v25 > .hero[data-site-media-slot="about.hero_background"] > .hero-grid{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:900px){
  body.hx-about-v28 .about-v25 > .hero[data-site-media-slot="about.hero_background"]::before{background-position:64% center!important}
}
@media(max-width:600px){
  body.hx-about-v28 .about-v25 > .hero[data-site-media-slot="about.hero_background"]::before{background-position:68% center!important}
}