/* =========================================================
   SINGLE HERO RESTORE
   All information appears on one hero page.
   ========================================================= */

.hero{
  position:relative!important;
  min-height:100svh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#111!important;
}

.hero-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  z-index:0!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
}

.hero-media picture,
.hero-media img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
}

.hero-media img{
  object-fit:cover!important;
  object-position:center center!important;
  filter:brightness(1.16) contrast(.97) saturate(1.04)!important;
  transform:none!important;
  animation:none!important;
}

.hero-overlay{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  margin:0!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      0deg,
      rgba(0,0,0,.48) 0%,
      rgba(0,0,0,.20) 52%,
      rgba(0,0,0,.08) 100%
    )!important;
}

.hero-content{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  width:min(1180px,88vw)!important;
  max-width:1180px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:clamp(7rem,11vh,9rem) 0 clamp(4rem,7vh,6rem)!important;
  transform:none!important;
  background:transparent!important;
  color:#fff!important;
}

.hero-content .hero-brand-title{
  display:block!important;
  margin:0 0 1.25rem!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:clamp(5.4rem,9.3vw,10rem)!important;
  line-height:.84!important;
  white-space:nowrap!important;
  text-shadow:0 5px 36px rgba(0,0,0,.42);
}

.hero-brand-subtitle,
.hero-brand-statement,
.hero-guest-welcome{
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:0 3px 22px rgba(0,0,0,.45)!important;
}

.hero-brand-subtitle{
  margin-bottom:1.15rem!important;
}

.hero-brand-statement{
  max-width:720px!important;
  margin-bottom:1.35rem!important;
}

.hero-actions-simple{
  margin-bottom:1.25rem!important;
}

.all-instagram-links{
  margin-top:.25rem!important;
}

.hero-guest-welcome{
  margin-top:1rem!important;
}

/* Remove any leftover stage layout effects */
.hero-stage,
.hero-stage-one,
.hero-stage-two,
.hero-opening-title,
.hero-opening-scroll{
  all:unset;
}

@media(max-width:768px){
  .hero{
    min-height:100svh!important;
    align-items:flex-end!important;
  }

  .hero-content{
    width:100%!important;
    max-width:none!important;
    padding:6rem 18px 5.5rem!important;
  }

  .hero-content .hero-brand-title{
    font-size:clamp(2.15rem,10.2vw,3.35rem)!important;
    line-height:.95!important;
    white-space:nowrap!important;
  }

  .hero-brand-subtitle{
    font-size:.74rem!important;
  }

  .hero-brand-statement{
    font-size:.94rem!important;
    line-height:1.9!important;
  }

  .hero-actions-simple,
  .all-instagram-links{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:390px){
  .hero-content .hero-brand-title{
    font-size:2.02rem!important;
  }
}