.vhg-banner{position:relative}
.vhg-banner>.bg,.vhg-banner>.vpg-bg{opacity:1;overflow:hidden}
.vhg-banner>.bg img,.vhg-banner>.vpg-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* let the photo show at full strength; the gradient does the darkening, as on capabilities */
/* retire the old per-family overlays so the gradients don't stack */
.vhg-banner>.bg::after,.vhg-banner>.vpg-bg::after{background:none}
/* the capabilities banner gradient — sits above .bg (z-index:1) so it actually darkens the photo instead of hiding behind it */
.vhg-banner::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,rgba(8,20,40,.94) 0%,rgba(8,20,40,.82) 42%,rgba(8,20,40,.35) 78%,rgba(8,20,40,.15) 100%)}
/* blueprint grid, as on capabilities */
.vhg-banner::after{content:"";position:absolute;inset:0;z-index:3;opacity:.12;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);
  background-size:52px 52px}
/* keep banner copy above both overlays */
.vhg-banner>.wrap{position:relative;z-index:4}
@media(max-width:991px){
.mbnn{
  display: none  !important;
}
}