/* Synaptic Impact – shared layout (Phase D + E) */


body.page-index, body.page-about, body.page-events, body.page-contact{
  --bg:var(--si-bg);
  --panel:var(--si-panel);
  --panel2:var(--si-panel2);
  --ink:var(--si-ink);
  --muted:var(--si-muted-soft);
  --line:var(--si-line);
  --line2:var(--si-line2);
  --violet:var(--si-violet);
  --pink:var(--si-pink);
  --cyan:var(--si-cyan);
  --lime:var(--si-lime);
  --shadow:var(--si-shadow);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.page-index, body.page-about, body.page-events, body.page-contact{
  min-height:100vh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
  overflow-x:hidden;
}
body.page-index:before, body.page-about:before, body.page-events:before, body.page-contact:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:linear-gradient(180deg,#050711,#070b16);
}
body.page-index:after, body.page-about:after, body.page-events:after, body.page-contact:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 30%,rgba(224,76,255,.20),transparent 22rem),
    radial-gradient(circle at 78% 48%,rgba(100,234,255,.14),transparent 28rem),
    linear-gradient(180deg,transparent 0%,rgba(5,7,17,.70) 70%,#050711 100%);
}
body.page-index a, body.page-about a, body.page-events a, body.page-contact a{color:inherit;text-decoration:none}
body.page-index .container, body.page-about .container, body.page-events .container, body.page-contact .container{width:min(1200px,calc(100% - 48px));margin:0 auto}
body.page-index .site-header, body.page-about .site-header, body.page-events .site-header, body.page-contact .site-header{
  position:sticky;
  top:max(28px, env(safe-area-inset-top));
  z-index:50;
  background:rgba(5,7,17,.88);
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.page-index .nav, body.page-about .nav, body.page-events .nav, body.page-contact .nav{
  height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
body.page-index .brand, body.page-about .brand, body.page-events .brand, body.page-contact .brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:230px;
}
body.page-index .brand-mark, body.page-about .brand-mark, body.page-events .brand-mark, body.page-contact .brand-mark{
  width:40px;
  height:40px;
  border:1px solid rgba(155,92,255,.55);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--violet);
  box-shadow:0 0 26px rgba(155,92,255,.18);
}
body.page-index .brand-mark:before, body.page-about .brand-mark:before, body.page-events .brand-mark:before, body.page-contact .brand-mark:before{
  content:"✧";
  font-size:1.55rem;
  line-height:1;
}
body.page-index .brand-text, body.page-about .brand-text, body.page-events .brand-text, body.page-contact .brand-text{
  font-size:1.05rem;
  line-height:1.05;
  letter-spacing:.26em;
  font-weight:500;
  text-transform:uppercase;
}
body.page-index .nav-links, body.page-about .nav-links, body.page-events .nav-links, body.page-contact .nav-links{
  display:flex;
  align-items:center;
  gap:34px;
  color:rgba(246,242,255,.84);
  font-size:.96rem;
}
body.page-index .nav-links a, body.page-about .nav-links a, body.page-events .nav-links a, body.page-contact .nav-links a{
  position:relative;
  padding:24px 0;
}
body.page-index .nav-links a:hover, body.page-about .nav-links a:hover, body.page-events .nav-links a:hover, body.page-contact .nav-links a:hover, body.page-index .nav-links a.active, body.page-about .nav-links a.active, body.page-events .nav-links a.active, body.page-contact .nav-links a.active{color:#fff}
body.page-index .nav-links a.active:after, body.page-about .nav-links a.active:after, body.page-events .nav-links a.active:after, body.page-contact .nav-links a.active:after, body.page-index .nav-links a:hover:after, body.page-about .nav-links a:hover:after, body.page-events .nav-links a:hover:after, body.page-contact .nav-links a:hover:after{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--violet),var(--pink));
}
body.page-index .socials, body.page-about .socials, body.page-events .socials, body.page-contact .socials{
  display:flex;
  align-items:center;
  gap:26px;
}
body.page-index .socials a, body.page-about .socials a, body.page-events .socials a, body.page-contact .socials a{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f2f2f2;
  font-size:22px;
  text-decoration:none;
  opacity:.755;
}
body.page-index .socials a:hover, body.page-about .socials a:hover, body.page-events .socials a:hover, body.page-contact .socials a:hover{
  color:#ffffff;
  transform:scale(1.08);
}
body.page-index .hero, body.page-about .hero, body.page-events .hero, body.page-contact .hero{
  min-height:calc(100vh - 70px);
  display:grid;
  align-items:center;
  padding:110px 0 40px;
}
body.page-index .hero-grid, body.page-about .hero-grid, body.page-events .hero-grid, body.page-contact .hero-grid{
  display:grid;
  grid-template-columns:minmax(360px,520px) 1fr;
  gap:54px;
  align-items:center;
}
body.page-index .kicker, body.page-about .kicker, body.page-events .kicker, body.page-contact .kicker{
  color:#d17bff;
  letter-spacing:.19em;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-index h1, body.page-about h1, body.page-events h1, body.page-contact h1{
  font-size:clamp(3rem,6.2vw,6.4rem);
  line-height:1.05;
  letter-spacing:.30em;
  font-weight:300;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-index h1 span, body.page-about h1 span, body.page-events h1 span, body.page-contact h1 span{
  display:block;
  letter-spacing:.34em;
  color:transparent;
  background:linear-gradient(90deg,var(--violet),var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
}
body.page-index .hero-line, body.page-about .hero-line, body.page-events .hero-line, body.page-contact .hero-line{
  width:48px;
  height:2px;
  background:linear-gradient(90deg,var(--violet),var(--pink));
  margin:24px 0;
}
body.page-index .lead, body.page-about .lead, body.page-events .lead, body.page-contact .lead{
  max-width:430px;
  color:rgba(246,242,255,.78);
  font-size:1.05rem;
  line-height:1.55;
  margin-bottom:28px;
}
body.page-index .actions, body.page-about .actions, body.page-events .actions, body.page-contact .actions{display:flex;flex-wrap:wrap;gap:16px}
body.page-index .btn, body.page-about .btn, body.page-events .btn, body.page-contact .btn{
  min-height:44px;
  padding:11px 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:5px;
  border:1px solid rgba(155,92,255,.70);
  color:#d9b8ff;
  text-transform:uppercase;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.16em;
  background:rgba(5,7,17,.45);
  transition:.22s ease;
}
body.page-index .btn:hover, body.page-about .btn:hover, body.page-events .btn:hover, body.page-contact .btn:hover{transform:translateY(-2px);border-color:var(--cyan);color:#fff}
body.page-index .btn-primary, body.page-about .btn-primary, body.page-events .btn-primary, body.page-contact .btn-primary{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--violet),var(--pink));
  box-shadow:0 14px 36px rgba(155,92,255,.28);
}
body.page-index .neuron-art, body.page-about .neuron-art, body.page-events .neuron-art, body.page-contact .neuron-art{
  min-height:520px;
  position:relative;
}
body.page-index .neuron-art:before, body.page-about .neuron-art:before, body.page-events .neuron-art:before, body.page-contact .neuron-art:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 56% 50%,rgba(255,112,92,.75),transparent 4rem),
    radial-gradient(circle at 56% 50%,rgba(224,76,255,.55),transparent 10rem),
    radial-gradient(circle at 42% 58%,rgba(100,234,255,.28),transparent 16rem);
  filter:blur(10px);
}
body.page-index .neuron-strand, body.page-about .neuron-strand, body.page-events .neuron-strand, body.page-contact .neuron-strand{
  position:absolute;
  inset:6% -6% 0 0;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 58% 48%,rgba(255,255,255,.16),transparent 8%),
    radial-gradient(ellipse at 52% 52%,rgba(100,234,255,.22),transparent 18%),
    linear-gradient(125deg,transparent 10%,rgba(100,234,255,.10) 35%,rgba(224,76,255,.28) 52%,rgba(255,124,78,.40) 58%,rgba(100,234,255,.16) 67%,transparent 84%);
  filter:saturate(1.3);
  opacity:.752;
}
body.page-index .neuron-strand:before, body.page-about .neuron-strand:before, body.page-events .neuron-strand:before, body.page-contact .neuron-strand:before, body.page-index .neuron-strand:after, body.page-about .neuron-strand:after, body.page-events .neuron-strand:after, body.page-contact .neuron-strand:after{
  content:"";
  position:absolute;
  width:58%;
  height:20%;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(100,234,255,.48),rgba(224,76,255,.75),rgba(255,127,79,.55),transparent);
  filter:blur(5px);
  transform:rotate(-18deg);
}
body.page-index .neuron-strand:before, body.page-about .neuron-strand:before, body.page-events .neuron-strand:before, body.page-contact .neuron-strand:before{left:2%;top:54%}
body.page-index .neuron-strand:after, body.page-about .neuron-strand:after, body.page-events .neuron-strand:after, body.page-contact .neuron-strand:after{right:-4%;top:28%;transform:rotate(18deg)}
body.page-index .section, body.page-about .section, body.page-events .section, body.page-contact .section{
  padding:76px 0;
  background:linear-gradient(180deg,rgba(5,7,17,.80),rgba(5,7,17,.96));
}
body.page-index .section-title, body.page-about .section-title, body.page-events .section-title, body.page-contact .section-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  margin-bottom:28px;
  color:#fff;
  letter-spacing:.34em;
  text-transform:uppercase;
  font-size:1.05rem;
  font-weight:400;
}
body.page-index .section-title:before, body.page-about .section-title:before, body.page-events .section-title:before, body.page-contact .section-title:before, body.page-index .section-title:after, body.page-about .section-title:after, body.page-events .section-title:after, body.page-contact .section-title:after{
  content:"";
  width:90px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--violet));
}
body.page-index .section-title:after, body.page-about .section-title:after, body.page-events .section-title:after, body.page-contact .section-title:after{background:linear-gradient(90deg,var(--violet),transparent)}
body.page-index .releases, body.page-about .releases, body.page-events .releases, body.page-contact .releases{
  display:grid;
  gap:10px;
}
body.page-index .release-card, body.page-about .release-card, body.page-events .release-card, body.page-contact .release-card{
  display:grid;
  grid-template-columns:160px 230px 1fr 150px;
  align-items:center;
  gap:26px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:4px;
  background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
  box-shadow:0 18px 58px rgba(0,0,0,.22);
}
body.page-index .cover, body.page-about .cover, body.page-events .cover, body.page-contact .cover{
  width:120px;
  height:96px;
  border-radius:3px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 35%,rgba(224,76,255,.65),transparent 28%),
    radial-gradient(circle at 45% 55%,rgba(100,234,255,.48),transparent 34%),
    #12162a;
  border:1px solid rgba(255,255,255,.10);
  display:grid;
  place-items:end center;
  color:#fff;
  font-size:.58rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  padding-bottom:8px;
}
body.page-index .release-meta .type, body.page-about .release-meta .type, body.page-events .release-meta .type, body.page-contact .release-meta .type{
  color:#d17bff;
  font-size:.76rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:5px;
}
body.page-index .release-meta h3, body.page-about .release-meta h3, body.page-events .release-meta h3, body.page-contact .release-meta h3{
  font-size:1.15rem;
  letter-spacing:.04em;
  font-weight:400;
  margin-bottom:4px;
}
body.page-index .release-meta p, body.page-about .release-meta p, body.page-events .release-meta p, body.page-contact .release-meta p{
  color:var(--muted);
  font-size:.86rem;
}
body.page-index .mock-player, body.page-about .mock-player, body.page-events .mock-player, body.page-contact .mock-player{
  min-height:70px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:5px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  padding:12px;
}
body.page-index .play, body.page-about .play, body.page-events .play, body.page-contact .play{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--violet),var(--pink));
  box-shadow:0 10px 26px rgba(155,92,255,.28);
}
body.page-index .play:before, body.page-about .play:before, body.page-events .play:before, body.page-contact .play:before{
  content:"";
  border-left:11px solid #fff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  margin-left:3px;
}
body.page-index .wave-title, body.page-about .wave-title, body.page-events .wave-title, body.page-contact .wave-title{
  color:rgba(246,242,255,.72);
  font-size:.78rem;
  margin-bottom:5px;
}
body.page-index .wave, body.page-about .wave, body.page-events .wave, body.page-contact .wave{
  height:28px;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.20) 0 2px,transparent 2px 6px);
  mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 80%,transparent 100%);
  opacity:.75;
}
body.page-index .open-link, body.page-about .open-link, body.page-events .open-link, body.page-contact .open-link{
  color:#bd8cff;
  font-size:.85rem;
  line-height:1.25;
}
body.page-index .open-link:hover, body.page-about .open-link:hover, body.page-events .open-link:hover, body.page-contact .open-link:hover{color:var(--cyan)}
body.page-index .info-grid, body.page-about .info-grid, body.page-events .info-grid, body.page-contact .info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:36px;
}
body.page-index .info-card, body.page-about .info-card, body.page-events .info-card, body.page-contact .info-card{
  padding:26px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  min-height:180px;
}
body.page-index .info-card h3, body.page-about .info-card h3, body.page-events .info-card h3, body.page-contact .info-card h3{
  font-size:.95rem;
  letter-spacing:.18em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:14px;
}
body.page-index .info-card p, body.page-about .info-card p, body.page-events .info-card p, body.page-contact .info-card p{
  color:rgba(246,242,255,.68);
  font-size:.96rem;
}
body.page-index .footer, body.page-about .footer, body.page-events .footer, body.page-contact .footer,
body.page-gallery .footer, body.page-music .footer{
  border-top:1px solid rgba(255,255,255,.10);
  background:rgba(5,7,17,.96);
  padding:24px 0;
  color:rgba(246,242,255,.50);
  font-size:.84rem;
}
body.page-index .footer-inner, body.page-about .footer-inner, body.page-events .footer-inner, body.page-contact .footer-inner,
body.page-gallery .footer-inner, body.page-music .footer-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
body.page-index .footer a, body.page-about .footer a, body.page-events .footer a, body.page-contact .footer a,
body.page-gallery .footer a, body.page-music .footer a{color:#b886ff}
@media(max-width:980px){
body.page-index .nav-links, body.page-about .nav-links, body.page-events .nav-links, body.page-contact .nav-links{display:none}
body.page-index .brand, body.page-about .brand, body.page-events .brand, body.page-contact .brand{min-width:auto}
body.page-index .socials, body.page-about .socials, body.page-events .socials, body.page-contact .socials{min-width:auto}
body.page-index .hero-grid, body.page-about .hero-grid, body.page-events .hero-grid, body.page-contact .hero-grid{grid-template-columns:1fr}
body.page-index .neuron-art, body.page-about .neuron-art, body.page-events .neuron-art, body.page-contact .neuron-art{min-height:300px}
body.page-index h1, body.page-about h1, body.page-events h1, body.page-contact h1{letter-spacing:.14em}
body.page-index h1 span, body.page-about h1 span, body.page-events h1 span, body.page-contact h1 span{letter-spacing:.18em}
body.page-index .release-card, body.page-about .release-card, body.page-events .release-card, body.page-contact .release-card{grid-template-columns:1fr;gap:14px;padding:18px}
body.page-index .cover, body.page-about .cover, body.page-events .cover, body.page-contact .cover{width:100%;height:150px}
body.page-index .info-grid, body.page-about .info-grid, body.page-events .info-grid, body.page-contact .info-grid{grid-template-columns:1fr}
body.page-index .footer-inner, body.page-about .footer-inner, body.page-events .footer-inner, body.page-contact .footer-inner,
body.page-gallery .footer-inner, body.page-music .footer-inner{flex-direction:column}


}
body.page-index .socials img, body.page-about .socials img, body.page-events .socials img, body.page-contact .socials img{
  width:28px;
  height:28px;
  filter:invert(1);
  opacity:.755;
}
body.page-index .socials a:hover img, body.page-about .socials a:hover img, body.page-events .socials a:hover img, body.page-contact .socials a:hover img{
  opacity:1;
}
body.page-index .brand-logo, body.page-about .brand-logo, body.page-events .brand-logo, body.page-contact .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
  display:block !important;
}
body.page-index .brand-mark, body.page-about .brand-mark, body.page-events .brand-mark, body.page-contact .brand-mark{display:none !important;}



body[class*="page-"] {
  --bg: var(--si-bg);
  --ink: var(--si-ink);
  --muted: var(--si-muted-soft);
  --violet: var(--si-violet);
  --pink: var(--si-pink);
  --cyan: var(--si-cyan);
  --lime: var(--si-lime);
  --line: var(--si-line);
  --shadow: var(--si-shadow);
}
body[class*="page-"] .container {
  width: var(--si-container);
  margin: 0 auto;
}

/* Phase 2 global redesign */
   Applies the new design language to all main pages.
   ========================================================= */

/* All redesigned page bodies */
body.page-index,
body.page-about,
body.page-events,
body.page-contact,
body.page-gallery,
body.page-music{
  --bg:var(--si-bg) !important;
  --ink:var(--si-ink) !important;
  --muted:var(--si-muted) !important;
  --violet:var(--si-purple) !important;
  --pink:var(--si-pink) !important;
  --cyan:var(--si-cyan) !important;
  --lime:var(--si-lime) !important;
  min-height:100vh !important;
  color:var(--si-ink) !important;
  background:
    linear-gradient(180deg,rgba(5,7,17,.34),rgba(5,7,17,.62)),
    url("../Background-Monster.webp") center top / cover fixed no-repeat !important;
}

/* Prevent old black gradient overlays from covering the background */
body.page-index::before,
body.page-about::before,
body.page-events::before,
body.page-contact::before,
body.page-gallery::before,
body.page-music::before{
  display:none !important;
  content:none !important;
}

body.page-index::after,
body.page-about::after,
body.page-events::after,
body.page-contact::after,
body.page-gallery::after,
body.page-music::after{
  content:"" !important;
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,43,214,.14),transparent 24rem),
    radial-gradient(circle at 84% 18%,rgba(184,255,0,.10),transparent 22rem),
    linear-gradient(180deg,rgba(5,7,17,.08),rgba(5,7,17,.36)) !important;
}

/* Header / navigation */
body.page-index .site-header,
body.page-about .site-header,
body.page-events .site-header,
body.page-contact .site-header,
body.page-gallery .site-header,
body.page-music .site-header{
  position:sticky !important;
  top:0 !important;
  z-index:50000 !important;
  background:rgba(5,7,17,.62) !important;
  border-bottom:1px solid rgba(184,255,0,.18) !important;
  box-shadow:0 0 38px rgba(255,43,214,.08) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

body.page-index .main-nav,
body.page-about .main-nav,
body.page-events .main-nav,
body.page-contact .main-nav,
body.page-gallery .main-nav,
body.page-music .main-nav{
  min-height:78px !important;
}

body.page-index .brand-logo,
body.page-about .brand-logo,
body.page-events .brand-logo,
body.page-contact .brand-logo,
body.page-gallery .brand-logo,
body.page-music .brand-logo{
  width:72px !important;
  height:72px !important;
  border-radius:0 !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 18px rgba(255,43,214,.32)) !important;
}

body.page-index .brand-text,
body.page-about .brand-text,
body.page-events .brand-text,
body.page-contact .brand-text,
body.page-gallery .brand-text,
body.page-music .brand-text{
  color:var(--si-lime) !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-shadow:0 0 16px rgba(184,255,0,.25) !important;
}

body.page-index .nav-links a:hover,
body.page-index .nav-links a.active,
body.page-about .nav-links a:hover,
body.page-about .nav-links a.active,
body.page-events .nav-links a:hover,
body.page-events .nav-links a.active,
body.page-contact .nav-links a:hover,
body.page-contact .nav-links a.active,
body.page-gallery .nav-links a:hover,
body.page-gallery .nav-links a.active,
body.page-music .nav-links a:hover,
body.page-music .nav-links a.active{
  color:var(--si-lime) !important;
  text-shadow:0 0 14px rgba(184,255,0,.22) !important;
}

body.page-index .nav-links a:hover::after,
body.page-index .nav-links a.active::after,
body.page-about .nav-links a:hover::after,
body.page-about .nav-links a.active::after,
body.page-events .nav-links a:hover::after,
body.page-events .nav-links a.active::after,
body.page-contact .nav-links a:hover::after,
body.page-contact .nav-links a.active::after,
body.page-gallery .nav-links a:hover::after,
body.page-gallery .nav-links a.active::after,
body.page-music .nav-links a:hover::after,
body.page-music .nav-links a.active::after{
  background:linear-gradient(90deg,var(--si-lime),var(--si-pink)) !important;
  box-shadow:0 0 18px rgba(255,43,214,.35) !important;
}

/* Make all page sections transparent over the full monster background */
body.page-index main,
body.page-index section,
body.page-index .section,
body.page-index [class*="section"],
body.page-index [class*="-section"],
body.page-about main,
body.page-about section,
body.page-about .section,
body.page-about [class*="section"],
body.page-about [class*="-section"],
body.page-events main,
body.page-events section,
body.page-events .section,
body.page-events [class*="section"],
body.page-events [class*="-section"],
body.page-contact main,
body.page-contact section,
body.page-contact .section,
body.page-contact [class*="section"],
body.page-contact [class*="-section"],
body.page-gallery main,
body.page-gallery section,
body.page-gallery .section,
body.page-gallery [class*="section"],
body.page-gallery [class*="-section"],
body.page-music main,
body.page-music section,
body.page-music .section,
body.page-music [class*="section"],
body.page-music [class*="-section"]{
  background:transparent !important;
  background-color:transparent !important;
}

/* Shared page hero for all subpages */
body.page-about .page-hero,
body.page-events .page-hero,
body.page-contact .page-hero,
body.page-gallery .page-hero,
body.page-music .page-hero{
  min-height:420px !important;
  padding:120px 0 78px !important;
  display:grid !important;
  align-items:end !important;
  background:
    linear-gradient(90deg,rgba(5,7,17,.82) 0%,rgba(5,7,17,.46) 48%,rgba(5,7,17,.20) 100%),
    url("../Background-Monster.webp") center center / cover fixed no-repeat !important;
  border-bottom:1px solid rgba(255,43,214,.22) !important;
  box-shadow:inset 0 -80px 110px rgba(5,7,17,.48) !important;
}

body.page-about .page-kicker,
body.page-events .page-kicker,
body.page-contact .page-kicker,
body.page-gallery .page-kicker,
body.page-music .page-kicker{
  display:inline-block !important;
  color:var(--si-lime) !important;
  letter-spacing:.28em !important;
  font-size:.86rem !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  margin-bottom:18px !important;
  text-shadow:0 0 18px rgba(184,255,0,.32) !important;
}

body.page-about .page-title,
body.page-events .page-title,
body.page-contact .page-title,
body.page-gallery .page-title,
body.page-music .page-title{
  max-width:1050px !important;
  color:#fff !important;
  font-size:clamp(2.65rem,6vw,6.5rem) !important;
  line-height:.98 !important;
  letter-spacing:.14em !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  text-shadow:0 0 28px rgba(255,43,214,.22), 0 8px 32px rgba(0,0,0,.74) !important;
}

body.page-about .page-title span,
body.page-events .page-title span,
body.page-contact .page-title span,
body.page-gallery .page-title span,
body.page-music .page-title span{
  color:transparent !important;
  background:linear-gradient(90deg,var(--si-lime),var(--si-orange),var(--si-pink)) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}

body.page-about .page-lead,
body.page-events .page-lead,
body.page-contact .page-lead,
body.page-gallery .page-lead,
body.page-music .page-lead{
  max-width:850px !important;
  color:rgba(246,242,255,.88) !important;
  font-size:1.08rem !important;
  line-height:1.7 !important;
  margin-top:22px !important;
}

/* Section headlines */
body.page-index .section-title,
body.page-about .section-title,
body.page-events .section-title,
body.page-contact .section-title,
body.page-gallery .section-title,
body.page-music .section-title{
  color:#fff !important;
  text-align:center !important;
  letter-spacing:.22em !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  text-shadow:0 0 26px rgba(255,43,214,.18) !important;
}

body.page-index .section-title::before,
body.page-index .section-title::after,
body.page-about .section-title::before,
body.page-about .section-title::after,
body.page-events .section-title::before,
body.page-events .section-title::after,
body.page-contact .section-title::before,
body.page-contact .section-title::after,
body.page-gallery .section-title::before,
body.page-gallery .section-title::after,
body.page-music .section-title::before,
body.page-music .section-title::after{
  background:linear-gradient(90deg,transparent,var(--si-pink),var(--si-lime),transparent) !important;
}

/* Glass cards / content boxes */
body.page-index .section-shell,
body.page-index .content-shell,
body.page-index .hero-copy,
body.page-index .release-card,
body.page-index .info-card,
body.page-index .content-card,
body.page-index .emunity-card,
body.page-index .music-track-card,
body.page-index .panel,
body.page-index .video-card,
body.page-index .gallery-item,
body.page-index .card,
body.page-index [class*="card"],
body.page-about .section-shell,
body.page-about .content-shell,
body.page-about .release-card,
body.page-about .info-card,
body.page-about .content-card,
body.page-about .panel,
body.page-about .video-card,
body.page-about .gallery-item,
body.page-about .card,
body.page-about [class*="card"],
body.page-events .section-shell,
body.page-events .content-shell,
body.page-events .release-card,
body.page-events .info-card,
body.page-events .content-card,
body.page-events .panel,
body.page-events .video-card,
body.page-events .gallery-item,
body.page-events .card,
body.page-events [class*="card"],
body.page-contact .section-shell,
body.page-contact .content-shell,
body.page-contact .release-card,
body.page-contact .info-card,
body.page-contact .content-card,
body.page-contact .panel,
body.page-contact .video-card,
body.page-contact .gallery-item,
body.page-contact .card,
body.page-contact [class*="card"],
body.page-gallery .section-shell,
body.page-gallery .content-shell,
body.page-gallery .release-card,
body.page-gallery .info-card,
body.page-gallery .content-card,
body.page-gallery .panel,
body.page-gallery .video-card,
body.page-gallery .gallery-item,
body.page-gallery .card,
body.page-gallery [class*="card"],
body.page-music .section-shell,
body.page-music .content-shell,
body.page-music .release-card,
body.page-music .info-card,
body.page-music .content-card,
body.page-music .panel,
body.page-music .video-card,
body.page-music .gallery-item,
body.page-music .card,
body.page-music [class*="card"]{
  border:1px solid var(--si-line) !important;
  border-radius:12px !important;
  background:
    linear-gradient(180deg,rgba(5,7,17,.72),rgba(5,7,17,.50)) !important;
  background-color:rgba(5,7,17,.58) !important;
  box-shadow:
    0 22px 80px rgba(0,0,0,.42),
    0 0 34px rgba(255,43,214,.12),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

body.page-index .info-card:hover,
body.page-about .info-card:hover,
body.page-events .info-card:hover,
body.page-contact .info-card:hover,
body.page-gallery .gallery-item:hover,
body.page-music .release-card:hover,
body.page-music .music-track-card:hover,
body.page-music .panel:hover,
body.page-music .video-card:hover{
  border-color:rgba(184,255,0,.68) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.48),
    0 0 32px rgba(184,255,0,.13),
    0 0 48px rgba(255,43,214,.16) !important;
}

/* Card typography */
body.page-index h3,
body.page-about h3,
body.page-events h3,
body.page-contact h3,
body.page-gallery h3,
body.page-music h3{
  color:var(--si-lime) !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 16px rgba(184,255,0,.18) !important;
}

body.page-index p,
body.page-about p,
body.page-events p,
body.page-contact p,
body.page-gallery p,
body.page-music p{
  color:rgba(246,242,255,.82);
}

/* Buttons */
body.page-index .btn,
body.page-about .btn,
body.page-events .btn,
body.page-contact .btn,
body.page-gallery .btn,
body.page-music .btn,
body.page-index button,
body.page-about button,
body.page-events button,
body.page-contact button,
body.page-gallery button,
body.page-music button{
  border-radius:8px !important;
  border:1px solid rgba(255,43,214,.70) !important;
  color:#fff !important;
  background:linear-gradient(135deg,var(--si-purple),var(--si-pink)) !important;
  box-shadow:0 14px 36px rgba(255,43,214,.24) !important;
}

body.page-index .btn-primary,
body.page-about .btn-primary,
body.page-events .btn-primary,
body.page-contact .btn-primary,
body.page-gallery .btn-primary,
body.page-music .btn-primary{
  color:#050711 !important;
  background:linear-gradient(135deg,var(--si-lime),var(--si-orange),var(--si-pink)) !important;
  border-color:rgba(184,255,0,.75) !important;
}

/* Gallery improvements */
body.page-gallery .gallery-grid,
body.page-index .gallery-grid{
  gap:22px !important;
}

body.page-gallery .gallery-item img,
body.page-gallery .gallery-item video,
body.page-index .gallery-item img,
body.page-index .gallery-item video{
  border-radius:10px !important;
  filter:saturate(1.12) contrast(1.06) brightness(.94) !important;
}

/* Footer */
body.page-index footer,
body.page-index .footer,
body.page-about footer,
body.page-about .footer,
body.page-events footer,
body.page-events .footer,
body.page-contact footer,
body.page-contact .footer,
body.page-gallery footer,
body.page-gallery .footer,
body.page-music footer,
body.page-music .footer{
  background:rgba(5,7,17,.62) !important;
  border-top:1px solid rgba(184,255,0,.20) !important;
  box-shadow:0 -20px 70px rgba(0,0,0,.36) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

/* Responsive */
@media(max-width:980px){
  body.page-index,
  body.page-about,
  body.page-events,
  body.page-contact,
  body.page-gallery,
  body.page-music{
    background-attachment:scroll !important;
  }

  body.page-about .page-hero,
  body.page-events .page-hero,
  body.page-contact .page-hero,
  body.page-gallery .page-hero,
  body.page-music .page-hero{
    background-attachment:scroll !important;
    min-height:340px !important;
    padding:90px 0 52px !important;
  }

  body.page-about .page-title,
  body.page-events .page-title,
  body.page-contact .page-title,
  body.page-gallery .page-title,
  body.page-music .page-title{
    font-size:clamp(2.2rem,11vw,4.4rem) !important;
    letter-spacing:.08em !important;
  }
}



/* Global background + DJ glow */
   Added by ChatGPT: makes Welcome background/glow identical on all pages.
   ========================================================= */
html{
  background:var(--si-page-bg) !important;
  overflow-x:hidden !important;
}
body.page-index,
body.page-music,
body.page-events,
body.page-gallery,
body.page-about,
body.page-contact,
body.page-psynation{
  background:transparent !important;
  background-color:transparent !important;
  overflow-x:hidden !important;
  width:100% !important;
  max-width:100vw !important;
}
body.page-index::before, body.page-index::after,
body.page-music::before, body.page-music::after,
body.page-events::before, body.page-events::after,
body.page-gallery::before, body.page-gallery::after,
body.page-about::before, body.page-about::after,
body.page-contact::before, body.page-contact::after,
body.page-psynation::before, body.page-psynation::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
}
body .site-bg-monster-fixed{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100svh !important;
  z-index:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#050711 url("../Background-Monster.webp") center center / cover no-repeat !important;
}
body .site-bg-monster-fixed img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:0 !important;
  pointer-events:none !important;
}
body .site-bg-monster-fixed::before,
body .site-bg-monster-fixed::after{
  content:none !important;
  display:none !important;
}
body .synaptic-live-fx{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100svh !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  mix-blend-mode:screen !important;
}
body .si-dj-pulse-core{
  position:absolute !important;
  left:var(--si-dj-glow-left,50%) !important;
  top:var(--si-dj-glow-top,50%) !important;
  width:var(--si-dj-glow-size,130px) !important;
  height:var(--si-dj-glow-size,130px) !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(255,240,120,.92) 0%, rgba(255,124,38,.72) 25%, rgba(224,76,255,.40) 52%, rgba(100,234,255,.16) 73%, transparent 78%) !important;
  filter:blur(1.5px) saturate(1.45) !important;
  box-shadow:0 0 22px rgba(255,194,69,.82),0 0 58px rgba(224,76,255,.56),0 0 92px rgba(100,234,255,.32) !important;
  opacity:.95 !important;
  animation:si-dj-pulse 2.8s ease-in-out infinite !important;
}
body .si-dj-pulse-core::before,
body .si-dj-pulse-core::after{
  content:"" !important;
  position:absolute !important;
  inset:-38% !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(255,255,180,.30), rgba(224,76,255,.18) 42%, transparent 70%) !important;
  filter:blur(10px) !important;
  animation:si-dj-orbit 5.2s linear infinite !important;
}
body .si-dj-pulse-core::after{
  inset:-68% !important;
  opacity:.55 !important;
  animation-duration:7.5s !important;
  animation-direction:reverse !important;
}
@keyframes si-dj-pulse{
  0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.84;}
  50%{transform:translate(-50%,-50%) scale(1.08);opacity:1;}
}
@keyframes si-dj-orbit{
  from{transform:rotate(0deg) scale(.96);}
  to{transform:rotate(360deg) scale(1.04);}
}
body.page-index .site-header, body.page-index main, body.page-index footer,
body.page-music .site-header, body.page-music main, body.page-music footer,
body.page-events .site-header, body.page-events main, body.page-events footer,
body.page-gallery .site-header, body.page-gallery main, body.page-gallery footer,
body.page-about .site-header, body.page-about main, body.page-about footer,
body.page-contact .site-header, body.page-contact main, body.page-contact footer,
body.page-psynation .site-header, body.page-psynation main, body.page-psynation footer{
  position:relative !important;
  z-index:3 !important;
}
body.page-music .page-hero, body.page-music .content-section,
body.page-events .page-hero, body.page-events .content-section,
body.page-gallery .page-hero, body.page-gallery .content-section,
body.page-about .page-hero, body.page-about .content-section,
body.page-contact .page-hero, body.page-contact .content-section,
body.page-psynation .page-hero, body.page-psynation .content-section,
body.page-music section, body.page-events section, body.page-gallery section,
body.page-about section, body.page-contact section, body.page-psynation section{
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
}
body.page-music .content-shell, body.page-events .content-shell, body.page-gallery .content-shell,
body.page-about .content-shell, body.page-contact .content-shell, body.page-psynation .content-shell,
body.page-music .panel, body.page-events .panel, body.page-gallery .panel,
body.page-about .panel, body.page-contact .panel, body.page-psynation .panel,
body.page-music .music-track-card, body.page-gallery .gallery-card,
body.page-about .content-card, body.page-contact .content-card, body.page-events .content-card{
  background:rgba(5,7,17,.965) !important;
  background-image:none !important;
  position:relative !important;
  z-index:4 !important;
}
@media (min-width:768px) and (max-width:1180px),
       (hover:none) and (pointer:coarse) and (min-width:768px){
  body .site-bg-monster-fixed{background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important;}
  body .site-bg-monster-fixed img{object-fit:contain !important;object-position:center center !important;}
}
@media (max-width:980px){
  body .container{width:min(100% - 28px,1200px) !important;max-width:calc(100vw - 28px) !important;}
  body .main-nav{height:auto !important;min-height:70px !important;display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;gap:14px 18px !important;padding:12px 0 !important;grid-template-columns:none !important;}
  body .brand{min-width:0 !important;justify-content:center !important;}
  body .brand-text{font-size:.9rem !important;letter-spacing:.16em !important;}
  body .brand-logo{width:44px !important;height:44px !important;}
  body .nav-links{width:100% !important;display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:8px 16px !important;font-size:.86rem !important;line-height:1.2 !important;}
  body .nav-links a{padding:8px 0 !important;white-space:nowrap !important;}
  body .socials{width:100% !important;justify-content:center !important;gap:18px !important;}
  body .socials img{width:24px !important;height:24px !important;}
  body .page-hero{padding:56px 0 34px !important;}
  body .page-title{font-size:clamp(2.1rem,12vw,4rem) !important;letter-spacing:.09em !important;word-break:normal !important;overflow-wrap:anywhere !important;}
}
@media (max-width:767px){
  body .site-bg-monster-fixed img{object-fit:cover !important;object-position:center top !important;}
  body .content-shell, body .content-card, body .panel{padding:20px !important;}
  body iframe, body img, body video{max-width:100% !important;}
}