/* HallowixStudios V52 — definitive About hero background layer.
   The background is a real absolutely-positioned IMG inside the hero, not a pseudo-element.
   This avoids conflicts with the older ambient/background rules. Admin site_media can replace
   the IMG src and controls --hx-site-media-opacity; default is 40%. */
body.hx-about-v28 .about-v25 > .hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#090807!important;
}
/* Disable every older pseudo-element image/ambient layer on this hero. */
body.hx-about-v28 .about-v25 > .hero::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
body.hx-about-v28 .about-v25 > .hero > .about-hero-background{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
  opacity:var(--hx-site-media-opacity,.40)!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}
/* Only a light readability veil; the image itself remains at the requested 40%. */
body.hx-about-v28 .about-v25 > .hero::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(5,5,5,.30) 0%,rgba(5,5,5,.16) 34%,rgba(5,5,5,.02) 72%,rgba(5,5,5,.05) 100%)!important;
  opacity:1!important;
}
body.hx-about-v28 .about-v25 > .hero > .hero-grid{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:900px){
  body.hx-about-v28 .about-v25 > .hero > .about-hero-background{object-position:64% center!important}
}
@media(max-width:600px){
  body.hx-about-v28 .about-v25 > .hero > .about-hero-background{object-position:68% center!important}
}