/* V13: fix mobile header gap + real image in hero visual */

/* ensure injected img shows */
.hero-card .hero-visual,
.msv8-card .hero-visual{
  position:relative !important;
  overflow:hidden !important;
  background:#0c2747 !important;
}
.hero-card .hero-visual .msv13-real-img,
.msv8-card .hero-visual .msv13-real-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:1;
  display:block;
}
.hero-card .hero-visual:before,
.msv8-card .hero-visual:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(180deg,rgba(3,18,36,.06) 0%,rgba(3,18,36,.10) 40%,rgba(1,10,22,.74) 100%) !important;
}
.hero-card .hero-visual .overlay,
.msv8-card .hero-visual .overlay{
  position:absolute;
  z-index:3 !important;
  left:14px;
  right:14px;
  bottom:14px;
  text-shadow:0 2px 10px rgba(0,0,0,.72);
}

/* mobile header gap fix */
@media(max-width:720px){
  .hero.msv8-hero{
    padding-top:2px !important;
    margin-top:0 !important;
    min-height:auto !important;
  }
  .hero.msv8-hero > .wrap,
  .hero.msv8-hero > .container,
  .hero.msv8-hero .top.wrap,
  .hero.msv8-hero .hero-grid,
  .hero.msv8-hero .grid,
  .hero.msv8-hero .cols,
  .hero.msv8-hero .col,
  .hero.msv8-hero .hero-copy{
    padding-top:0 !important;
    margin-top:0 !important;
    min-height:auto !important;
    row-gap:10px !important;
  }
  /* force first badge upward */
  .hero.msv8-hero .kicker,
  .hero.msv8-hero .msv8-top-badge,
  .hero.msv8-hero .msv9-top-badge,
  .hero.msv8-hero .pill,
  .hero.msv8-hero .eyebrow,
  .hero.msv8-hero .chip,
  .hero.msv8-hero .tag:first-of-type,
  .hero.msv8-hero .top.wrap > *:first-child,
  .hero.msv8-hero .wrap > *:first-child{
    margin-top:-18px !important;
  }
  .hero.msv8-hero h1{
    margin-top:0 !important;
  }
  .hero-card .hero-visual,
  .msv8-card .hero-visual{
    min-height:205px !important;
  }
}