/* Wild Sage approved hero artwork. The artwork already contains the campaign typography,
   so the old HTML copy stays hidden to prevent doubled/shadow text.
   Fit the full banner inside the visible website area instead of cropping it. */
.hero{
  position:relative!important;
  background-color:#0b0d09!important;
  background-image:url('/api/media/hero/current')!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16 / 7!important;
  max-height:calc(100vh - 150px)!important;
  cursor:pointer;
}
.hero-overlay,.hero-copy,.hero-note{display:none!important}
.hero::before,.hero::after{content:none!important;display:none!important}
@media(max-width:900px){
  .hero{
    aspect-ratio:16 / 8!important;
    max-height:none!important;
    background-size:contain!important;
    background-position:center center!important;
  }
}
@media(max-width:600px){
  .hero{
    aspect-ratio:16 / 9!important;
    background-size:contain!important;
  }
}