/* FINAL HOMEPAGE HERO PATCH — approved Mr. Nibbles crate image */
.hero.hero-with-image{
  position:relative!important;
  min-height:78vh!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  isolation:isolate;
  padding:6rem max(1.25rem,calc((100% - var(--max))/2))!important;
  background:#030b17!important;
}
.hero.hero-with-image::before,
.hero.hero-with-image::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}
.hero.hero-with-image .signal{display:none!important}
.hero.hero-with-image .hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}
.hero.hero-with-image .hero-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  max-width:none!important;
}
.hero.hero-with-image .hero-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(2,8,17,.99) 0%,
    rgba(2,8,17,.96) 24%,
    rgba(2,8,17,.82) 38%,
    rgba(2,8,17,.48) 52%,
    rgba(2,8,17,.10) 69%,
    rgba(2,8,17,0) 100%)!important;
}
.hero.hero-with-image .hero-inner{
  position:relative!important;
  z-index:3!important;
  max-width:720px!important;
  width:min(720px,52vw)!important;
  display:block!important;
}
.hero.hero-with-image h1,
.hero.hero-with-image h1 span{
  color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.85)!important;
}
.hero.hero-with-image .eyebrow,
.hero.hero-with-image .hero-copy,
.hero.hero-with-image .byline{
  position:relative!important;
  z-index:3!important;
}
.hero.hero-with-image .hero-copy{
  color:#f4f7fa!important;
  max-width:660px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.85)!important;
}
.hero.hero-with-image .byline{
  color:#e1e8ee!important;
  text-shadow:0 2px 10px rgba(0,0,0,.8)!important;
}
.hero.hero-with-image .hero-actions{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  gap:1rem!important;
  flex-wrap:wrap!important;
}
@media(max-width:900px){
  .hero.hero-with-image{
    min-height:82vh!important;
    align-items:flex-end!important;
    padding-top:5rem!important;
    padding-bottom:3rem!important;
  }
  .hero.hero-with-image .hero-media img{object-position:66% center!important}
  .hero.hero-with-image .hero-shade{
    background:
      linear-gradient(0deg,
        rgba(2,8,17,.99) 0%,
        rgba(2,8,17,.93) 35%,
        rgba(2,8,17,.58) 58%,
        rgba(2,8,17,.16) 80%,
        rgba(2,8,17,.02) 100%)!important;
  }
  .hero.hero-with-image .hero-inner{
    width:100%!important;
    max-width:100%!important;
  }
}