/* ================================================================
   ZUUL FX V1.51 — BACKGROUND UNIVERSE
   HOME deliberately excluded: the real band photo remains the hero.
   Other pages receive a distinct H+ / transhumanist / future backdrop.
   The backdrop remains deliberately subdued so content stays dominant.
   ================================================================ */

body.music-v17,
body.live-v131,
body.page-hplus,
body.parallel-v111,
body.page-videos,
body.page-epk,
body.page-store,
body.bio-v122,
body.page-contact {
  background-color:#050505;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  background-attachment:fixed;
}

/* PAGE BACKDROPS ------------------------------------------------ */

body.music-v17 {
  background-image:
    linear-gradient(rgba(0,0,0,.80), rgba(0,0,0,.91)),
    url("../img/backgrounds/bg-music-signal.jpg");
}

body.live-v131 {
  background-image:
    linear-gradient(rgba(0,0,0,.76), rgba(0,0,0,.90)),
    url("../img/backgrounds/bg-live-crowd.jpg");
}

body.page-hplus {
  background-image:
    linear-gradient(rgba(0,0,0,.82), rgba(0,0,0,.92)),
    url("../img/backgrounds/bg-hplus-goddess.jpg");
}

body.parallel-v111 {
  background-image:
    linear-gradient(rgba(0,0,0,.82), rgba(0,0,0,.92)),
    url("../img/backgrounds/bg-parallel-gallery.jpg");
}

body.page-videos {
  background-image:
    linear-gradient(rgba(0,0,0,.80), rgba(0,0,0,.92)),
    url("../img/backgrounds/bg-videos-screens.jpg");
}

body.page-epk {
  background-image:
    linear-gradient(rgba(0,0,0,.84), rgba(0,0,0,.94)),
    url("../img/backgrounds/bg-epk-monument.jpg");
}

body.page-store {
  background-image:
    linear-gradient(rgba(0,0,0,.80), rgba(0,0,0,.91)),
    url("../img/backgrounds/bg-store-showroom.jpg");
}

body.bio-v122 {
  background-image:
    linear-gradient(rgba(0,0,0,.84), rgba(0,0,0,.94)),
    url("../img/backgrounds/bg-bio-memory.jpg");
}

body.page-contact {
  background-image:
    linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.95)),
    url("../img/backgrounds/bg-contact-nexus.jpg");
}

/* HEROES --------------------------------------------------------
   Give each page its visual identity immediately, replacing repeated
   group-photo backgrounds while preserving a strong black reading area.
   --------------------------------------------------------------- */

.music-v17 .music-hero {
  background:
    linear-gradient(to right,rgba(0,0,0,.94) 0%,rgba(0,0,0,.68) 56%,rgba(0,0,0,.54) 100%),
    url("../img/backgrounds/bg-music-signal.jpg") center 48% / cover no-repeat !important;
}

.live-v131 .live-hero {
  background:
    linear-gradient(to right,rgba(0,0,0,.93) 0%,rgba(0,0,0,.62) 56%,rgba(0,0,0,.48) 100%),
    url("../img/backgrounds/bg-live-crowd.jpg") center 56% / cover no-repeat !important;
}

.page-hplus .page-hero--hplus {
  background:
    linear-gradient(to right,rgba(0,0,0,.94) 0%,rgba(0,0,0,.70) 54%,rgba(0,0,0,.55) 100%),
    url("../img/backgrounds/bg-hplus-goddess.jpg") center 34% / cover no-repeat !important;
}

.parallel-v111 .parallel-hero {
  background:
    linear-gradient(to right,rgba(0,0,0,.94) 0%,rgba(0,0,0,.69) 56%,rgba(0,0,0,.55) 100%),
    url("../img/backgrounds/bg-parallel-gallery.jpg") center 48% / cover no-repeat !important;
}

.page-videos .video-hero {
  background:
    linear-gradient(to right,rgba(0,0,0,.94) 0%,rgba(0,0,0,.68) 55%,rgba(0,0,0,.55) 100%),
    url("../img/backgrounds/bg-videos-screens.jpg") center 42% / cover no-repeat !important;
}

.page-epk .epk-hero-v144 {
  background:
    linear-gradient(to right,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 53%,rgba(0,0,0,.58) 100%),
    url("../img/backgrounds/bg-epk-monument.jpg") center 46% / cover no-repeat !important;
}

.page-store .store-hero-v149 {
  background:
    linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.67) 53%,rgba(0,0,0,.52) 100%),
    url("../img/backgrounds/bg-store-showroom.jpg") center 48% / cover no-repeat !important;
}

.bio-v122 .bio-hero {
  background:
    linear-gradient(to right,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 54%,rgba(0,0,0,.58) 100%),
    url("../img/backgrounds/bg-bio-memory.jpg") center 48% / cover no-repeat !important;
}

.page-contact .contact-hero-v150 {
  background:
    linear-gradient(to right,rgba(0,0,0,.96) 0%,rgba(0,0,0,.73) 54%,rgba(0,0,0,.60) 100%),
    url("../img/backgrounds/bg-contact-nexus.jpg") center 50% / cover no-repeat !important;
}

/* CONTENT SECTIONS ----------------------------------------------
   Existing visual hierarchy is kept, but formerly opaque page sections
   become slightly translucent so the dedicated background is perceptible.
   --------------------------------------------------------------- */

.music-v17 .disco-section {
  background-color:rgba(5,5,5,.90) !important;
  background-image:none !important;
}
.music-v17 .disco-section--hplus {
  background-color:rgba(5,9,10,.89) !important;
}
.music-v17 .disco-section--archive {
  background-color:rgba(8,6,6,.91) !important;
}

.live-v131 .live-section {
  background-color:rgba(5,5,5,.89) !important;
  background-image:none !important;
}
.live-v131 .live-section--red,
.live-v131 .live-section--future {
  background-color:rgba(10,5,5,.88) !important;
}

.page-hplus .section {
  background-color:rgba(4,7,8,.90) !important;
  background-image:none !important;
}
.page-hplus .hplus-origin-section {
  background-color:rgba(5,8,9,.91) !important;
}

.parallel-v111 .works-section {
  background-color:rgba(5,5,5,.91) !important;
  background-image:none !important;
}

.page-videos .video-section {
  background-color:rgba(5,5,5,.90) !important;
  background-image:none !important;
}
.page-videos .video-section--red {
  background-color:rgba(10,5,5,.89) !important;
}
.page-videos .channel-banner {
  background-color:rgba(7,5,5,.92) !important;
  background-image:none !important;
}

.page-epk .epk-stats,
.page-epk .epk-section-v144 {
  background-color:rgba(5,5,5,.91) !important;
  background-image:none !important;
}
.page-epk .epk-section-v144--red {
  background-color:rgba(10,5,5,.91) !important;
}

.page-store .store-section-v149 {
  background-color:rgba(5,5,5,.90) !important;
  background-image:none !important;
}
.page-store .store-section-v149--red {
  background-color:rgba(10,5,5,.89) !important;
}

.bio-v122 .bio-section {
  background-color:rgba(5,5,5,.92) !important;
  background-image:none !important;
}
.bio-v122 .bio-section--red {
  background-color:rgba(10,5,5,.91) !important;
}
.bio-v122 .bio-section--hplus {
  background-color:rgba(4,8,9,.92) !important;
}

.page-contact .contact-section-v150 {
  background-color:rgba(5,5,5,.92) !important;
  background-image:none !important;
}
.page-contact .contact-section-v150--red {
  background-color:rgba(10,5,5,.91) !important;
}

/* Keep header/footer calm and readable over the new universe. */
body.music-v17 .site-header,
body.live-v131 .site-header,
body.page-hplus .site-header,
body.parallel-v111 .site-header,
body.page-videos .site-header,
body.page-epk .site-header,
body.page-store .site-header,
body.bio-v122 .site-header,
body.page-contact .site-header {
  background:rgba(3,3,3,.94);
}

body.music-v17 .footer,
body.live-v131 .footer,
body.page-hplus .footer,
body.parallel-v111 .footer,
body.page-videos .footer,
body.page-epk .footer,
body.page-store .footer,
body.bio-v122 .footer,
body.page-contact .footer {
  background:rgba(3,3,3,.96);
}

/* Mobile / older-browser performance: no fixed backdrop. */
@media screen and (max-width:900px) {
  body.music-v17,
  body.live-v131,
  body.page-hplus,
  body.parallel-v111,
  body.page-videos,
  body.page-epk,
  body.page-store,
  body.bio-v122,
  body.page-contact {
    background-attachment:scroll;
    background-position:center top;
  }
}