/* Blog hero final image backgrounds — visual layer only; no layout/height changes */
.blog-hero-section{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background:#020910!important;
}

/* Remove the original blog lighting overlay so the approved image keeps its exact appearance. */
.blog-hero-section::after{
  display:none!important;
}

.blog-hero-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url('/blog-hero-bg-desktop-final.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
}

.blog-hero-section .shell{
  position:relative;
  z-index:2;
}

@media(max-width:900px){
  .blog-hero-section::before{
    background-image:url('/blog-hero-bg-mobile-final.png');
    background-position:center center;
    background-size:100% 100%;
  }
}