/* Spiritual Gorillaz 1.0.8 — mobile copy-first, complete-art stacking. */
@media(max-width:820px){
  /* Home no longer crops the crowned gorilla behind the text. Copy, complete
     native artwork, and the movement line become three explicit blocks. */
  .home-hero.concept-home{
    min-height:0!important;padding:42px 20px 0!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    background:linear-gradient(180deg,#01060b,#03101b 64%,#02070c)!important;
  }
  .concept-home .hero-copy{position:relative!important;order:1!important;width:100%!important;max-width:100%!important;padding:34px 0 34px!important}
  .concept-home .hero-artwork,
  .concept-home .hero-artwork:has(.fallback-hero){
    position:relative!important;inset:auto!important;order:2!important;
    width:calc(100% + 40px)!important;height:auto!important;aspect-ratio:1672/941!important;
    margin:0 -20px!important;padding:0!important;z-index:0!important;display:block!important;overflow:hidden!important;
  }
  .concept-home .hero-artwork .hero-art,
  .concept-home .hero-artwork .fallback-hero,
  .concept-home .hero-art{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;
  }
  .concept-home .hero-artwork::before,.concept-home .hero-artwork::after{content:none!important;display:none!important}
  .concept-home .hero-bottom{
    position:relative!important;inset:auto!important;order:3!important;width:100%!important;
    display:flex!important;align-items:end!important;justify-content:space-between!important;
    padding:23px 0 25px!important;margin:0!important;
  }

  .page-hero{
    min-height:0!important;padding:38px 20px 0!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    background:linear-gradient(180deg,#01060b,#03101b 68%,#02070c)!important;
  }
  .page-hero>div:first-child{order:1!important;width:100%!important;max-width:none!important;padding:0 0 28px!important}
  .page-hero>.concept-page-art,.page-hero>.music-art,.page-hero>.band-image,.page-hero>.section-artwork{
    position:relative!important;inset:auto!important;order:2!important;
    width:calc(100% + 40px)!important;height:auto!important;max-width:none!important;max-height:none!important;
    aspect-ratio:1672/941!important;margin:0 -20px!important;padding:0!important;z-index:0!important;
    -webkit-mask-image:none!important;mask-image:none!important;background:#02070c!important;overflow:hidden!important;
  }
  .page-hero>.concept-page-art,.page-hero>.music-art,.page-hero>.band-image,.page-hero>.section-artwork .section-feature{
    width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
    object-fit:contain!important;object-position:center!important;background:#02070c!important;
  }
  .page-hero::before,.page-hero::after{content:none!important;display:none!important}

  /* Media and Press receive the same complete master below their copy. */
  main[data-page="media"] .page-hero::after,main[data-page="press"] .page-hero::after{
    content:""!important;display:block!important;position:relative!important;inset:auto!important;order:2!important;
    width:calc(100% + 40px)!important;height:auto!important;aspect-ratio:1672/941!important;margin:0 -20px!important;
    background-image:var(--sg-native-hero)!important;background-size:contain!important;background-position:center!important;
    background-repeat:no-repeat!important;background-color:#02070c!important;z-index:0!important;
  }

  .booking-layout.concept-booking{min-height:0!important;padding:44px 20px!important;grid-template-columns:1fr!important;gap:30px!important}
  .concept-booking .section-artwork,.concept-booking .booking-fallback-art{display:block!important}
  .concept-booking .booking-concept-art{object-fit:contain!important;object-position:center!important;background:#02070c!important}
  .concept-booking::before{
    inset:0!important;filter:none!important;transform:none!important;
    background-image:linear-gradient(180deg,rgba(1,5,9,.98),rgba(1,5,9,.91) 48%,rgba(1,5,9,.72)),var(--sg-native-hero)!important;
    background-size:cover,contain!important;background-position:center,right center!important;background-repeat:no-repeat!important;
  }

  .merch-heading.concept-merch-heading,.page-hero.concept-merch{
    min-height:0!important;padding:38px 20px 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
    background:linear-gradient(180deg,#01060b,#03101b 68%,#02070c)!important;
  }
  .concept-merch-heading>div:first-child,.page-hero.concept-merch>div:first-child{order:1!important;width:100%!important;max-width:none!important;padding-bottom:26px!important}
  .merch-concept-art,.concept-merch>.merch-stage-art,.concept-merch-heading>.section-artwork{
    position:relative!important;inset:auto!important;order:2!important;width:calc(100% + 40px)!important;height:auto!important;
    max-width:none!important;max-height:none!important;aspect-ratio:1672/941!important;margin:0 -20px!important;z-index:0!important;
    -webkit-mask-image:none!important;mask-image:none!important;background:#02070c!important;
  }
  .merch-concept-art,.concept-merch>.merch-stage-art,.concept-merch-heading>.section-artwork img{
    width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#02070c!important;
  }
  .concept-merch-heading::before,.concept-merch-heading::after,.page-hero.concept-merch::before,.page-hero.concept-merch::after{content:none!important;display:none!important}
  .concept-merch-heading .shop-tools{position:relative!important;inset:auto!important;order:3!important;margin:18px 0 22px!important}
}
@media(max-width:600px){
  .page-hero h1{font-size:clamp(40px,13vw,58px)!important}
  .concept-home .hero-copy{padding-top:22px!important}
  .concept-booking .booking-form-panel{padding:21px 17px!important}
}
@media(prefers-reduced-motion:reduce){.page-hero>img,.page-hero>figure,.home-hero img{transition:none!important}}