/* SHOCKER OWNZ V10.4.7 — centered mobile hero copy + optically aligned header lockup.
   Staging only. Keeps hero art, CTA section, menu and music logic unchanged. */
.site-header .brand-lockup {
  align-items:center;
  text-align:center;
}
.site-header .brand-name,
.site-header .brand-sub {
  display:block;
  max-width:100%;
  text-align:center;
}
@media(max-width:760px) {
  /* Homepage: bring headline, lead-in and smaller description onto one centered axis. */
  body:not(.creative-page):not(.music-page) .hero:not(.creative-hero) .hero-copy {
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .hero:not(.creative-hero) .hero-copy > .eyebrow {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    max-width:100%;
    text-align:center;
  }
  .hero:not(.creative-hero) .hero-copy > h1 {
    /* Preserve the intended two-line headline while centering it. */
    font-size:clamp(27px,10vw,76px);
    max-width:100%;
    margin-inline:auto;
    text-align:center;
  }
  .hero:not(.creative-hero) .hero-copy > .hero-description {
    max-width:min(100%,380px);
    margin-inline:auto;
    text-align:center;
    text-wrap:balance;
  }
}
@media(max-width:320px) {
  .hero:not(.creative-hero) .hero-copy > .eyebrow {letter-spacing:.12em; font-size:9px; gap:7px;}
}