/* Spiritual Gorillaz 1.0.10 — full-width hero, centered native art.
   The hero canvas spans the viewport. The 1672×941 source remains centered,
   uncropped and never stretched past native width. Copy stays inside the art's
   left negative space; atmospheric color extends beyond the image on wide screens. */
:root{
  --sg-art-w:1672px;
  --sg-art-h:941px;
  --sg-stage-w:min(100%,var(--sg-art-w));
  --sg-copy-left:max(48px,calc((100vw - var(--sg-art-w))/2 + 64px));
  --sg-copy-w:min(600px,42vw);
}
@media(min-width:821px){
  .home-hero.concept-home,.page-hero,.merch-heading.concept-merch-heading,.page-hero.concept-merch{
    width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important;
    min-height:min(56.28vw,var(--sg-art-h))!important;height:min(56.28vw,var(--sg-art-h))!important;max-height:var(--sg-art-h)!important;
    overflow:hidden!important;isolation:isolate!important;
    background:radial-gradient(ellipse at 75% 48%,rgba(18,87,145,.25),transparent 45%),radial-gradient(ellipse at 45% 48%,rgba(124,78,29,.08),transparent 36%),linear-gradient(90deg,#01060b 0%,#020a12 42%,#03111e 74%,#02101c 100%)!important;
  }
  .concept-home .hero-artwork,.concept-home .hero-artwork:has(.fallback-hero),
  .page-hero>.concept-page-art,.page-hero>.music-art,.page-hero>.band-image,.page-hero>.section-artwork,
  .merch-concept-art,.concept-merch>.merch-stage-art,.concept-merch-heading>.section-artwork{
    position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:var(--sg-stage-w)!important;height:100%!important;max-width:var(--sg-art-w)!important;max-height:var(--sg-art-h)!important;
    margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;overflow:hidden!important;
    opacity:1!important;z-index:1!important;background:transparent!important;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important;
  }
  .concept-home .hero-artwork .hero-art,.concept-home .hero-artwork .fallback-hero,.concept-home .hero-art,
  .page-hero>.section-artwork .section-feature,.concept-merch-heading>.section-artwork img{
    width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
    object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;opacity:1!important;background:transparent!important;
  }
  .page-hero>.concept-page-art,.page-hero>.music-art,.page-hero>.band-image,.merch-concept-art,.concept-merch>.merch-stage-art{
    object-fit:contain!important;object-position:center!important;transform:translate(-50%,-50%)!important;filter:none!important;opacity:1!important;background:transparent!important;
  }
  .concept-home .hero-artwork::before,.page-hero::before,.concept-merch-heading::before,.page-hero.concept-merch::before{content:none!important;display:none!important}
  .concept-home .hero-artwork::after,.page-hero::after,.concept-merch-heading::after,.page-hero.concept-merch::after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;
    background:linear-gradient(90deg,rgba(1,5,9,.98) 0%,rgba(1,5,9,.91) 22%,rgba(1,6,11,.62) 40%,rgba(1,6,11,.19) 57%,transparent 73%),linear-gradient(0deg,rgba(1,4,8,.34),transparent 28%,transparent 84%,rgba(1,4,8,.15))!important;
  }
  .concept-home{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
  .concept-home .hero-copy,.page-hero>div:first-child,.concept-merch-heading>div:first-child,.page-hero.concept-merch>div:first-child{
    position:relative!important;z-index:4!important;width:var(--sg-copy-w)!important;max-width:600px!important;min-width:0!important;
    margin:0 0 0 var(--sg-copy-left)!important;padding:48px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
  }
  .concept-home .hero-copy{max-width:610px!important;padding-block:72px 150px!important}
  .concept-home .hero-bottom{left:var(--sg-copy-left)!important;right:max(48px,calc((100vw - var(--sg-art-w))/2 + 64px))!important;width:auto!important}
  .concept-merch-heading .shop-tools{left:var(--sg-copy-left)!important}
  main[data-page="media"] .page-hero,main[data-page="press"] .page-hero{
    background-image:linear-gradient(90deg,rgba(1,5,9,.98) 0%,rgba(1,5,9,.88) 23%,rgba(1,5,9,.49) 42%,rgba(1,5,9,.10) 61%,transparent 76%),var(--sg-native-hero),radial-gradient(ellipse at 75% 48%,rgba(18,87,145,.25),transparent 45%),linear-gradient(90deg,#01060b,#03111e 74%,#02101c)!important;
    background-size:100% 100%,var(--sg-stage-w) 100%,100% 100%,100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
  }
  main[data-page="media"] .page-hero::after,main[data-page="press"] .page-hero::after{background:linear-gradient(90deg,rgba(1,5,9,.35),transparent 63%)!important}
}
@media(min-width:821px) and (max-width:1180px){
  .home-hero.concept-home,.page-hero,.merch-heading.concept-merch-heading,.page-hero.concept-merch{min-height:clamp(540px,56.28vw,664px)!important;height:clamp(540px,56.28vw,664px)!important}
  .concept-home .hero-copy,.page-hero>div:first-child,.concept-merch-heading>div:first-child,.page-hero.concept-merch>div:first-child{width:min(520px,43vw)!important;margin-left:40px!important}
}
@media(min-width:1673px){
  .concept-home .hero-artwork,.concept-home .hero-artwork:has(.fallback-hero),
  .page-hero>.concept-page-art,.page-hero>.music-art,.page-hero>.band-image,.page-hero>.section-artwork,
  .merch-concept-art,.concept-merch>.merch-stage-art,.concept-merch-heading>.section-artwork{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 2.4%,#000 97.6%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 2.4%,#000 97.6%,transparent 100%)!important;
  }
}
@media(max-width:820px){
  .concept-home .hero-copy,.page-hero>div:first-child,.concept-merch-heading>div:first-child,.page-hero.concept-merch>div:first-child{background:transparent!important;border:0!important;box-shadow:none!important}
}

