/* Hero layering: original landscape background -> Wayne/equipment scene -> hero content */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-image:
    linear-gradient(90deg,rgba(4,20,15,.78) 0%,rgba(4,20,15,.62) 42%,rgba(4,20,15,.22) 72%,rgba(4,20,15,.30) 100%),
    url('/assets/site-01-065b314c6cc63321.jpg') !important;
  background-size:cover !important;
  background-position:center 42% !important;
  background-repeat:no-repeat !important;
}
.hero::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background-image:url('/assets/wayne-scene-bg.webp?v=20261017-3');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:min(1500px,96vw) auto;
  opacity:1;
}
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(4,20,15,.42) 0%,rgba(4,20,15,.28) 40%,rgba(4,20,15,.05) 70%,rgba(4,20,15,.12) 100%);
}
.hero-inner{position:relative;z-index:3}
.hero-logo{display:block!important;position:relative;z-index:4}
@media(max-width:900px){
  .hero::before{
    background-size:1120px auto;
    background-position:center 42%;
  }
  .hero::after{
    background:linear-gradient(180deg,rgba(4,20,15,.15) 0%,rgba(4,20,15,.32) 46%,rgba(4,20,15,.64) 100%);
  }
}
@media(max-width:620px){
  .hero::before{
    background-size:900px auto;
    background-position:center 36%;
  }
}