/* ZOMBART V3: centered hero + ember-free source image. Safe additive overrides. */
.hero {
  min-height: clamp(570px, 86svh, 800px);
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  background: radial-gradient(ellipse at 50% 34%, #290604 0%, #140303 52%, #0d0505 100%);
  overflow:hidden;
}
.hero::before {
  background-image:url('hero-clean.webp');
  background-repeat:no-repeat;
  background-size:auto 91%;
  background-position:center top;
  inset:0;
  opacity:1;
}
.hero::after {
  background:linear-gradient(to bottom, transparent 62%, rgba(15,3,3,.16) 79%, #0d0505 100%);
}
.hero-contents {
  width:100%; max-width:1000px;
  margin:0 auto;
  padding:0 20px clamp(38px,5vh,65px);
  display:flex; align-items:center; justify-content:center; align-content:center;
  gap:12px 14px;
  flex-wrap:wrap;
  position:relative; z-index:2;
  transform:none;
}
.hero-contents .tag { flex-basis:100%; text-align:center; margin:0 0 3px; }
.hero-contents .btn { min-width:190px; }
@media(min-width:1850px) { .hero::before{background-size:auto 94%;} }
@media(max-width:850px) {
  .hero {min-height:620px;}
  .hero::before{background-size:auto 88%; background-position:center top;}
  .hero-contents{padding-bottom:32px;}
}
@media(max-width:540px) {
  .hero {min-height:550px;}
  .hero::before{background-size:auto 78%;background-position:center 12px;}
  .hero-contents{padding:0 15px 30px;gap:10px;}
  .hero-contents .btn{min-width:unset;flex:1 1 150px;max-width:210px;}
  .hero-contents .tag{font-size:10px;letter-spacing:.14em;}
}
@media(max-width:370px) {
  .hero {min-height:580px;}
  .hero::before{background-size:auto 69%;background-position:center 22px;}
}
/* Utility: keep the storefront link hidden until connected. */
[hidden] {display:none!important;}