/* Synaptic Impact central stylesheet
   Generated from inline styles.
   Paths assume this file is located at assets/css/synaptic-impact.css. */


/* ===== index.php / block 1 ===== */

body.page-index{
  --bg:#050711;
  --panel:#0a0d19;
  --panel2:#0d1020;
  --ink:#f6f2ff;
  --muted:#a99fbd;
  --line:rgba(255,255,255,.12);
  --line2:rgba(168,99,255,.32);
  --violet:#9b5cff;
  --pink:#e04cff;
  --cyan:#64eaff;
  --lime:#b8ff4a;
  --shadow:0 28px 80px rgba(0,0,0,.52);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.page-index{
  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{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:linear-gradient(180deg,#050711,#070b16);
}
body.page-index: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{color:inherit;text-decoration:none}
body.page-index .container{width:min(1200px,calc(100% - 48px));margin:0 auto}
body.page-index .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{
  height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
body.page-index .brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:230px;
}
body.page-index .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{
  content:"✧";
  font-size:1.55rem;
  line-height:1;
}
body.page-index .brand-text{
  font-size:1.05rem;
  line-height:1.05;
  letter-spacing:.26em;
  font-weight:500;
  text-transform:uppercase;
}
body.page-index .nav-links{
  display:flex;
  align-items:center;
  gap:34px;
  color:rgba(246,242,255,.84);
  font-size:.96rem;
}
body.page-index .nav-links a{
  position:relative;
  padding:24px 0;
}
body.page-index .nav-links a:hover, body.page-index .nav-links a.active{color:#fff}
body.page-index .nav-links a.active:after, body.page-index .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{
  display:flex;
  align-items:center;
  gap:26px;
}
body.page-index .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{
  color:#ffffff;
  transform:scale(1.08);
}
body.page-index .hero{
  min-height:calc(100vh - 70px);
  display:grid;
  align-items:center;
  padding:110px 0 40px;
}
body.page-index .hero-grid{
  display:grid;
  grid-template-columns:minmax(360px,520px) 1fr;
  gap:54px;
  align-items:center;
}
body.page-index .kicker{
  color:#d17bff;
  letter-spacing:.19em;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-index 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{
  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{
  width:48px;
  height:2px;
  background:linear-gradient(90deg,var(--violet),var(--pink));
  margin:24px 0;
}
body.page-index .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{display:flex;flex-wrap:wrap;gap:16px}
body.page-index .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{transform:translateY(-2px);border-color:var(--cyan);color:#fff}
body.page-index .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{
  min-height:520px;
  position:relative;
}
body.page-index .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{
  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-index .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{left:2%;top:54%}
body.page-index .neuron-strand:after{right:-4%;top:28%;transform:rotate(18deg)}
body.page-index .section{
  padding:76px 0;
  background:linear-gradient(180deg,rgba(5,7,17,.80),rgba(5,7,17,.96));
}
body.page-index .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-index .section-title:after{
  content:"";
  width:90px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--violet));
}
body.page-index .section-title:after{background:linear-gradient(90deg,var(--violet),transparent)}
body.page-index .releases{
  display:grid;
  gap:10px;
}
body.page-index .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{
  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{
  color:#d17bff;
  font-size:.76rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:5px;
}
body.page-index .release-meta h3{
  font-size:1.15rem;
  letter-spacing:.04em;
  font-weight:400;
  margin-bottom:4px;
}
body.page-index .release-meta p{
  color:var(--muted);
  font-size:.86rem;
}
body.page-index .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{
  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{
  content:"";
  border-left:11px solid #fff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  margin-left:3px;
}
body.page-index .wave-title{
  color:rgba(246,242,255,.72);
  font-size:.78rem;
  margin-bottom:5px;
}
body.page-index .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{
  color:#bd8cff;
  font-size:.85rem;
  line-height:1.25;
}
body.page-index .open-link:hover{color:var(--cyan)}
body.page-index .info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:36px;
}
body.page-index .info-card{
  padding:26px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  min-height:180px;
}
body.page-index .info-card h3{
  font-size:.95rem;
  letter-spacing:.18em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:14px;
}
body.page-index .info-card p{
  color:rgba(246,242,255,.68);
  font-size:.96rem;
}
body.page-index .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{
  display:flex;
  justify-content:space-between;
  gap:20px;
}
body.page-index .footer a{color:#b886ff}
@media(max-width:980px){
body.page-index .nav-links{display:none}
body.page-index .brand{min-width:auto}
body.page-index .socials{min-width:auto}
body.page-index .hero-grid{grid-template-columns:1fr}
body.page-index .neuron-art{min-height:300px}
body.page-index h1{letter-spacing:.14em}
body.page-index h1 span{letter-spacing:.18em}
body.page-index .release-card{grid-template-columns:1fr;gap:14px;padding:18px}
body.page-index .cover{width:100%;height:150px}
body.page-index .info-grid{grid-template-columns:1fr}
body.page-index .footer-inner{flex-direction:column}


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



/* ===== index.php / block 2 ===== */

body.page-index .gallery-overlay{
  background:
    linear-gradient(180deg,rgba(5,7,17,.94),rgba(5,7,17,.985)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  background-color:#050711 !important;
  filter:none !important;
  -webkit-filter:none !important;
  padding:112px 30px 60px !important;
  z-index:200000 !important;
}
body.page-index .gallery-overlay.active{
  display:block !important;
}
body.page-index .gallery-topbar{
  position:fixed !important;
  top:max(28px, env(safe-area-inset-top)) !important;
  left:0 !important;
  right:0 !important;
  height:86px !important;
  z-index:200010 !important;
  background:#050711 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 8px 36px rgba(0,0,0,.28) !important;
}
body.page-index .gallery-topbar .main-nav{
  height:86px !important;
  display:grid !important;
  grid-template-columns:320px 1fr 330px !important;
  align-items:center !important;
  gap:38px !important;
  padding:0 !important;
  width:min(1200px,calc(100% - 48px)) !important;
  margin:0 auto !important;
}
body.page-index .gallery-topbar .brand{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  color:#f6f2ff !important;
  text-decoration:none !important;
}
body.page-index .gallery-topbar .brand-mark{
  width:62px !important;
  height:62px !important;
  border-radius:50% !important;
  border:2px solid rgba(155,92,255,.72) !important;
  display:grid !important;
  place-items:center !important;
  color:#b887ff !important;
  font-size:1.7rem !important;
  line-height:1 !important;
}
body.page-index .gallery-topbar .brand-text{
  display:block !important;
  font-size:1.45rem !important;
  line-height:.98 !important;
  letter-spacing:.22em !important;
  font-weight:700 !important;
}
body.page-index .gallery-topbar .nav-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:48px !important;
  color:rgba(246,242,255,.78) !important;
  font-size:1.25rem !important;
  font-weight:600 !important;
}
body.page-index .gallery-topbar .nav-links a{
  color:inherit !important;
  text-decoration:none !important;
  padding:30px 0 !important;
  position:relative !important;
  text-shadow:none !important;
}
body.page-index .gallery-topbar .nav-links a:hover, body.page-index .gallery-topbar .nav-links a.active{
  color:#fff !important;
}
body.page-index .gallery-topbar .nav-links a:hover:after, body.page-index .gallery-topbar .nav-links a.active:after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,#9b5cff,#e04cff) !important;
}
body.page-index .gallery-topbar .socials{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:34px !important;
}
body.page-index .gallery-topbar .socials a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.page-index .gallery-topbar .socials img{
  width:34px !important;
  height:34px !important;
  display:block !important;
  filter:invert(1) !important;
  opacity:.754 !important;
}
body.page-index .gallery-overlay .gallery-nav, body.page-index .gallery-overlay .gallery-nav-inner, body.page-index .gallery-overlay .gallery-nav-links, body.page-index .gallery-nav, body.page-index .gallery-nav-inner, body.page-index .gallery-nav-links{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-index .gallery-overlay .section-shell, body.page-index .gallery-inner > .section-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:6px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-index .gallery-overlay .section-title{
  color:#fff !important;
  text-shadow:none !important;
  letter-spacing:.22em !important;
  font-weight:300 !important;
}
body.page-index .gallery-event-btn{
  border-radius:5px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:rgba(246,242,255,.78) !important;
  box-shadow:none !important;
}
body.page-index .gallery-event-btn:hover, body.page-index .gallery-event-btn.active{
  background:linear-gradient(135deg,#9b5cff,#e04cff) !important;
  color:#fff !important;
}
body.page-index .gallery-close{
  top:100px !important;
  right:30px !important;
  width:58px !important;
  height:58px !important;
  background:linear-gradient(135deg,#9b5cff,#64eaff) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(155,92,255,.24) !important;
}
@media(max-width:1100px){
body.page-index .gallery-topbar{
    position:relative !important;
    height:auto !important;
  }
body.page-index .gallery-topbar .main-nav{
    height:auto !important;
    grid-template-columns:1fr !important;
    padding:18px 0 !important;
  }
body.page-index .gallery-topbar .nav-links{
    flex-wrap:wrap !important;
    gap:22px !important;
    font-size:1rem !important;
  }
body.page-index .gallery-topbar .socials{
    justify-content:center !important;
    gap:24px !important;
  }
body.page-index .gallery-topbar .brand{
    justify-content:center !important;
  }
body.page-index .gallery-overlay{
    padding:24px 18px 42px !important;
  }
body.page-index .gallery-close{
    top:24px !important;
  }


}



/* ===== index.php / block 3 ===== */

body.page-index{
  --bg:#050711 !important;
  --panel:#0a0d19 !important;
  --ink:#f6f2ff !important;
  --muted:#a99fbd !important;
  --line:rgba(255,255,255,.12) !important;
  --violet:#9b5cff !important;
  --pink:#e04cff !important;
  --cyan:#64eaff !important;
  --shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
html, body.page-index{background:#050711 !important}
body.page-index{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:var(--ink) !important;
  line-height:1.6 !important;
}
body.page-index:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-4 !important;
  background:linear-gradient(180deg,#050711,#070b16) !important;
  filter:none !important;
  transform:none !important;
}
body.page-index:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 70% 30%,rgba(224,76,255,.18),transparent 22rem),
    radial-gradient(circle at 78% 48%,rgba(100,234,255,.12),transparent 28rem),
    linear-gradient(180deg,transparent 0%,rgba(5,7,17,.70) 70%,#050711 100%) !important;
}
body.page-index .container{width:min(1200px,calc(100% - 48px)) !important;margin:0 auto !important}
body.page-index .site-header{
  position:sticky !important;
  top:max(28px, env(safe-area-inset-top)) !important;
  z-index:50000 !important;
  background:rgba(5,7,17,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 36px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-index .main-nav{
  height:70px !important;
  display:grid !important;
  grid-template-columns:260px 1fr 260px !important;
  align-items:center !important;
  gap:28px !important;
  padding:0 !important;
}
body.page-index .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:230px !important;
  color:#f6f2ff !important;
  text-decoration:none !important;
}
body.page-index .brand-mark{
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(155,92,255,.55) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:#9b5cff !important;
  font-size:1.55rem !important;
  line-height:1 !important;
  box-shadow:0 0 26px rgba(155,92,255,.18) !important;
}
body.page-index .brand-text{
  display:block !important;
  font-size:1.05rem !important;
  line-height:1.05 !important;
  letter-spacing:.26em !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
}
body.page-index .nav-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:34px !important;
  color:rgba(246,242,255,.84) !important;
  font-size:.96rem !important;
  font-weight:400 !important;
}
body.page-index .nav-links a{
  color:inherit !important;
  position:relative !important;
  padding:24px 0 !important;
  text-shadow:none !important;
  text-decoration:none !important;
}
body.page-index .nav-links a:hover, body.page-index .nav-links a.active{color:#fff !important}
body.page-index .nav-links a:hover:after, body.page-index .nav-links a.active:after{
  content:"" !important;
  position:absolute !important;
  left:-8px !important;
  right:-8px !important;
  bottom:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,#9b5cff,#e04cff) !important;
}
body.page-index .socials{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:26px !important;
}
body.page-index .socials a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.page-index .socials img{
  width:28px !important;
  height:28px !important;
  display:block !important;
  filter:invert(1) !important;
  opacity:.755 !important;
}
body.page-index .socials a:hover img{opacity:1 !important;transform:scale(1.08) !important}
body.page-index .hero, body.page-index .music-hero{
  min-height:420px !important;
  padding:76px 0 54px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
}
body.page-index .hero-copy{
  max-width:760px !important;
  padding:34px !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,rgba(5,7,17,.90),rgba(5,7,17,.52)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-index .badge{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#d17bff !important;
  box-shadow:none !important;
  font-size:.82rem !important;
  letter-spacing:.19em !important;
  font-weight:700 !important;
  margin-bottom:22px !important;
}
body.page-index .badge span{display:none !important}
body.page-index h1{
  font-size:clamp(3rem,6vw,6.1rem) !important;
  line-height:1.04 !important;
  letter-spacing:.22em !important;
  font-weight:300 !important;
  text-shadow:none !important;
  color:#fff !important;
  margin-bottom:22px !important;
}
body.page-index .acid{
  color:transparent !important;
  background:linear-gradient(90deg,#9b5cff,#64eaff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:none !important;
}
body.page-index .lead, body.page-index .section-text{color:rgba(246,242,255,.74) !important;font-size:1rem !important;line-height:1.7 !important}
body.page-index section{padding:56px 0 !important}
body.page-index .section-shell{
  padding:30px !important;
  border-radius:6px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-index .section-title{
  color:#fff !important;
  text-shadow:none !important;
  font-size:clamp(1.7rem,4vw,3.4rem) !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  font-weight:300 !important;
  margin-bottom:22px !important;
}
body.page-index .section-title:after{
  content:"";
  display:block;
  width:86px;
  height:1px;
  margin-top:18px;
  background:linear-gradient(90deg,#9b5cff,#e04cff);
}
body.page-index .btn{
  min-height:44px !important;
  padding:11px 22px !important;
  border-radius:5px !important;
  border:1px solid rgba(155,92,255,.70) !important;
  color:#d9b8ff !important;
  background:rgba(5,7,17,.45) !important;
  box-shadow:none !important;
  font-size:.78rem !important;
  letter-spacing:.16em !important;
  font-weight:700 !important;
}
body.page-index .btn:hover{transform:translateY(-2px) !important;border-color:#64eaff !important;color:#fff !important}
body.page-index .btn-primary{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 14px 36px rgba(155,92,255,.28) !important}
body.page-index .btn-secondary{background:rgba(255,255,255,.045) !important;color:#fff !important}
body.page-index footer{
  border-top:1px solid rgba(255,255,255,.10) !important;
  background:rgba(5,7,17,.96) !important;
  padding:28px 0 !important;
  color:rgba(246,242,255,.50) !important;
  font-size:.84rem !important;
}
body.page-index .gallery-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
body.page-index .gallery-item{
  border-radius:6px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-index .gallery-item img, body.page-index .gallery-item video{
  filter:saturate(.98) contrast(1.02) brightness(.94) !important;
  transition:transform .28s ease,filter .28s ease !important;
}
body.page-index .gallery-item:hover{border-color:rgba(100,234,255,.35) !important;box-shadow:0 16px 48px rgba(0,0,0,.38),0 0 24px rgba(100,234,255,.12) !important}
body.page-index .gallery-item:hover img, body.page-index .gallery-item:hover video{transform:scale(1.035) !important;filter:saturate(1.05) contrast(1.04) brightness(1.04) !important}
body.page-index .gallery-video-badge{background:rgba(5,7,17,.78) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:none !important;font-size:.64rem !important}
body.page-index .gallery-overlay{
  background:
    linear-gradient(180deg,rgba(5,7,17,.94),rgba(5,7,17,.985)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  background-color:#050711 !important;
  filter:none !important;
  -webkit-filter:none !important;
  padding:112px 30px 60px !important;
  z-index:100000 !important;
}
body.page-index .gallery-overlay .gallery-nav, body.page-index .gallery-overlay .gallery-nav-inner, body.page-index .gallery-overlay .gallery-nav-links, body.page-index .gallery-nav, body.page-index .gallery-nav-inner, body.page-index .gallery-nav-links{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-index .gallery-overlay .section-shell, body.page-index .gallery-inner > .section-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:6px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-index .gallery-event-btn{
  border-radius:5px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:rgba(246,242,255,.78) !important;
  box-shadow:none !important;
}
body.page-index .gallery-event-btn:hover, body.page-index .gallery-event-btn.active{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important}
body.page-index .gallery-close{
  top:24px !important;
  right:30px !important;
  width:58px !important;
  height:58px !important;
  background:linear-gradient(135deg,#9b5cff,#64eaff) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(155,92,255,.24) !important;
}
body.page-index .music-track-card, body.page-index .panel, body.page-index .video-card{
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-index .soundcloud-player{
  border-radius:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#070a14 !important;
}
@media(max-width:1100px){
body.page-index .main-nav{height:auto !important;grid-template-columns:1fr !important;padding:18px 0 !important}
body.page-index .nav-links{flex-wrap:wrap !important;gap:22px !important;font-size:1rem !important}
body.page-index .socials{justify-content:center !important;gap:24px !important}
body.page-index .brand{justify-content:center !important}


}
@media(max-width:900px){
body.page-index .container{width:min(100% - 28px,1200px) !important}
body.page-index .gallery-grid{grid-template-columns:1fr !important}
body.page-index h1{font-size:clamp(2.45rem,12vw,4.3rem) !important;letter-spacing:.12em !important}
body.page-index .section-shell{padding:22px !important}
body.page-index .gallery-overlay{padding:92px 18px 42px !important}


}




/* ===== index.php / block 4 ===== */

body.page-index .emunity-section{
  background:
    radial-gradient(circle at 78% 24%,rgba(224,76,255,.16),transparent 22rem),
    radial-gradient(circle at 16% 70%,rgba(100,234,255,.08),transparent 26rem),
    linear-gradient(180deg,rgba(5,7,17,.96),rgba(5,7,17,.90)) !important;
}
body.page-index .emunity-card{
  padding:42px;
  border:1px solid rgba(155,92,255,.34);
  border-radius:8px;
  background:
    linear-gradient(135deg,rgba(155,92,255,.14),rgba(100,234,255,.055)),
    rgba(255,255,255,.035);
  box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 44px rgba(155,92,255,.10);
  backdrop-filter:blur(18px);
}
body.page-index .emunity-kicker{
  color:#d17bff;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:.82rem;
  font-weight:800;
  margin-bottom:14px;
}
body.page-index .emunity-card h2{
  font-size:clamp(2.6rem,6vw,5.2rem);
  line-height:1;
  letter-spacing:.16em;
  font-weight:300;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-index .emunity-lead{
  max-width:820px;
  color:rgba(246,242,255,.82);
  font-size:1.08rem;
  line-height:1.7;
  margin-bottom:28px;
}
body.page-index .emunity-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:24px 0;
}
body.page-index .emunity-grid > div{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  padding:22px;
  border-radius:6px;
}
body.page-index .emunity-grid h3{
  color:#fff;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.92rem;
  margin-bottom:12px;
}
body.page-index .emunity-grid p, body.page-index .emunity-statement{
  color:rgba(246,242,255,.72);
  line-height:1.7;
}
body.page-index .emunity-statement{
  margin:22px 0 26px;
  font-size:1.02rem;
}
body.page-index .emunity-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
  margin-top:6px;
}
body.page-index .emunity-story{
  display:none;
  margin-top:30px;
  padding:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:6px;
  background:rgba(5,7,17,.38);
  color:rgba(246,242,255,.76);
  line-height:1.75;
}
body.page-index .emunity-story.active{
  display:block;
}
body.page-index .emunity-story p + p{
  margin-top:16px;
}
body.page-index .emunity-story strong{
  color:#fff;
}
body.page-index .emunity-story em{
  color:#e7d8ff;
}
@media(max-width:900px){
body.page-index .emunity-card{padding:26px;}
body.page-index .emunity-grid{grid-template-columns:1fr;}
body.page-index .emunity-actions{align-items:stretch;}
body.page-index .emunity-actions .btn{width:100%;}
body.page-index .emunity-story{padding:22px;}


}



/* ===== index.php / block 5 ===== */

body.page-index #toggleStoryBtn, body.page-index #toggleStoryBtn.btn, body.page-index #toggleStoryBtn.btn-secondary, body.page-index #toggleStoryBtn.btn-primary{
  background:linear-gradient(135deg,#9b5cff,#e04cff) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 14px 36px rgba(155,92,255,.28) !important;
}
body.page-index #toggleStoryBtn:hover, body.page-index #toggleStoryBtn.btn:hover, body.page-index #toggleStoryBtn.btn-secondary:hover, body.page-index #toggleStoryBtn.btn-primary:hover{
  transform:translateY(-2px) !important;
  border-color:#64eaff !important;
  color:#fff !important;
  box-shadow:0 18px 42px rgba(155,92,255,.34) !important;
}



/* ===== index.php / block 6 ===== */

body.page-index .soundcloud-player{
  min-height:86px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),
    #070a14 !important;
  box-shadow:0 18px 48px rgba(0,0,0,.24) !important;
}
body.page-index .soundcloud-embed{
  display:block !important;
  width:100% !important;
  height:86px !important;
  border:0 !important;
  border-radius:5px !important;
  filter:saturate(.95) contrast(1.02);
}
body.page-index .release-card{
  grid-template-columns:160px 230px minmax(360px,1fr) 150px !important;
}
@media(max-width:980px){
body.page-index .soundcloud-player, body.page-index .soundcloud-embed{
    height:100px !important;
    min-height:100px !important;
  }


}



/* ===== index.php / block 7 ===== */

body.page-index:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:linear-gradient(180deg,#050711,#070b16);
}
body.page-index .hero{
  min-height:660px !important;
  height:calc(100vh - 70px);
  max-height:720px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(5,7,17,.96) 0%,rgba(5,7,17,.78) 34%,rgba(5,7,17,.20) 73%,rgba(5,7,17,.12) 100%),
    url("../synaptic-hero.webp") right center / contain no-repeat !important;
  display:grid !important;
  align-items:center !important;
  padding:0 !important;
}
body.page-index .hero-grid{
  grid-template-columns:500px 1fr !important;
  gap:0 !important;
  align-items:center !important;
  min-height:660px;
}
body.page-index .hero-grid > div:first-child{
  position:relative;
  z-index:3;
  padding-top:10px;
}
body.page-index .neuron-art{
  min-height:660px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
body.page-index .neuron-art:before, body.page-index .neuron-strand{
  display:none !important;
}
body.page-index .kicker{
  margin-bottom:26px !important;
}
body.page-index h1{
  font-size:clamp(3.4rem,5.35vw,6.35rem) !important;
  line-height:1.04 !important;
  letter-spacing:.30em !important;
  margin-bottom:22px !important;
}
body.page-index h1 span{
  letter-spacing:.34em !important;
}
body.page-index .hero-line{
  width:76px !important;
  margin:26px 0 28px !important;
}
body.page-index .lead{
  max-width:430px !important;
  font-size:1.06rem !important;
  line-height:1.48 !important;
  margin-bottom:30px !important;
}
body.page-index .actions{
  gap:18px !important;
}
@media(max-width:980px){
body.page-index:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:linear-gradient(180deg,#050711,#070b16);
}
body.page-index .hero{
    min-height:auto !important;
    height:auto !important;
    max-height:none !important;
    padding:58px 0 46px !important;
    background:
      linear-gradient(180deg,rgba(5,7,17,.66),rgba(5,7,17,.95)),
      url("../synaptic-hero.webp") center top / cover no-repeat !important;
  }
body.page-index .hero-grid{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
body.page-index .neuron-art{
    display:none !important;
  }
body.page-index h1{
    font-size:clamp(2.65rem,13vw,4.4rem) !important;
    letter-spacing:.16em !important;
  }
body.page-index h1 span{
    letter-spacing:.18em !important;
  }


}



/* ===== index.php / block 8 ===== */

body.page-index .neuron-art:before, body.page-index .neuron-strand{
  opacity:0 !important;
}
body.page-index .hero{
  background:
    linear-gradient(90deg,rgba(5,7,17,.96) 0%,rgba(5,7,17,.72) 38%,rgba(5,7,17,.18) 100%),
    url("../synaptic-hero.webp") center/cover no-repeat;
}
body.page-index:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:linear-gradient(180deg,#050711,#070b16);
}



/* ===== about.php / block 1 ===== */

body.page-about{
  --bg:#050711;
  --panel:#0a0d19;
  --panel2:#0d1020;
  --ink:#f6f2ff;
  --muted:#a99fbd;
  --line:rgba(255,255,255,.12);
  --line2:rgba(168,99,255,.32);
  --violet:#9b5cff;
  --pink:#e04cff;
  --cyan:#64eaff;
  --lime:#b8ff4a;
  --shadow:0 28px 80px rgba(0,0,0,.52);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.page-about{
  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-about:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:linear-gradient(180deg,#050711,#070b16);
}
body.page-about: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-about a{color:inherit;text-decoration:none}
body.page-about .container{width:min(1200px,calc(100% - 48px));margin:0 auto}
body.page-about .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-about .nav{
  height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
body.page-about .brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:230px;
}
body.page-about .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-about .brand-mark:before{
  content:"✧";
  font-size:1.55rem;
  line-height:1;
}
body.page-about .brand-text{
  font-size:1.05rem;
  line-height:1.05;
  letter-spacing:.26em;
  font-weight:500;
  text-transform:uppercase;
}
body.page-about .nav-links{
  display:flex;
  align-items:center;
  gap:34px;
  color:rgba(246,242,255,.84);
  font-size:.96rem;
}
body.page-about .nav-links a{
  position:relative;
  padding:24px 0;
}
body.page-about .nav-links a:hover, body.page-about .nav-links a.active{color:#fff}
body.page-about .nav-links a.active:after, body.page-about .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-about .socials{
  display:flex;
  align-items:center;
  gap:26px;
}
body.page-about .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-about .socials a:hover{
  color:#ffffff;
  transform:scale(1.08);
}
body.page-about .hero{
  min-height:calc(100vh - 70px);
  display:grid;
  align-items:center;
  padding:110px 0 40px;
}
body.page-about .hero-grid{
  display:grid;
  grid-template-columns:minmax(360px,520px) 1fr;
  gap:54px;
  align-items:center;
}
body.page-about .kicker{
  color:#d17bff;
  letter-spacing:.19em;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-about 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-about 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-about .hero-line{
  width:48px;
  height:2px;
  background:linear-gradient(90deg,var(--violet),var(--pink));
  margin:24px 0;
}
body.page-about .lead{
  max-width:430px;
  color:rgba(246,242,255,.78);
  font-size:1.05rem;
  line-height:1.55;
  margin-bottom:28px;
}
body.page-about .actions{display:flex;flex-wrap:wrap;gap:16px}
body.page-about .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-about .btn:hover{transform:translateY(-2px);border-color:var(--cyan);color:#fff}
body.page-about .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-about .neuron-art{
  min-height:520px;
  position:relative;
}
body.page-about .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-about .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-about .neuron-strand:before, body.page-about .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-about .neuron-strand:before{left:2%;top:54%}
body.page-about .neuron-strand:after{right:-4%;top:28%;transform:rotate(18deg)}
body.page-about .section{
  padding:76px 0;
  background:linear-gradient(180deg,rgba(5,7,17,.80),rgba(5,7,17,.96));
}
body.page-about .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-about .section-title:before, body.page-about .section-title:after{
  content:"";
  width:90px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--violet));
}
body.page-about .section-title:after{background:linear-gradient(90deg,var(--violet),transparent)}
body.page-about .releases{
  display:grid;
  gap:10px;
}
body.page-about .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-about .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-about .release-meta .type{
  color:#d17bff;
  font-size:.76rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:5px;
}
body.page-about .release-meta h3{
  font-size:1.15rem;
  letter-spacing:.04em;
  font-weight:400;
  margin-bottom:4px;
}
body.page-about .release-meta p{
  color:var(--muted);
  font-size:.86rem;
}
body.page-about .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-about .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-about .play:before{
  content:"";
  border-left:11px solid #fff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  margin-left:3px;
}
body.page-about .wave-title{
  color:rgba(246,242,255,.72);
  font-size:.78rem;
  margin-bottom:5px;
}
body.page-about .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-about .open-link{
  color:#bd8cff;
  font-size:.85rem;
  line-height:1.25;
}
body.page-about .open-link:hover{color:var(--cyan)}
body.page-about .info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:36px;
}
body.page-about .info-card{
  padding:26px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  min-height:180px;
}
body.page-about .info-card h3{
  font-size:.95rem;
  letter-spacing:.18em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:14px;
}
body.page-about .info-card p{
  color:rgba(246,242,255,.68);
  font-size:.96rem;
}
body.page-about .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-about .footer-inner{
  display:flex;
  justify-content:space-between;
  gap:20px;
}
body.page-about .footer a{color:#b886ff}
@media(max-width:980px){
body.page-about .nav-links{display:none}
body.page-about .brand{min-width:auto}
body.page-about .socials{min-width:auto}
body.page-about .hero-grid{grid-template-columns:1fr}
body.page-about .neuron-art{min-height:300px}
body.page-about h1{letter-spacing:.14em}
body.page-about h1 span{letter-spacing:.18em}
body.page-about .release-card{grid-template-columns:1fr;gap:14px;padding:18px}
body.page-about .cover{width:100%;height:150px}
body.page-about .info-grid{grid-template-columns:1fr}
body.page-about .footer-inner{flex-direction:column}


}
body.page-about .socials img{
  width:28px;
  height:28px;
  filter:invert(1);
  opacity:.755;
}
body.page-about .socials a:hover img{
  opacity:1;
}
body.page-about .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  display:block !important;
}
body.page-about .brand-mark{display:none !important;}
body.page-about{
  background:
    linear-gradient(180deg,rgba(5,7,17,.82),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat fixed !important;
}
body.page-about .page-hero{
  min-height:360px;
  display:grid;
  align-items:end;
  padding:110px 0 58px;
  background:
    linear-gradient(90deg,rgba(5,7,17,.96),rgba(5,7,17,.62),rgba(5,7,17,.18));
}
body.page-about .page-kicker{
  color:#d17bff;
  letter-spacing:.19em;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:20px;
}
body.page-about .page-title{
  font-size:clamp(3rem,6vw,6.1rem);
  line-height:1.04;
  letter-spacing:.22em;
  font-weight:300;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-about .page-title span{
  color:transparent;
  background:linear-gradient(90deg,var(--violet),var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
}
body.page-about .page-lead{
  max-width:760px;
  color:rgba(246,242,255,.76);
  font-size:1.05rem;
  line-height:1.65;
}
body.page-about .content-section{
  padding:70px 0;
  background:linear-gradient(180deg,rgba(5,7,17,.80),rgba(5,7,17,.96));
}
body.page-about .content-shell{
  padding:30px;
  border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.page-about .content-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
body.page-about .content-card{
  padding:26px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  min-height:190px;
}
body.page-about .content-card h2, body.page-about .content-card h3{
  font-size:.95rem;
  letter-spacing:.18em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:14px;
}
body.page-about .content-card p{
  color:rgba(246,242,255,.70);
  font-size:.96rem;
  line-height:1.7;
}
body.page-about .content-card.wide{
  grid-column:1 / -1;
}
body.page-about .contact-list{
  display:grid;
  gap:14px;
  margin-top:18px;
}
body.page-about .contact-list a{
  color:#d9b8ff;
}
body.page-about .contact-list a:hover{
  color:#64eaff;
}
@media(max-width:980px){
body.page-about .content-grid{grid-template-columns:1fr}
body.page-about .page-hero{padding:86px 0 44px}
body.page-about .page-title{font-size:clamp(2.45rem,12vw,4.3rem);letter-spacing:.12em}


}




/* ===== events.php / block 1 ===== */

body.page-events{
  --bg:#050711;
  --panel:#0a0d19;
  --panel2:#0d1020;
  --ink:#f6f2ff;
  --muted:#a99fbd;
  --line:rgba(255,255,255,.12);
  --line2:rgba(168,99,255,.32);
  --violet:#9b5cff;
  --pink:#e04cff;
  --cyan:#64eaff;
  --lime:#b8ff4a;
  --shadow:0 28px 80px rgba(0,0,0,.52);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.page-events{
  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-events:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:linear-gradient(180deg,#050711,#070b16);
}
body.page-events: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-events a{color:inherit;text-decoration:none}
body.page-events .container{width:min(1200px,calc(100% - 48px));margin:0 auto}
body.page-events .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-events .nav{
  height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
body.page-events .brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:230px;
}
body.page-events .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-events .brand-mark:before{
  content:"✧";
  font-size:1.55rem;
  line-height:1;
}
body.page-events .brand-text{
  font-size:1.05rem;
  line-height:1.05;
  letter-spacing:.26em;
  font-weight:500;
  text-transform:uppercase;
}
body.page-events .nav-links{
  display:flex;
  align-items:center;
  gap:34px;
  color:rgba(246,242,255,.84);
  font-size:.96rem;
}
body.page-events .nav-links a{
  position:relative;
  padding:24px 0;
}
body.page-events .nav-links a:hover, body.page-events .nav-links a.active{color:#fff}
body.page-events .nav-links a.active:after, body.page-events .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-events .socials{
  display:flex;
  align-items:center;
  gap:26px;
}
body.page-events .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-events .socials a:hover{
  color:#ffffff;
  transform:scale(1.08);
}
body.page-events .hero{
  min-height:calc(100vh - 70px);
  display:grid;
  align-items:center;
  padding:110px 0 40px;
}
body.page-events .hero-grid{
  display:grid;
  grid-template-columns:minmax(360px,520px) 1fr;
  gap:54px;
  align-items:center;
}
body.page-events .kicker{
  color:#d17bff;
  letter-spacing:.19em;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-events 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-events 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-events .hero-line{
  width:48px;
  height:2px;
  background:linear-gradient(90deg,var(--violet),var(--pink));
  margin:24px 0;
}
body.page-events .lead{
  max-width:430px;
  color:rgba(246,242,255,.78);
  font-size:1.05rem;
  line-height:1.55;
  margin-bottom:28px;
}
body.page-events .actions{display:flex;flex-wrap:wrap;gap:16px}
body.page-events .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-events .btn:hover{transform:translateY(-2px);border-color:var(--cyan);color:#fff}
body.page-events .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-events .neuron-art{
  min-height:520px;
  position:relative;
}
body.page-events .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-events .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-events .neuron-strand:before, body.page-events .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-events .neuron-strand:before{left:2%;top:54%}
body.page-events .neuron-strand:after{right:-4%;top:28%;transform:rotate(18deg)}
body.page-events .section{
  padding:76px 0;
  background:linear-gradient(180deg,rgba(5,7,17,.80),rgba(5,7,17,.96));
}
body.page-events .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-events .section-title:before, body.page-events .section-title:after{
  content:"";
  width:90px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--violet));
}
body.page-events .section-title:after{background:linear-gradient(90deg,var(--violet),transparent)}
body.page-events .releases{
  display:grid;
  gap:10px;
}
body.page-events .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-events .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-events .release-meta .type{
  color:#d17bff;
  font-size:.76rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:5px;
}
body.page-events .release-meta h3{
  font-size:1.15rem;
  letter-spacing:.04em;
  font-weight:400;
  margin-bottom:4px;
}
body.page-events .release-meta p{
  color:var(--muted);
  font-size:.86rem;
}
body.page-events .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-events .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-events .play:before{
  content:"";
  border-left:11px solid #fff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  margin-left:3px;
}
body.page-events .wave-title{
  color:rgba(246,242,255,.72);
  font-size:.78rem;
  margin-bottom:5px;
}
body.page-events .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-events .open-link{
  color:#bd8cff;
  font-size:.85rem;
  line-height:1.25;
}
body.page-events .open-link:hover{color:var(--cyan)}
body.page-events .info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:36px;
}
body.page-events .info-card{
  padding:26px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  min-height:180px;
}
body.page-events .info-card h3{
  font-size:.95rem;
  letter-spacing:.18em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:14px;
}
body.page-events .info-card p{
  color:rgba(246,242,255,.68);
  font-size:.96rem;
}
body.page-events .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-events .footer-inner{
  display:flex;
  justify-content:space-between;
  gap:20px;
}
body.page-events .footer a{color:#b886ff}
@media(max-width:980px){
body.page-events .nav-links{display:none}
body.page-events .brand{min-width:auto}
body.page-events .socials{min-width:auto}
body.page-events .hero-grid{grid-template-columns:1fr}
body.page-events .neuron-art{min-height:300px}
body.page-events h1{letter-spacing:.14em}
body.page-events h1 span{letter-spacing:.18em}
body.page-events .release-card{grid-template-columns:1fr;gap:14px;padding:18px}
body.page-events .cover{width:100%;height:150px}
body.page-events .info-grid{grid-template-columns:1fr}
body.page-events .footer-inner{flex-direction:column}


}
body.page-events .socials img{
  width:28px;
  height:28px;
  filter:invert(1);
  opacity:.755;
}
body.page-events .socials a:hover img{
  opacity:1;
}
body.page-events .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  display:block !important;
}
body.page-events .brand-mark{display:none !important;}
body.page-events{
  background:
    linear-gradient(180deg,rgba(5,7,17,.82),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat fixed !important;
}
body.page-events .page-hero{
  min-height:360px;
  display:grid;
  align-items:end;
  padding:110px 0 58px;
  background:
    linear-gradient(90deg,rgba(5,7,17,.96),rgba(5,7,17,.62),rgba(5,7,17,.18));
}
body.page-events .page-kicker{
  color:#d17bff;
  letter-spacing:.19em;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:20px;
}
body.page-events .page-title{
  font-size:clamp(3rem,6vw,6.1rem);
  line-height:1.04;
  letter-spacing:.22em;
  font-weight:300;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-events .page-title span{
  color:transparent;
  background:linear-gradient(90deg,var(--violet),var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
}
body.page-events .page-lead{
  max-width:760px;
  color:rgba(246,242,255,.76);
  font-size:1.05rem;
  line-height:1.65;
}
body.page-events .content-section{
  padding:70px 0;
  background:linear-gradient(180deg,rgba(5,7,17,.80),rgba(5,7,17,.96));
}
body.page-events .content-shell{
  padding:30px;
  border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.page-events .content-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
body.page-events .content-card{
  padding:26px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  min-height:190px;
}
body.page-events .content-card h2, body.page-events .content-card h3{
  font-size:.95rem;
  letter-spacing:.18em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:14px;
}
body.page-events .content-card p{
  color:rgba(246,242,255,.70);
  font-size:.96rem;
  line-height:1.7;
}
body.page-events .content-card.wide{
  grid-column:1 / -1;
}
body.page-events .contact-list{
  display:grid;
  gap:14px;
  margin-top:18px;
}
body.page-events .contact-list a{
  color:#d9b8ff;
}
body.page-events .contact-list a:hover{
  color:#64eaff;
}
@media(max-width:980px){
body.page-events .content-grid{grid-template-columns:1fr}
body.page-events .page-hero{padding:86px 0 44px}
body.page-events .page-title{font-size:clamp(2.45rem,12vw,4.3rem);letter-spacing:.12em}


}




/* ===== contact.php / block 1 ===== */

body.page-contact{
  --bg:#050711;
  --panel:#0a0d19;
  --panel2:#0d1020;
  --ink:#f6f2ff;
  --muted:#a99fbd;
  --line:rgba(255,255,255,.12);
  --line2:rgba(168,99,255,.32);
  --violet:#9b5cff;
  --pink:#e04cff;
  --cyan:#64eaff;
  --lime:#b8ff4a;
  --shadow:0 28px 80px rgba(0,0,0,.52);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
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-contact:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:linear-gradient(180deg,#050711,#070b16);
}
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-contact a{color:inherit;text-decoration:none}
body.page-contact .container{width:min(1200px,calc(100% - 48px));margin:0 auto}
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-contact .nav{
  height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
body.page-contact .brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:230px;
}
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-contact .brand-mark:before{
  content:"✧";
  font-size:1.55rem;
  line-height:1;
}
body.page-contact .brand-text{
  font-size:1.05rem;
  line-height:1.05;
  letter-spacing:.26em;
  font-weight:500;
  text-transform:uppercase;
}
body.page-contact .nav-links{
  display:flex;
  align-items:center;
  gap:34px;
  color:rgba(246,242,255,.84);
  font-size:.96rem;
}
body.page-contact .nav-links a{
  position:relative;
  padding:24px 0;
}
body.page-contact .nav-links a:hover, body.page-contact .nav-links a.active{color:#fff}
body.page-contact .nav-links a.active: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-contact .socials{
  display:flex;
  align-items:center;
  gap:26px;
}
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-contact .socials a:hover{
  color:#ffffff;
  transform:scale(1.08);
}
body.page-contact .hero{
  min-height:calc(100vh - 70px);
  display:grid;
  align-items:center;
  padding:110px 0 40px;
}
body.page-contact .hero-grid{
  display:grid;
  grid-template-columns:minmax(360px,520px) 1fr;
  gap:54px;
  align-items:center;
}
body.page-contact .kicker{
  color:#d17bff;
  letter-spacing:.19em;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:22px;
}
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-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-contact .hero-line{
  width:48px;
  height:2px;
  background:linear-gradient(90deg,var(--violet),var(--pink));
  margin:24px 0;
}
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-contact .actions{display:flex;flex-wrap:wrap;gap:16px}
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-contact .btn:hover{transform:translateY(-2px);border-color:var(--cyan);color:#fff}
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-contact .neuron-art{
  min-height:520px;
  position:relative;
}
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-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-contact .neuron-strand:before, 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-contact .neuron-strand:before{left:2%;top:54%}
body.page-contact .neuron-strand:after{right:-4%;top:28%;transform:rotate(18deg)}
body.page-contact .section{
  padding:76px 0;
  background:linear-gradient(180deg,rgba(5,7,17,.80),rgba(5,7,17,.96));
}
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-contact .section-title:before, body.page-contact .section-title:after{
  content:"";
  width:90px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--violet));
}
body.page-contact .section-title:after{background:linear-gradient(90deg,var(--violet),transparent)}
body.page-contact .releases{
  display:grid;
  gap:10px;
}
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-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-contact .release-meta .type{
  color:#d17bff;
  font-size:.76rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:5px;
}
body.page-contact .release-meta h3{
  font-size:1.15rem;
  letter-spacing:.04em;
  font-weight:400;
  margin-bottom:4px;
}
body.page-contact .release-meta p{
  color:var(--muted);
  font-size:.86rem;
}
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-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-contact .play:before{
  content:"";
  border-left:11px solid #fff;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  margin-left:3px;
}
body.page-contact .wave-title{
  color:rgba(246,242,255,.72);
  font-size:.78rem;
  margin-bottom:5px;
}
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-contact .open-link{
  color:#bd8cff;
  font-size:.85rem;
  line-height:1.25;
}
body.page-contact .open-link:hover{color:var(--cyan)}
body.page-contact .info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:36px;
}
body.page-contact .info-card{
  padding:26px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  min-height:180px;
}
body.page-contact .info-card h3{
  font-size:.95rem;
  letter-spacing:.18em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:14px;
}
body.page-contact .info-card p{
  color:rgba(246,242,255,.68);
  font-size:.96rem;
}
body.page-contact .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-contact .footer-inner{
  display:flex;
  justify-content:space-between;
  gap:20px;
}
body.page-contact .footer a{color:#b886ff}
@media(max-width:980px){
body.page-contact .nav-links{display:none}
body.page-contact .brand{min-width:auto}
body.page-contact .socials{min-width:auto}
body.page-contact .hero-grid{grid-template-columns:1fr}
body.page-contact .neuron-art{min-height:300px}
body.page-contact h1{letter-spacing:.14em}
body.page-contact h1 span{letter-spacing:.18em}
body.page-contact .release-card{grid-template-columns:1fr;gap:14px;padding:18px}
body.page-contact .cover{width:100%;height:150px}
body.page-contact .info-grid{grid-template-columns:1fr}
body.page-contact .footer-inner{flex-direction:column}


}
body.page-contact .socials img{
  width:28px;
  height:28px;
  filter:invert(1);
  opacity:.755;
}
body.page-contact .socials a:hover img{
  opacity:1;
}
body.page-contact .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  display:block !important;
}
body.page-contact .brand-mark{display:none !important;}
body.page-contact{
  background:
    linear-gradient(180deg,rgba(5,7,17,.82),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat fixed !important;
}
body.page-contact .page-hero{
  min-height:360px;
  display:grid;
  align-items:end;
  padding:110px 0 58px;
  background:
    linear-gradient(90deg,rgba(5,7,17,.96),rgba(5,7,17,.62),rgba(5,7,17,.18));
}
body.page-contact .page-kicker{
  color:#d17bff;
  letter-spacing:.19em;
  font-size:.86rem;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:20px;
}
body.page-contact .page-title{
  font-size:clamp(3rem,6vw,6.1rem);
  line-height:1.04;
  letter-spacing:.22em;
  font-weight:300;
  text-transform:uppercase;
  margin-bottom:22px;
}
body.page-contact .page-title span{
  color:transparent;
  background:linear-gradient(90deg,var(--violet),var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
}
body.page-contact .page-lead{
  max-width:760px;
  color:rgba(246,242,255,.76);
  font-size:1.05rem;
  line-height:1.65;
}
body.page-contact .content-section{
  padding:70px 0;
  background:linear-gradient(180deg,rgba(5,7,17,.80),rgba(5,7,17,.96));
}
body.page-contact .content-shell{
  padding:30px;
  border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.page-contact .content-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
body.page-contact .content-card{
  padding:26px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  min-height:190px;
}
body.page-contact .content-card h2, body.page-contact .content-card h3{
  font-size:.95rem;
  letter-spacing:.18em;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:14px;
}
body.page-contact .content-card p{
  color:rgba(246,242,255,.70);
  font-size:.96rem;
  line-height:1.7;
}
body.page-contact .content-card.wide{
  grid-column:1 / -1;
}
body.page-contact .contact-list{
  display:grid;
  gap:14px;
  margin-top:18px;
}
body.page-contact .contact-list a{
  color:#d9b8ff;
}
body.page-contact .contact-list a:hover{
  color:#64eaff;
}
@media(max-width:980px){
body.page-contact .content-grid{grid-template-columns:1fr}
body.page-contact .page-hero{padding:86px 0 44px}
body.page-contact .page-title{font-size:clamp(2.45rem,12vw,4.3rem);letter-spacing:.12em}


}




/* ===== gallery.php / block 1 ===== */

body.page-gallery{--ink:#fff7ff;--muted:#d9c7ff;--pink:#ff2bd6;--cyan:#00f5ff;--lime:#b6ff00;--dark:#080414;--glass:rgba(8,4,20,.58);--border:rgba(255,255,255,.24);--shadow:0 30px 90px rgba(0,0,0,.6)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.page-gallery{min-height:100vh;font-family:"Trebuchet MS",Inter,system-ui,sans-serif;color:var(--ink);background:var(--dark);line-height:1.6;overflow-x:hidden}
body.page-gallery:before{content:"";position:fixed;inset:0;z-index:-3;background:url("../synaptic-hero.webp") center/cover no-repeat;filter:saturate(1.12) contrast(1.05);transform:scale(1.02)}
body.page-gallery:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem)}
body.page-gallery a{color:inherit;text-decoration:none}
body.page-gallery .container{width:min(1180px,calc(100% - 36px));margin:0 auto}
body.page-gallery header{position:relative;top:auto;z-index:20;background:rgba(8,4,20,.96);border-bottom:2px solid rgba(255,43,214,.28);backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;will-change:auto;}
body.page-gallery nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
body.page-gallery .logo{font-weight:1000;letter-spacing:.04em;text-transform:uppercase;color:var(--lime);text-shadow:3px 3px 0 var(--pink),-2px -2px 0 var(--cyan)}
body.page-gallery .nav-links{display:flex;gap:18px;color:var(--muted);font-weight:800}
body.page-gallery .nav-links a:hover{color:var(--lime)}
body.page-gallery .hero{min-height:88vh;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:86px 0 70px}
body.page-gallery .hero-copy{padding:34px;border-radius:34px;background:linear-gradient(145deg,rgba(8,4,20,.74),rgba(8,4,20,.42));border:2px solid var(--border);box-shadow:var(--shadow),12px 12px 0 rgba(255,43,214,.18);backdrop-filter:blur(12px)}
body.page-gallery .badge{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;border:2px solid var(--cyan);background:rgba(0,245,255,.10);color:var(--cyan);font-weight:950;text-transform:uppercase;box-shadow:0 0 32px rgba(0,245,255,.28);margin-bottom:22px}
body.page-gallery .badge span{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px var(--lime)}
body.page-gallery h1{font-size:clamp(3.4rem,9vw,8.4rem);line-height:.82;letter-spacing:-.08em;text-transform:uppercase;margin-bottom:28px;text-shadow:6px 6px 0 rgba(255,43,214,.8),-4px -3px 0 rgba(0,245,255,.58)}
body.page-gallery .acid{color:var(--lime);text-shadow:6px 6px 0 var(--pink),-4px -3px 0 var(--cyan),0 0 42px rgba(182,255,0,.42)}
body.page-gallery .lead{max-width:700px;color:#f3e6ff;font-size:1.18rem;margin-bottom:32px}
body.page-gallery .buttons{display:flex;flex-wrap:wrap;gap:14px}
body.page-gallery .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:18px;border:2px solid rgba(255,255,255,.32);font-weight:950;text-transform:uppercase;transition:.2s}
body.page-gallery .btn:hover{transform:translateY(-3px) rotate(-1deg)}
body.page-gallery .btn-primary{background:linear-gradient(135deg,var(--lime),var(--cyan));color:#15051f;box-shadow:0 0 34px rgba(182,255,0,.30)}
body.page-gallery .btn-secondary{background:rgba(255,43,214,.16);border-color:var(--pink);color:white}
body.page-gallery .visual-card{min-height:520px;border-radius:42px;border:3px solid rgba(255,255,255,.26);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(8,4,20,.22);box-shadow:var(--shadow),14px 14px 0 rgba(0,245,255,.16);backdrop-filter:blur(3px);display:grid;place-items:end start;padding:30px;overflow:hidden;position:relative}
body.page-gallery .visual-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,transparent 0,rgba(8,4,20,.10) 30%,rgba(8,4,20,.72) 100%)}
body.page-gallery .visual-label{position:relative;max-width:360px;padding:22px;border-radius:26px;background:rgba(8,4,20,.72);border:2px solid rgba(255,255,255,.24);box-shadow:10px 10px 0 rgba(255,43,214,.18)}
body.page-gallery .visual-label h2{color:var(--lime);font-size:2rem;line-height:.95;text-transform:uppercase;text-shadow:3px 3px 0 var(--pink);margin-bottom:10px}
body.page-gallery .visual-label p{color:var(--muted)}
body.page-gallery section{padding:74px 0}
body.page-gallery .section-shell{padding:30px;border-radius:34px;background:var(--glass);border:2px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
body.page-gallery .section-title{font-size:clamp(2.1rem,5vw,4.4rem);line-height:.92;letter-spacing:-.06em;text-transform:uppercase;color:var(--cyan);text-shadow:4px 4px 0 var(--pink);margin-bottom:18px}
body.page-gallery .section-text{max-width:850px;color:#ead6ff;font-size:1.08rem;margin-bottom:28px}
body.page-gallery .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.page-gallery .panel{min-height:180px;padding:24px;border-radius:26px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.20);box-shadow:10px 10px 0 rgba(0,245,255,.10)}
body.page-gallery .panel:nth-child(2){box-shadow:10px 10px 0 rgba(182,255,0,.12)}
body.page-gallery .panel:nth-child(3){box-shadow:10px 10px 0 rgba(255,43,214,.12)}
body.page-gallery .panel h3{color:var(--lime);font-size:1.35rem;margin-bottom:10px;text-transform:uppercase}
body.page-gallery .panel h3 a{
color:var(--lime);
transition:color .2s ease,text-shadow .2s ease;
}
body.page-gallery .panel h3 a:hover{
color:var(--cyan);
text-shadow:0 0 12px var(--cyan);
}
body.page-gallery .panel p{color:#dec7f7}
body.page-gallery .contact-box{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px;border-radius:34px;border:3px solid var(--pink);background:rgba(255,43,214,.14);box-shadow:12px 12px 0 rgba(0,245,255,.16);backdrop-filter:blur(14px)}
body.page-gallery footer{padding:42px 0;text-align:center;color:var(--muted)}
@media(max-width:900px){
body.page-gallery:before{background-attachment:scroll}
body.page-gallery .hero, body.page-gallery .grid{grid-template-columns:1fr}
body.page-gallery .nav-links{display:none}
body.page-gallery .visual-card{min-height:380px}
body.page-gallery .contact-box{flex-direction:column;align-items:flex-start}

}
body.page-gallery .mushroom-layer{
position:fixed;
inset:0;
z-index:99998;
pointer-events:none;
overflow:hidden;
}
body.page-gallery .flying-mushroom{
position:absolute;
width:11.25mm;
height:auto;
opacity:.752;
filter:
drop-shadow(0 0 6px rgba(0,245,255,.55))
drop-shadow(0 0 8px rgba(255,43,214,.42));
animation-name:mushroomFloat, mushroomSpin;
animation-timing-function:ease-in-out, linear;
animation-iteration-count:infinite, infinite;
animation-direction:alternate, normal;
}
@keyframes mushroomFloat{
0%{translate:0 0}
20%{translate:80px -120px}
40%{translate:-140px 90px}
60%{translate:160px 140px}
80%{translate:-120px -100px}
100%{translate:90px 60px}
}
@keyframes mushroomSpin{
0%{rotate:0deg}
11%{rotate:47deg}
23%{rotate:126deg}
37%{rotate:205deg}
52%{rotate:298deg}
68%{rotate:401deg}
83%{rotate:529deg}
100%{rotate:720deg}
}
body.page-gallery .mushroom-1{right:12%;top:8%;animation-duration:31s, 17s;animation-delay:-1s, -2s;animation-direction:alternate, normal;}
body.page-gallery .mushroom-2{right:18%;top:12%;animation-duration:32s, 18s;animation-delay:-2s, -4s;animation-direction:alternate, reverse;}
body.page-gallery .mushroom-3{right:8%;top:18%;animation-duration:33s, 19s;animation-delay:-3s, -6s;animation-direction:alternate, normal;}
body.page-gallery .mushroom-4{right:16%;top:22%;animation-duration:34s, 20s;animation-delay:-4s, -8s;animation-direction:alternate, reverse;}
body.page-gallery .mushroom-5{right:24%;top:16%;animation-duration:35s, 21s;animation-delay:-5s, -10s;animation-direction:alternate, normal;}
body.page-gallery .mushroom-6{right:10%;top:28%;animation-duration:36s, 22s;animation-delay:-6s, -12s;animation-direction:alternate, reverse;}
body.page-gallery .mushroom-7{right:20%;top:30%;animation-duration:37s, 23s;animation-delay:-7s, -14s;animation-direction:alternate, normal;}
body.page-gallery .mushroom-8{right:28%;top:24%;animation-duration:38s, 24s;animation-delay:-8s, -16s;animation-direction:alternate, reverse;}
body.page-gallery .mushroom-9{right:6%;top:36%;animation-duration:39s, 25s;animation-delay:-9s, -18s;animation-direction:alternate, normal;}
body.page-gallery .mushroom-10{right:16%;top:40%;animation-duration:40s, 26s;animation-delay:-10s, -20s;animation-direction:alternate, reverse;}
body.page-gallery .mushroom-11{right:26%;top:36%;animation-duration:41s, 27s;animation-delay:-11s, -22s;animation-direction:alternate, normal;}
body.page-gallery .mushroom-12{right:34%;top:30%;animation-duration:42s, 28s;animation-delay:-12s, -24s;animation-direction:alternate, reverse;}
@media(max-width:900px){
body.page-gallery .flying-mushroom{
width:11.25mm;
}


}
body.page-gallery .gallery-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
body.page-gallery .gallery-item{
position:relative;
aspect-ratio:1/1;
border-radius:28px;
overflow:hidden;
background:
linear-gradient(135deg,rgba(255,43,214,.22),rgba(0,245,255,.18)),
rgba(255,255,255,.08);
border:2px solid rgba(255,255,255,.22);
box-shadow:10px 10px 0 rgba(255,43,214,.12);
}
body.page-gallery .gallery-item img, body.page-gallery .gallery-item video{
width:100%;
height:100%;
object-fit:cover;
display:block;
filter:saturate(1.15) contrast(1.05);

}
body.page-gallery .gallery-item video{
background:#05020d;
cursor:pointer;
}
body.page-gallery .gallery-video-badge{
position:absolute;
top:14px;
right:14px;
z-index:2;
padding:7px 11px;
border-radius:999px;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
font-size:.78rem;
font-weight:1000;
text-transform:uppercase;
letter-spacing:.04em;
box-shadow:0 0 18px rgba(0,245,255,.35);
pointer-events:none;
}
body.page-gallery .gallery-media-note{
display:block;
margin-top:10px;
font-size:.78rem;
color:var(--cyan);
text-transform:none;
letter-spacing:0;
}
body.page-gallery .gallery-placeholder{
position:absolute;
inset:0;
display:grid;
place-items:center;
text-align:center;
padding:22px;
color:var(--muted);
font-weight:900;
text-transform:uppercase;
letter-spacing:.04em;
}
@media(max-width:900px){
body.page-gallery .gallery-grid{
grid-template-columns:1fr;
}


}
body.page-gallery .gallery-overlay{
position:fixed;
inset:0;
z-index:100000;
display:none;
overflow-y:auto;
min-height:100vh;
padding:120px 30px 60px;
background:
radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem),
url("../synaptic-hero.webp") center center / cover no-repeat fixed;
filter:saturate(1.12) contrast(1.05);
}
body.page-gallery .gallery-overlay.active{
display:block;
animation:galleryFade .35s ease;
}
@keyframes galleryFade{
from{opacity:0}
to{opacity:1}
}
body.page-gallery .gallery-close{
position:fixed;
top:28px;
right:28px;
width:58px;
height:58px;
border:none;
border-radius:50%;
cursor:pointer;
font-size:2rem;
font-weight:900;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
box-shadow:0 0 24px rgba(0,245,255,.35);
z-index:100001;
}
body.page-gallery .gallery-inner{
max-width:1280px;
margin:auto;
}
body.page-gallery .gallery-events{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-bottom:28px;
}
body.page-gallery .gallery-event-btn{
border:2px solid rgba(255,255,255,.28);
background:rgba(255,43,214,.18);
color:white;
border-radius:999px;
padding:12px 18px;
font-weight:950;
text-transform:uppercase;
cursor:pointer;
transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
body.page-gallery .gallery-event-btn:hover, body.page-gallery .gallery-event-btn.active{
background:linear-gradient(135deg,var(--lime),var(--cyan));
color:#15051f;
box-shadow:0 0 24px rgba(0,245,255,.35);
transform:translateY(-2px);
}
body.page-gallery .gallery-album{
display:none;
}
body.page-gallery .gallery-album.active{
display:block;
}
body.page-gallery .gallery-nav{
position:sticky;
top:0;
z-index:100002;
margin-bottom:40px;
}
body.page-gallery .gallery-nav-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 28px;
border-radius:28px;
background:rgba(8,4,20,.72);
backdrop-filter:blur(18px);
border:2px solid rgba(255,255,255,.18);
box-shadow:0 0 24px rgba(0,245,255,.12);
}
body.page-gallery .gallery-nav-inner > a{
font-weight:1000;
letter-spacing:.04em;
text-transform:uppercase;
color:var(--lime);
text-shadow:3px 3px 0 var(--pink),-2px -2px 0 var(--cyan);
}
body.page-gallery .gallery-nav-links{
display:flex;
gap:18px;
font-weight:900;
color:var(--muted);
}
body.page-gallery .gallery-nav-links a:hover{
color:var(--cyan);
text-shadow:0 0 12px var(--cyan);
}
body.page-gallery .soundcloud-btn{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.08);
border:2px solid rgba(255,255,255,.18);
color:#ff7700;
transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
box-shadow:0 0 14px rgba(255,119,0,.18);
}
body.page-gallery .soundcloud-btn img{
width:34px;
height:34px;
object-fit:cover;
display:block;
border-radius:50%;
}
body.page-gallery .soundcloud-btn:hover{
transform:translateY(-2px) scale(1.08);
background:rgba(255,119,0,.14);
box-shadow:
0 0 18px rgba(255,119,0,.45),
0 0 28px rgba(255,119,0,.28);
}
body.page-gallery .youtube-btn{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.08);
border:2px solid rgba(255,255,255,.18);
transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
box-shadow:0 0 14px rgba(255,0,0,.18);
}
body.page-gallery .youtube-btn img{
width:34px;
height:34px;
object-fit:cover;
display:block;
border-radius:50%;
}
body.page-gallery .youtube-btn:hover{
transform:translateY(-2px) scale(1.08);
background:rgba(255,0,0,.14);
box-shadow:
0 0 18px rgba(255,0,0,.45),
0 0 28px rgba(255,0,0,.28);
}
body.page-gallery .facebook-btn{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.08);
border:2px solid rgba(255,255,255,.18);
transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
box-shadow:0 0 14px rgba(24,119,242,.18);
}
body.page-gallery .facebook-btn img{
width:34px;
height:34px;
object-fit:cover;
display:block;
border-radius:50%;
}
body.page-gallery .facebook-btn:hover{
transform:translateY(-2px) scale(1.08);
background:rgba(24,119,242,.14);
box-shadow:
0 0 18px rgba(24,119,242,.45),
0 0 28px rgba(24,119,242,.28);
}
body.page-gallery .gallery-item img{
cursor:zoom-in;
transition:transform .35s ease, filter .35s ease;
}
body.page-gallery .gallery-item:hover img{
transform:scale(1.08);
filter:saturate(1.28) contrast(1.12) brightness(1.08);
}
body.page-gallery .gallery-item:hover{
box-shadow:
0 0 28px rgba(0,245,255,.34),
12px 12px 0 rgba(255,43,214,.18);
}
body.page-gallery .image-zoom-overlay{
position:fixed;
inset:0;
z-index:200000;
display:none;
align-items:center;
justify-content:center;
padding:32px;
background:rgba(8,4,20,.88);
backdrop-filter:blur(14px);
}
body.page-gallery .image-zoom-overlay.active{
display:flex;
animation:galleryFade .25s ease;
}
body.page-gallery .image-zoom-overlay img{
max-width:min(96vw,1400px);
max-height:88vh;
object-fit:contain;
border-radius:28px;
border:3px solid rgba(255,255,255,.28);
box-shadow:
0 0 34px rgba(0,245,255,.35),
18px 18px 0 rgba(255,43,214,.18);
}
body.page-gallery .image-zoom-close{
position:fixed;
top:28px;
right:28px;
width:58px;
height:58px;
border:none;
border-radius:50%;
cursor:pointer;
font-size:2rem;
font-weight:900;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
box-shadow:0 0 24px rgba(0,245,255,.35);
z-index:200001;
}
body.page-gallery .image-zoom-nav{
position:fixed;
top:50%;
transform:translateY(-50%);
width:68px;
height:68px;
border:none;
border-radius:50%;
cursor:pointer;
font-size:3rem;
font-weight:900;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
box-shadow:0 0 28px rgba(0,245,255,.45);
z-index:200002;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
}
body.page-gallery .image-zoom-nav:hover{
transform:translateY(-50%) scale(1.08);
box-shadow:0 0 36px rgba(0,245,255,.65);
}
body.page-gallery .image-zoom-prev{
left:28px;
}
body.page-gallery .image-zoom-next{
right:28px;
}
@media(max-width:900px){
body.page-gallery .image-zoom-nav{
position:fixed;
top:50%;
transform:translateY(-50%);
width:68px;
height:68px;
border:none;
border-radius:50%;
cursor:pointer;
font-size:3rem;
font-weight:900;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
box-shadow:0 0 28px rgba(0,245,255,.45);
z-index:200002;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
}
body.page-gallery .image-zoom-nav:hover{
transform:translateY(-50%) scale(1.08);
box-shadow:0 0 36px rgba(0,245,255,.65);
}
body.page-gallery .image-zoom-prev{
left:28px;
}
body.page-gallery .image-zoom-next{
right:28px;
}


}
body.page-gallery .visual-card{
min-height:620px;
border-radius:42px;
border:3px solid rgba(255,255,255,.36);
background:
linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
rgba(8,4,20,.22);
box-shadow:
0 0 38px rgba(0,245,255,.24),
0 0 70px rgba(255,43,214,.18),
var(--shadow),
14px 14px 0 rgba(0,245,255,.16);
backdrop-filter:blur(3px);
display:grid;
place-items:end center;
padding:30px;
overflow:hidden;
position:relative;
}
body.page-gallery .visual-card:before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg,rgba(8,4,20,.08),rgba(8,4,20,.22) 54%,rgba(8,4,20,.62) 100%);
z-index:1;
pointer-events:none;
}
body.page-gallery .visual-portrait{
position:absolute;
z-index:0;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center 35%;
filter:saturate(1.22) contrast(1.08);
}
body.page-gallery .visual-label{
position:relative;
z-index:2;
width:min(760px,92%);
max-width:none;
padding:30px 38px;
border-radius:30px;
background:rgba(8,4,20,.72);
border:3px solid rgba(255,255,255,.32);
box-shadow:
0 0 28px rgba(0,245,255,.20),
12px 12px 0 rgba(255,43,214,.18);
backdrop-filter:blur(14px);
}
body.page-gallery .visual-label h2{
color:var(--lime);
font-size:clamp(2.1rem,5vw,4.4rem);
line-height:.95;
letter-spacing:-.05em;
text-transform:lowercase;
text-shadow:
5px 5px 0 var(--pink),
-3px -2px 0 var(--cyan),
0 0 34px rgba(182,255,0,.38);
margin-bottom:18px;
}
body.page-gallery .visual-label p{
color:#f3e6ff;
font-size:clamp(1.15rem,2.3vw,1.75rem);
font-weight:900;
line-height:1.45;
}
@media(max-width:900px){
body.page-gallery .visual-card{
min-height:520px;
border-radius:30px;
padding:18px;
}
body.page-gallery .visual-portrait{
object-position:center top;
}
body.page-gallery .visual-label{
width:96%;
padding:22px 24px;
border-radius:24px;
}
body.page-gallery .visual-label h2{
font-size:clamp(2rem,9vw,3.3rem);
}
body.page-gallery .visual-label p{
font-size:1.08rem;
}


}
body.page-gallery .visual-card{
background:
linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
rgba(8,4,20,.22) !important;
}
body.page-gallery .visual-card:before{
background:
linear-gradient(180deg,rgba(8,4,20,.04),rgba(8,4,20,.10) 48%,rgba(8,4,20,.42) 100%) !important;
z-index:1 !important;
}
body.page-gallery .visual-portrait{
display:block !important;
opacity:1 !important;
z-index:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 28% !important;
filter:saturate(1.18) contrast(1.08) brightness(.92) !important;
}
body.page-gallery .visual-label{
width:min(640px,86%) !important;
padding:24px 30px !important;
}
body.page-gallery .visual-label h2{
font-size:clamp(1rem,2vw,1.8rem) !important;
line-height:1.02 !important;
letter-spacing:-.04em !important;
margin-bottom:14px !important;
}
body.page-gallery .visual-label p{
font-size:clamp(.72rem,1.1vw,.95rem) !important;
line-height:1.45 !important;
}
@media(max-width:900px){
body.page-gallery .visual-label{
width:90% !important;
padding:20px 22px !important;
}
body.page-gallery .visual-label h2{
font-size:clamp(1.55rem,7vw,2.5rem) !important;
}
body.page-gallery .visual-label p{
font-size:1rem !important;
}


}
body.page-gallery .visual-card{
position:relative !important;
background:
linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
rgba(8,4,20,.22) !important;
}
body.page-gallery .visual-portrait{
position:absolute !important;
inset:0 !important;
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 28% !important;
opacity:1 !important;
visibility:visible !important;
z-index:0 !important;
filter:saturate(1.18) contrast(1.08) brightness(.92) !important;
}
body.page-gallery .visual-card:before{
z-index:1 !important;
}
body.page-gallery .visual-label{
z-index:2 !important;
}
body.page-gallery .visual-card{
position:relative !important;
overflow:hidden !important;
}
body.page-gallery .visual-card:after{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
border-radius:42px;
border:3px solid rgba(255,255,255,.36);
box-shadow:
0 0 38px rgba(0,245,255,.24),
0 0 70px rgba(255,43,214,.18),
14px 14px 0 rgba(0,245,255,.16);
}
body.page-gallery .freekymoon-portrait-behind{
position:absolute !important;
right:-1% !important;
bottom:-2% !important;
height:102% !important;
width:auto !important;
z-index:0 !important;
opacity:.757 !important;
display:block !important;
visibility:visible !important;
pointer-events:none !important;
filter:drop-shadow(0 0 26px rgba(0,245,255,.38));
}
body.page-gallery .visual-label{
position:relative !important;
z-index:3 !important;
background:rgba(8,4,20,.64) !important;
}
@media(max-width:900px){
body.page-gallery .freekymoon-portrait-behind{
right:-2% !important;
bottom:0 !important;
height:82% !important;
opacity:.82 !important;
}


}
@supports (-webkit-touch-callout: none){
html, body.page-gallery{
    min-height:100%;
    overflow-x:hidden;
  }
body.page-gallery:before, body.page-gallery:after{
    position:absolute !important;
    background-attachment:scroll !important;
    transform:none !important;
    will-change:auto !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }
body.page-gallery header{
    position:relative !important;
    top:auto !important;
    transform:none !important;
    will-change:auto !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
body.page-gallery .mushroom-layer{
    position:absolute !important;
    z-index:5 !important;
    transform:none !important;
    will-change:auto !important;
  }
body.page-gallery .flying-mushroom{
    animation:none !important;
    transform:none !important;
    will-change:auto !important;
  }
body.page-gallery .visual-card{
    overflow:hidden !important;
    border-radius:42px !important;
    transform:none !important;
    will-change:auto !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
    -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
  }
body.page-gallery .visual-card:before, body.page-gallery .visual-card:after, body.page-gallery .freekymoon-portrait-behind, body.page-gallery .visual-label{
    transform:none !important;
    will-change:auto !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }


}
@supports (-webkit-hyphens:none){
*, *::before, *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
html{
    scroll-behavior:auto !important;
  }
body.page-gallery{
    overflow-x:hidden !important;
  }
body.page-gallery::before{
    position:fixed !important;
    inset:0 !important;
    min-height:100vh !important;
    transform:none !important;
    filter:none !important;
    background-attachment:scroll !important;
  }
body.page-gallery::after{
    position:fixed !important;
    inset:0 !important;
    min-height:100vh !important;
    transform:none !important;
    filter:none !important;
    background-attachment:scroll !important;
  }
body.page-gallery header, body.page-gallery nav, body.page-gallery .visual-card, body.page-gallery .visual-label, body.page-gallery .section-shell, body.page-gallery .panel, body.page-gallery .contact-box, body.page-gallery .gallery-overlay, body.page-gallery .mushroom-layer, body.page-gallery .flying-mushroom{
    transform:none !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    will-change:auto !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
  }
body.page-gallery .mushroom-layer{
    display:none !important;
  }
body.page-gallery .visual-card{
    overflow:hidden !important;
    border-radius:42px !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
    -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
  }
body.page-gallery .freekymoon-portrait-behind{
    filter:none !important;
  }


}
body.page-gallery .synaptic-logo-floating{
position:fixed;
top:75px; 
left:18px;
z-index:100001;
pointer-events:auto;
animation:synapticLogoFloat 6s ease-in-out infinite;
}
body.page-gallery .synaptic-logo-floating img{
width:220px;
height:auto;
display:block;
background:transparent;
filter:drop-shadow(0 0 18px rgba(0,245,255,.28));
}
@keyframes synapticLogoFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-6px);}
}
@media(max-width:900px){
body.page-gallery .synaptic-logo-floating img{
width:140px;
}


}
body.page-gallery{
  min-height:100vh !important;
  overflow-x:hidden !important;
  background:var(--dark) !important;
}
body.page-gallery .gallery-overlay, body.page-gallery .gallery-overlay.active{
  display:block !important;
  position:relative !important;
  inset:auto !important;
  z-index:1 !important;
  min-height:100vh !important;
  width:100% !important;
  overflow:visible !important;
  padding:120px 30px 60px !important;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
    radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem),
    url("../synaptic-hero.webp") center center / cover no-repeat fixed !important;
  filter:none !important;
}
body.page-gallery .gallery-close-link{
  position:fixed;
  top:28px;
  right:28px;
  width:58px;
  height:58px;
  border:none;
  border-radius:50%;
  cursor:pointer;
  font-size:2rem;
  font-weight:900;
  background:linear-gradient(135deg,var(--pink),var(--cyan));
  color:white;
  box-shadow:0 0 24px rgba(0,245,255,.35);
  z-index:100001;
  display:flex;
  align-items:center;
  justify-content:center;
}
@supports (-webkit-hyphens:none){
body.page-gallery .gallery-overlay, body.page-gallery .gallery-overlay.active{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    background:
      radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
      radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem),
      url("../synaptic-hero.webp") center center / cover no-repeat scroll !important;
    filter:none !important;
    transform:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }


}
body.page-gallery{
  --ink:#f6f2ff !important;
  --muted:#a99fbd !important;
  --pink:#e04cff !important;
  --cyan:#64eaff !important;
  --violet:#9b5cff !important;
  --dark:#050711 !important;
  --glass:rgba(8,10,24,.76) !important;
  --border:rgba(255,255,255,.12) !important;
  --shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
html, body.page-gallery{background:#050711 !important}
body.page-gallery{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:var(--ink) !important;
  line-height:1.65 !important;
}
body.page-gallery:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-4 !important;
  background:
    linear-gradient(180deg,rgba(5,7,17,.72),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  filter:saturate(.9) contrast(.96) brightness(.42) !important;
  transform:none !important;
}
body.page-gallery:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 78% 12%,rgba(224,76,255,.16),transparent 28rem),
    radial-gradient(circle at 20% 22%,rgba(100,234,255,.08),transparent 30rem),
    linear-gradient(180deg,transparent,rgba(5,7,17,.84)) !important;
}
body.page-gallery .container{width:min(1200px,calc(100% - 48px)) !important}
body.page-gallery .site-header{
  position:sticky !important;
  top:max(28px, env(safe-area-inset-top)) !important;
  z-index:9999 !important;
  background:#050711 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 8px 36px rgba(0,0,0,.28) !important;
}
body.page-gallery .main-nav{
  height:86px !important;
  display:grid !important;
  grid-template-columns:320px 1fr 330px !important;
  align-items:center !important;
  gap:26px !important;
  padding:0 !important;
}
body.page-gallery .brand{display:flex !important;align-items:center !important;gap:18px !important;color:#f6f2ff !important;text-decoration:none !important}
body.page-gallery .brand-mark{
  width:62px !important;height:62px !important;border-radius:50% !important;
  border:2px solid rgba(155,92,255,.72) !important;
  display:grid !important;place-items:center !important;color:#b887ff !important;
  font-size:1.7rem !important;line-height:1 !important;box-shadow:0 0 24px rgba(155,92,255,.16) !important;
}
body.page-gallery .brand-text{display:block !important;font-size:1.45rem !important;line-height:.98 !important;letter-spacing:.22em !important;font-weight:700 !important}
body.page-gallery .nav-links{
  display:flex !important;justify-content:center !important;align-items:center !important;
  gap:48px !important;color:rgba(246,242,255,.78) !important;font-size:1.25rem !important;font-weight:600 !important;
}
body.page-gallery .nav-links a{color:inherit !important;text-decoration:none !important;padding:30px 0 !important;position:relative !important;text-shadow:none !important}
body.page-gallery .nav-links a:hover{color:#fff !important}
body.page-gallery .nav-links a:hover:after, body.page-gallery .nav-links a.active:after{
  content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:2px !important;
  background:linear-gradient(90deg,#9b5cff,#e04cff) !important;
}
body.page-gallery .socials{display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:34px !important}
body.page-gallery .socials a{display:flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:38px !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
body.page-gallery .socials img{width:34px !important;height:34px !important;display:block !important;filter:invert(1) !important;opacity:.754 !important}
body.page-gallery .socials a:hover img{opacity:1 !important;transform:scale(1.08) !important}
body.page-gallery .gallery-nav, body.page-gallery .gallery-nav-inner, body.page-gallery .gallery-nav-links{display:none !important}
body.page-gallery .hero{min-height:420px !important;padding:76px 0 54px !important;display:grid !important;grid-template-columns:1fr !important}
body.page-gallery .hero-copy{
  max-width:760px !important;padding:34px !important;border-radius:6px !important;
  background:linear-gradient(90deg,rgba(5,7,17,.90),rgba(5,7,17,.52)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(18px) !important;
}
body.page-gallery .badge{padding:0 !important;border:0 !important;background:transparent !important;color:#d17bff !important;box-shadow:none !important;font-size:.82rem !important;letter-spacing:.19em !important;font-weight:700 !important;margin-bottom:22px !important}
body.page-gallery .badge span{display:none !important}
body.page-gallery h1{
  font-size:clamp(3rem,6vw,6.1rem) !important;line-height:1.04 !important;letter-spacing:.22em !important;
  font-weight:300 !important;text-shadow:none !important;color:#fff !important;margin-bottom:22px !important;
}
body.page-gallery .acid{color:transparent !important;background:linear-gradient(90deg,#9b5cff,#64eaff);-webkit-background-clip:text;background-clip:text;text-shadow:none !important}
body.page-gallery .lead, body.page-gallery .section-text{color:rgba(246,242,255,.74) !important;font-size:1rem !important;line-height:1.7 !important}
body.page-gallery section{padding:56px 0 !important}
body.page-gallery .section-shell{
  padding:30px !important;border-radius:6px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
}
body.page-gallery .section-title{
  color:#fff !important;text-shadow:none !important;font-size:clamp(1.7rem,4vw,3.4rem) !important;
  line-height:1 !important;letter-spacing:.18em !important;font-weight:300 !important;margin-bottom:22px !important;
}
body.page-gallery .section-title:after{
  content:"";display:block;width:86px;height:1px;margin-top:18px;background:linear-gradient(90deg,#9b5cff,#e04cff);
}
body.page-gallery .gallery-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
body.page-gallery .gallery-item{
  border-radius:6px !important;overflow:hidden !important;border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;box-shadow:none !important;
}
body.page-gallery .gallery-item img, body.page-gallery .gallery-item video{filter:saturate(.98) contrast(1.02) brightness(.94) !important;transition:transform .28s ease,filter .28s ease !important}
body.page-gallery .gallery-item:hover{border-color:rgba(100,234,255,.35) !important;box-shadow:0 16px 48px rgba(0,0,0,.38),0 0 24px rgba(100,234,255,.12) !important}
body.page-gallery .gallery-item:hover img, body.page-gallery .gallery-item:hover video{transform:scale(1.035) !important;filter:saturate(1.05) contrast(1.04) brightness(1.04) !important}
body.page-gallery .gallery-video-badge{background:rgba(5,7,17,.78) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:none !important;font-size:.64rem !important}
body.page-gallery .gallery-overlay{
  background:
    linear-gradient(180deg,rgba(5,7,17,.92),rgba(5,7,17,.985)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  filter:none !important;
  padding:110px 30px 60px !important;
}
body.page-gallery .gallery-overlay:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 78% 12%,rgba(224,76,255,.13),transparent 28rem),
    radial-gradient(circle at 20% 22%,rgba(100,234,255,.06),transparent 30rem);
}
body.page-gallery .gallery-overlay .section-shell, body.page-gallery .gallery-inner > .section-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.12) !important;border-radius:6px !important;backdrop-filter:blur(18px) !important;
}
body.page-gallery .gallery-events{gap:12px !important}
body.page-gallery .gallery-event-btn{
  border-radius:5px !important;background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.14) !important;
  color:rgba(246,242,255,.78) !important;box-shadow:none !important;padding:11px 17px !important;font-size:.78rem !important;letter-spacing:.08em !important;
}
body.page-gallery .gallery-event-btn:hover, body.page-gallery .gallery-event-btn.active{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important;box-shadow:0 12px 34px rgba(155,92,255,.22) !important}
body.page-gallery .gallery-video-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
body.page-gallery .gallery-close{top:24px !important;right:30px !important;width:58px !important;height:58px !important;background:linear-gradient(135deg,#9b5cff,#64eaff) !important;color:#fff !important;box-shadow:0 14px 34px rgba(155,92,255,.24) !important}
body.page-gallery .image-zoom-overlay{background:rgba(5,7,17,.92) !important}
body.page-gallery .image-zoom-close, body.page-gallery .image-zoom-nav{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;box-shadow:0 14px 34px rgba(155,92,255,.24) !important}
body.page-gallery footer{border-top:1px solid rgba(255,255,255,.10) !important;background:rgba(5,7,17,.96) !important;padding:28px 0 !important;color:rgba(246,242,255,.50) !important;font-size:.84rem !important}
@media(max-width:1100px){
body.page-gallery .main-nav{height:auto !important;grid-template-columns:1fr !important;padding:18px 0 !important}
body.page-gallery .nav-links{flex-wrap:wrap !important;gap:22px !important;font-size:1rem !important}
body.page-gallery .socials{justify-content:center !important;gap:24px !important}
body.page-gallery .brand{justify-content:center !important}


}
@media(max-width:900px){
body.page-gallery .gallery-grid{grid-template-columns:1fr !important}
body.page-gallery .container{width:min(100% - 28px,1200px) !important}
body.page-gallery .hero{min-height:auto !important;padding:48px 0 34px !important}
body.page-gallery h1{font-size:clamp(2.45rem,12vw,4.3rem) !important;letter-spacing:.12em !important}
body.page-gallery .section-shell{padding:22px !important}
body.page-gallery .gallery-overlay{padding:92px 18px 42px !important}


}
body.page-gallery .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  display:block !important;
}
body.page-gallery .brand-mark{display:none !important;}



/* ===== gallery.php / block 2 ===== */

body.page-gallery{
  --bg:#050711 !important;
  --panel:#0a0d19 !important;
  --ink:#f6f2ff !important;
  --muted:#a99fbd !important;
  --line:rgba(255,255,255,.12) !important;
  --violet:#9b5cff !important;
  --pink:#e04cff !important;
  --cyan:#64eaff !important;
  --shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
html, body.page-gallery{background:#050711 !important}
body.page-gallery{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:var(--ink) !important;
  line-height:1.6 !important;
}
body.page-gallery:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-4 !important;
  background:linear-gradient(180deg,#050711,#070b16) !important;
  filter:none !important;
  transform:none !important;
}
body.page-gallery:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 70% 30%,rgba(224,76,255,.18),transparent 22rem),
    radial-gradient(circle at 78% 48%,rgba(100,234,255,.12),transparent 28rem),
    linear-gradient(180deg,transparent 0%,rgba(5,7,17,.70) 70%,#050711 100%) !important;
}
body.page-gallery .container{width:min(1200px,calc(100% - 48px)) !important;margin:0 auto !important}
body.page-gallery .site-header{
  position:sticky !important;
  top:max(28px, env(safe-area-inset-top)) !important;
  z-index:50000 !important;
  background:rgba(5,7,17,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 36px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-gallery .main-nav{
  height:70px !important;
  display:grid !important;
  grid-template-columns:260px 1fr 260px !important;
  align-items:center !important;
  gap:28px !important;
  padding:0 !important;
}
body.page-gallery .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:230px !important;
  color:#f6f2ff !important;
  text-decoration:none !important;
}
body.page-gallery .brand-mark{
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(155,92,255,.55) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:#9b5cff !important;
  font-size:1.55rem !important;
  line-height:1 !important;
  box-shadow:0 0 26px rgba(155,92,255,.18) !important;
}
body.page-gallery .brand-text{
  display:block !important;
  font-size:1.05rem !important;
  line-height:1.05 !important;
  letter-spacing:.26em !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
}
body.page-gallery .nav-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:34px !important;
  color:rgba(246,242,255,.84) !important;
  font-size:.96rem !important;
  font-weight:400 !important;
}
body.page-gallery .nav-links a{
  color:inherit !important;
  position:relative !important;
  padding:24px 0 !important;
  text-shadow:none !important;
  text-decoration:none !important;
}
body.page-gallery .nav-links a:hover, body.page-gallery .nav-links a.active{color:#fff !important}
body.page-gallery .nav-links a:hover:after, body.page-gallery .nav-links a.active:after{
  content:"" !important;
  position:absolute !important;
  left:-8px !important;
  right:-8px !important;
  bottom:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,#9b5cff,#e04cff) !important;
}
body.page-gallery .socials{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:26px !important;
}
body.page-gallery .socials a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.page-gallery .socials img{
  width:28px !important;
  height:28px !important;
  display:block !important;
  filter:invert(1) !important;
  opacity:.755 !important;
}
body.page-gallery .socials a:hover img{opacity:1 !important;transform:scale(1.08) !important}
body.page-gallery .floating-logo, body.page-gallery .synaptic-logo-floating, body.page-gallery .mushroom-layer, body.page-gallery .gallery-logo{display:none !important}
body.page-gallery .hero, body.page-gallery .music-hero{
  min-height:420px !important;
  padding:76px 0 54px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
}
body.page-gallery .hero-copy{
  max-width:760px !important;
  padding:34px !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,rgba(5,7,17,.90),rgba(5,7,17,.52)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-gallery .badge{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#d17bff !important;
  box-shadow:none !important;
  font-size:.82rem !important;
  letter-spacing:.19em !important;
  font-weight:700 !important;
  margin-bottom:22px !important;
}
body.page-gallery .badge span{display:none !important}
body.page-gallery h1{
  font-size:clamp(3rem,6vw,6.1rem) !important;
  line-height:1.04 !important;
  letter-spacing:.22em !important;
  font-weight:300 !important;
  text-shadow:none !important;
  color:#fff !important;
  margin-bottom:22px !important;
}
body.page-gallery .acid{
  color:transparent !important;
  background:linear-gradient(90deg,#9b5cff,#64eaff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:none !important;
}
body.page-gallery .lead, body.page-gallery .section-text{color:rgba(246,242,255,.74) !important;font-size:1rem !important;line-height:1.7 !important}
body.page-gallery section{padding:56px 0 !important}
body.page-gallery .section-shell{
  padding:30px !important;
  border-radius:6px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-gallery .section-title{
  color:#fff !important;
  text-shadow:none !important;
  font-size:clamp(1.7rem,4vw,3.4rem) !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  font-weight:300 !important;
  margin-bottom:22px !important;
}
body.page-gallery .section-title:after{
  content:"";
  display:block;
  width:86px;
  height:1px;
  margin-top:18px;
  background:linear-gradient(90deg,#9b5cff,#e04cff);
}
body.page-gallery .btn{
  min-height:44px !important;
  padding:11px 22px !important;
  border-radius:5px !important;
  border:1px solid rgba(155,92,255,.70) !important;
  color:#d9b8ff !important;
  background:rgba(5,7,17,.45) !important;
  box-shadow:none !important;
  font-size:.78rem !important;
  letter-spacing:.16em !important;
  font-weight:700 !important;
}
body.page-gallery .btn:hover{transform:translateY(-2px) !important;border-color:#64eaff !important;color:#fff !important}
body.page-gallery .btn-primary{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 14px 36px rgba(155,92,255,.28) !important}
body.page-gallery .btn-secondary{background:rgba(255,255,255,.045) !important;color:#fff !important}
body.page-gallery footer{
  border-top:1px solid rgba(255,255,255,.10) !important;
  background:rgba(5,7,17,.96) !important;
  padding:28px 0 !important;
  color:rgba(246,242,255,.50) !important;
  font-size:.84rem !important;
}
body.page-gallery .gallery-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
body.page-gallery .gallery-item{
  border-radius:6px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-gallery .gallery-item img, body.page-gallery .gallery-item video{
  filter:saturate(.98) contrast(1.02) brightness(.94) !important;
  transition:transform .28s ease,filter .28s ease !important;
}
body.page-gallery .gallery-item:hover{border-color:rgba(100,234,255,.35) !important;box-shadow:0 16px 48px rgba(0,0,0,.38),0 0 24px rgba(100,234,255,.12) !important}
body.page-gallery .gallery-item:hover img, body.page-gallery .gallery-item:hover video{transform:scale(1.035) !important;filter:saturate(1.05) contrast(1.04) brightness(1.04) !important}
body.page-gallery .gallery-video-badge{background:rgba(5,7,17,.78) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:none !important;font-size:.64rem !important}
body.page-gallery .gallery-overlay{
  background:
    linear-gradient(180deg,rgba(5,7,17,.94),rgba(5,7,17,.985)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  background-color:#050711 !important;
  filter:none !important;
  -webkit-filter:none !important;
  padding:112px 30px 60px !important;
  z-index:100000 !important;
}
body.page-gallery .gallery-overlay .gallery-nav, body.page-gallery .gallery-overlay .gallery-nav-inner, body.page-gallery .gallery-overlay .gallery-nav-links, body.page-gallery .gallery-nav, body.page-gallery .gallery-nav-inner, body.page-gallery .gallery-nav-links{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-gallery .gallery-overlay .section-shell, body.page-gallery .gallery-inner > .section-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:6px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-gallery .gallery-event-btn{
  border-radius:5px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:rgba(246,242,255,.78) !important;
  box-shadow:none !important;
}
body.page-gallery .gallery-event-btn:hover, body.page-gallery .gallery-event-btn.active{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important}
body.page-gallery .gallery-close{
  top:24px !important;
  right:30px !important;
  width:58px !important;
  height:58px !important;
  background:linear-gradient(135deg,#9b5cff,#64eaff) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(155,92,255,.24) !important;
}
body.page-gallery .music-track-card, body.page-gallery .panel, body.page-gallery .video-card{
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-gallery .soundcloud-player{
  border-radius:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#070a14 !important;
}
@media(max-width:1100px){
body.page-gallery .main-nav{height:auto !important;grid-template-columns:1fr !important;padding:18px 0 !important}
body.page-gallery .nav-links{flex-wrap:wrap !important;gap:22px !important;font-size:1rem !important}
body.page-gallery .socials{justify-content:center !important;gap:24px !important}
body.page-gallery .brand{justify-content:center !important}


}
@media(max-width:900px){
body.page-gallery .container{width:min(100% - 28px,1200px) !important}
body.page-gallery .gallery-grid{grid-template-columns:1fr !important}
body.page-gallery h1{font-size:clamp(2.45rem,12vw,4.3rem) !important;letter-spacing:.12em !important}
body.page-gallery .section-shell{padding:22px !important}
body.page-gallery .gallery-overlay{padding:92px 18px 42px !important}


}




/* ===== music.php / block 1 ===== */

body.page-music{--ink:#fff7ff;--muted:#d9c7ff;--pink:#ff2bd6;--cyan:#00f5ff;--lime:#b6ff00;--dark:#080414;--glass:rgba(8,4,20,.58);--border:rgba(255,255,255,.24);--shadow:0 30px 90px rgba(0,0,0,.6)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.page-music{min-height:100vh;font-family:"Trebuchet MS",Inter,system-ui,sans-serif;color:var(--ink);background:var(--dark);line-height:1.6;overflow-x:hidden}
body.page-music:before{content:"";position:fixed;inset:0;z-index:-3;background:url("../synaptic-hero.webp") center/cover no-repeat;filter:saturate(1.12) contrast(1.05);transform:scale(1.02)}
body.page-music:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem)}
body.page-music a{color:inherit;text-decoration:none}
body.page-music .container{width:min(1180px,calc(100% - 36px));margin:0 auto}
body.page-music header{position:relative;top:auto;z-index:20;background:rgba(8,4,20,.96);border-bottom:2px solid rgba(255,43,214,.28);backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;will-change:auto;}
body.page-music nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
body.page-music .logo{font-weight:1000;letter-spacing:.04em;text-transform:uppercase;color:var(--lime);text-shadow:3px 3px 0 var(--pink),-2px -2px 0 var(--cyan)}
body.page-music .nav-links{display:flex;gap:18px;color:var(--muted);font-weight:800}
body.page-music .nav-links a:hover{color:var(--lime)}
body.page-music .hero{min-height:88vh;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:86px 0 70px}
body.page-music .hero-copy{padding:34px;border-radius:34px;background:linear-gradient(145deg,rgba(8,4,20,.74),rgba(8,4,20,.42));border:2px solid var(--border);box-shadow:var(--shadow),12px 12px 0 rgba(255,43,214,.18);backdrop-filter:blur(12px)}
body.page-music .badge{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;border:2px solid var(--cyan);background:rgba(0,245,255,.10);color:var(--cyan);font-weight:950;text-transform:uppercase;box-shadow:0 0 32px rgba(0,245,255,.28);margin-bottom:22px}
body.page-music .badge span{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px var(--lime)}
body.page-music h1{font-size:clamp(3.4rem,9vw,8.4rem);line-height:.82;letter-spacing:-.08em;text-transform:uppercase;margin-bottom:28px;text-shadow:6px 6px 0 rgba(255,43,214,.8),-4px -3px 0 rgba(0,245,255,.58)}
body.page-music .acid{color:var(--lime);text-shadow:6px 6px 0 var(--pink),-4px -3px 0 var(--cyan),0 0 42px rgba(182,255,0,.42)}
body.page-music .lead{max-width:700px;color:#f3e6ff;font-size:1.18rem;margin-bottom:32px}
body.page-music .buttons{display:flex;flex-wrap:wrap;gap:14px}
body.page-music .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:18px;border:2px solid rgba(255,255,255,.32);font-weight:950;text-transform:uppercase;transition:.2s}
body.page-music .btn:hover{transform:translateY(-3px) rotate(-1deg)}
body.page-music .btn-primary{background:linear-gradient(135deg,var(--lime),var(--cyan));color:#15051f;box-shadow:0 0 34px rgba(182,255,0,.30)}
body.page-music .btn-secondary{background:rgba(255,43,214,.16);border-color:var(--pink);color:white}
body.page-music .visual-card{min-height:520px;border-radius:42px;border:3px solid rgba(255,255,255,.26);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(8,4,20,.22);box-shadow:var(--shadow),14px 14px 0 rgba(0,245,255,.16);backdrop-filter:blur(3px);display:grid;place-items:end start;padding:30px;overflow:hidden;position:relative}
body.page-music .visual-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,transparent 0,rgba(8,4,20,.10) 30%,rgba(8,4,20,.72) 100%)}
body.page-music .visual-label{position:relative;max-width:360px;padding:22px;border-radius:26px;background:rgba(8,4,20,.72);border:2px solid rgba(255,255,255,.24);box-shadow:10px 10px 0 rgba(255,43,214,.18)}
body.page-music .visual-label h2{color:var(--lime);font-size:2rem;line-height:.95;text-transform:uppercase;text-shadow:3px 3px 0 var(--pink);margin-bottom:10px}
body.page-music .visual-label p{color:var(--muted)}
body.page-music section{padding:74px 0}
body.page-music .section-shell{padding:30px;border-radius:34px;background:var(--glass);border:2px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
body.page-music .section-title{font-size:clamp(2.1rem,5vw,4.4rem);line-height:.92;letter-spacing:-.06em;text-transform:uppercase;color:var(--cyan);text-shadow:4px 4px 0 var(--pink);margin-bottom:18px}
body.page-music .section-text{max-width:850px;color:#ead6ff;font-size:1.08rem;margin-bottom:28px}
body.page-music .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.page-music .panel{min-height:180px;padding:24px;border-radius:26px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.20);box-shadow:10px 10px 0 rgba(0,245,255,.10)}
body.page-music .panel:nth-child(2){box-shadow:10px 10px 0 rgba(182,255,0,.12)}
body.page-music .panel:nth-child(3){box-shadow:10px 10px 0 rgba(255,43,214,.12)}
body.page-music .panel h3{color:var(--lime);font-size:1.35rem;margin-bottom:10px;text-transform:uppercase}
body.page-music .panel h3 a{
color:var(--lime);
transition:color .2s ease,text-shadow .2s ease;
}
body.page-music .panel h3 a:hover{
color:var(--cyan);
text-shadow:0 0 12px var(--cyan);
}
body.page-music .panel p{color:#dec7f7}
body.page-music .contact-box{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px;border-radius:34px;border:3px solid var(--pink);background:rgba(255,43,214,.14);box-shadow:12px 12px 0 rgba(0,245,255,.16);backdrop-filter:blur(14px)}
body.page-music footer{padding:42px 0;text-align:center;color:var(--muted)}
@media(max-width:900px){
body.page-music:before{background-attachment:scroll}
body.page-music .hero, body.page-music .grid{grid-template-columns:1fr}
body.page-music .nav-links{display:none}
body.page-music .visual-card{min-height:380px}
body.page-music .contact-box{flex-direction:column;align-items:flex-start}

}
body.page-music .mushroom-layer{
position:fixed;
inset:0;
z-index:99998;
pointer-events:none;
overflow:hidden;
}
body.page-music .flying-mushroom{
position:absolute;
width:11.25mm;
height:auto;
opacity:.752;
filter:
drop-shadow(0 0 6px rgba(0,245,255,.55))
drop-shadow(0 0 8px rgba(255,43,214,.42));
animation-name:mushroomFloat, mushroomSpin;
animation-timing-function:ease-in-out, linear;
animation-iteration-count:infinite, infinite;
animation-direction:alternate, normal;
}
@keyframes mushroomFloat{
0%{translate:0 0}
20%{translate:80px -120px}
40%{translate:-140px 90px}
60%{translate:160px 140px}
80%{translate:-120px -100px}
100%{translate:90px 60px}
}
@keyframes mushroomSpin{
0%{rotate:0deg}
11%{rotate:47deg}
23%{rotate:126deg}
37%{rotate:205deg}
52%{rotate:298deg}
68%{rotate:401deg}
83%{rotate:529deg}
100%{rotate:720deg}
}
body.page-music .mushroom-1{right:12%;top:8%;animation-duration:31s, 17s;animation-delay:-1s, -2s;animation-direction:alternate, normal;}
body.page-music .mushroom-2{right:18%;top:12%;animation-duration:32s, 18s;animation-delay:-2s, -4s;animation-direction:alternate, reverse;}
body.page-music .mushroom-3{right:8%;top:18%;animation-duration:33s, 19s;animation-delay:-3s, -6s;animation-direction:alternate, normal;}
body.page-music .mushroom-4{right:16%;top:22%;animation-duration:34s, 20s;animation-delay:-4s, -8s;animation-direction:alternate, reverse;}
body.page-music .mushroom-5{right:24%;top:16%;animation-duration:35s, 21s;animation-delay:-5s, -10s;animation-direction:alternate, normal;}
body.page-music .mushroom-6{right:10%;top:28%;animation-duration:36s, 22s;animation-delay:-6s, -12s;animation-direction:alternate, reverse;}
body.page-music .mushroom-7{right:20%;top:30%;animation-duration:37s, 23s;animation-delay:-7s, -14s;animation-direction:alternate, normal;}
body.page-music .mushroom-8{right:28%;top:24%;animation-duration:38s, 24s;animation-delay:-8s, -16s;animation-direction:alternate, reverse;}
body.page-music .mushroom-9{right:6%;top:36%;animation-duration:39s, 25s;animation-delay:-9s, -18s;animation-direction:alternate, normal;}
body.page-music .mushroom-10{right:16%;top:40%;animation-duration:40s, 26s;animation-delay:-10s, -20s;animation-direction:alternate, reverse;}
body.page-music .mushroom-11{right:26%;top:36%;animation-duration:41s, 27s;animation-delay:-11s, -22s;animation-direction:alternate, normal;}
body.page-music .mushroom-12{right:34%;top:30%;animation-duration:42s, 28s;animation-delay:-12s, -24s;animation-direction:alternate, reverse;}
@media(max-width:900px){
body.page-music .flying-mushroom{
width:11.25mm;
}


}
body.page-music .gallery-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
body.page-music .gallery-item{
position:relative;
aspect-ratio:1/1;
border-radius:28px;
overflow:hidden;
background:
linear-gradient(135deg,rgba(255,43,214,.22),rgba(0,245,255,.18)),
rgba(255,255,255,.08);
border:2px solid rgba(255,255,255,.22);
box-shadow:10px 10px 0 rgba(255,43,214,.12);
}
body.page-music .gallery-item img, body.page-music .gallery-item video{
width:100%;
height:100%;
object-fit:cover;
display:block;
filter:saturate(1.15) contrast(1.05);

}
body.page-music .gallery-item video{
background:#05020d;
cursor:pointer;
}
body.page-music .gallery-video-badge{
position:absolute;
top:14px;
right:14px;
z-index:2;
padding:7px 11px;
border-radius:999px;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
font-size:.78rem;
font-weight:1000;
text-transform:uppercase;
letter-spacing:.04em;
box-shadow:0 0 18px rgba(0,245,255,.35);
pointer-events:none;
}
body.page-music .gallery-media-note{
display:block;
margin-top:10px;
font-size:.78rem;
color:var(--cyan);
text-transform:none;
letter-spacing:0;
}
body.page-music .gallery-placeholder{
position:absolute;
inset:0;
display:grid;
place-items:center;
text-align:center;
padding:22px;
color:var(--muted);
font-weight:900;
text-transform:uppercase;
letter-spacing:.04em;
}
@media(max-width:900px){
body.page-music .gallery-grid{
grid-template-columns:1fr;
}


}
body.page-music .gallery-overlay{
position:fixed;
inset:0;
z-index:100000;
display:none;
overflow-y:auto;
min-height:100vh;
padding:19px 30px 60px;
background:
radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem),
url("../synaptic-hero.webp") center center / cover no-repeat fixed;
filter:saturate(1.12) contrast(1.05);
}
body.page-music .gallery-overlay.active{
display:block;
animation:galleryFade .35s ease;
}
@keyframes galleryFade{
from{opacity:0}
to{opacity:1}
}
body.page-music .gallery-close{
position:fixed;
top:107px;
right:47px;
width:58px;
height:58px;
border:none;
border-radius:50%;
cursor:pointer;
font-size:2rem;
font-weight:900;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
box-shadow:0 0 24px rgba(0,245,255,.35);
z-index:100001;
}
body.page-music .gallery-inner{
max-width:1280px;
margin:auto;
}
body.page-music .gallery-events{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-bottom:28px;
}
body.page-music .gallery-event-btn{
border:2px solid rgba(255,255,255,.28);
background:rgba(255,43,214,.18);
color:white;
border-radius:999px;
padding:12px 18px;
font-weight:950;
text-transform:uppercase;
cursor:pointer;
transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
body.page-music .gallery-event-btn:hover, body.page-music .gallery-event-btn.active{
background:linear-gradient(135deg,var(--lime),var(--cyan));
color:#15051f;
box-shadow:0 0 24px rgba(0,245,255,.35);
transform:translateY(-2px);
}
body.page-music .gallery-album{
display:none;
}
body.page-music .gallery-album.active{
display:block;
}
body.page-music .gallery-nav{
position:sticky;
top:0;
z-index:100002;
margin-bottom:40px;
}
body.page-music .gallery-nav-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 28px;
border-radius:28px;
background:rgba(8,4,20,.72);
backdrop-filter:blur(18px);
border:2px solid rgba(255,255,255,.18);
box-shadow:0 0 24px rgba(0,245,255,.12);
}
body.page-music .gallery-nav-inner > a{
font-weight:1000;
letter-spacing:.04em;
text-transform:uppercase;
color:var(--lime);
text-shadow:3px 3px 0 var(--pink),-2px -2px 0 var(--cyan);
}
body.page-music .gallery-nav-links{
display:flex;
gap:18px;
font-weight:900;
color:var(--muted);
}
body.page-music .gallery-nav-links a:hover{
color:var(--cyan);
text-shadow:0 0 12px var(--cyan);
}
body.page-music .soundcloud-btn{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.08);
border:2px solid rgba(255,255,255,.18);
color:#ff7700;
transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
box-shadow:0 0 14px rgba(255,119,0,.18);
}
body.page-music .soundcloud-btn img{
width:34px;
height:34px;
object-fit:cover;
display:block;
border-radius:50%;
}
body.page-music .soundcloud-btn:hover{
transform:translateY(-2px) scale(1.08);
background:rgba(255,119,0,.14);
box-shadow:
0 0 18px rgba(255,119,0,.45),
0 0 28px rgba(255,119,0,.28);
}
body.page-music .youtube-btn{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.08);
border:2px solid rgba(255,255,255,.18);
transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
box-shadow:0 0 14px rgba(255,0,0,.18);
}
body.page-music .youtube-btn img{
width:34px;
height:34px;
object-fit:cover;
display:block;
border-radius:50%;
}
body.page-music .youtube-btn:hover{
transform:translateY(-2px) scale(1.08);
background:rgba(255,0,0,.14);
box-shadow:
0 0 18px rgba(255,0,0,.45),
0 0 28px rgba(255,0,0,.28);
}
body.page-music .facebook-btn{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.08);
border:2px solid rgba(255,255,255,.18);
transition:
transform .2s ease,
box-shadow .2s ease,
background .2s ease;
box-shadow:0 0 14px rgba(24,119,242,.18);
}
body.page-music .facebook-btn img{
width:34px;
height:34px;
object-fit:cover;
display:block;
border-radius:50%;
}
body.page-music .facebook-btn:hover{
transform:translateY(-2px) scale(1.08);
background:rgba(24,119,242,.14);
box-shadow:
0 0 18px rgba(24,119,242,.45),
0 0 28px rgba(24,119,242,.28);
}
body.page-music .gallery-item img{
cursor:zoom-in;
transition:transform .35s ease, filter .35s ease;
}
body.page-music .gallery-item:hover img{
transform:scale(1.08);
filter:saturate(1.28) contrast(1.12) brightness(1.08);
}
body.page-music .gallery-item:hover{
box-shadow:
0 0 28px rgba(0,245,255,.34),
12px 12px 0 rgba(255,43,214,.18);
}
body.page-music .image-zoom-overlay{
position:fixed;
inset:0;
z-index:200000;
display:none;
align-items:center;
justify-content:center;
padding:32px;
background:rgba(8,4,20,.88);
backdrop-filter:blur(14px);
}
body.page-music .image-zoom-overlay.active{
display:flex;
animation:galleryFade .25s ease;
}
body.page-music .image-zoom-overlay img{
max-width:min(96vw,1400px);
max-height:88vh;
object-fit:contain;
border-radius:28px;
border:3px solid rgba(255,255,255,.28);
box-shadow:
0 0 34px rgba(0,245,255,.35),
18px 18px 0 rgba(255,43,214,.18);
}
body.page-music .image-zoom-close{
position:fixed;
top:28px;
right:28px;
width:58px;
height:58px;
border:none;
border-radius:50%;
cursor:pointer;
font-size:2rem;
font-weight:900;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
box-shadow:0 0 24px rgba(0,245,255,.35);
z-index:200001;
}
body.page-music .image-zoom-nav{
position:fixed;
top:50%;
transform:translateY(-50%);
width:68px;
height:68px;
border:none;
border-radius:50%;
cursor:pointer;
font-size:3rem;
font-weight:900;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
box-shadow:0 0 28px rgba(0,245,255,.45);
z-index:200002;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
}
body.page-music .image-zoom-nav:hover{
transform:translateY(-50%) scale(1.08);
box-shadow:0 0 36px rgba(0,245,255,.65);
}
body.page-music .image-zoom-prev{
left:28px;
}
body.page-music .image-zoom-next{
right:28px;
}
@media(max-width:900px){
body.page-music .image-zoom-nav{
position:fixed;
top:50%;
transform:translateY(-50%);
width:68px;
height:68px;
border:none;
border-radius:50%;
cursor:pointer;
font-size:3rem;
font-weight:900;
background:linear-gradient(135deg,var(--pink),var(--cyan));
color:white;
box-shadow:0 0 28px rgba(0,245,255,.45);
z-index:200002;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
}
body.page-music .image-zoom-nav:hover{
transform:translateY(-50%) scale(1.08);
box-shadow:0 0 36px rgba(0,245,255,.65);
}
body.page-music .image-zoom-prev{
left:28px;
}
body.page-music .image-zoom-next{
right:28px;
}


}
body.page-music .visual-card{
min-height:620px;
border-radius:42px;
border:3px solid rgba(255,255,255,.36);
background:
linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
rgba(8,4,20,.22);
box-shadow:
0 0 38px rgba(0,245,255,.24),
0 0 70px rgba(255,43,214,.18),
var(--shadow),
14px 14px 0 rgba(0,245,255,.16);
backdrop-filter:blur(3px);
display:grid;
place-items:end center;
padding:30px;
overflow:hidden;
position:relative;
}
body.page-music .visual-card:before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(180deg,rgba(8,4,20,.08),rgba(8,4,20,.22) 54%,rgba(8,4,20,.62) 100%);
z-index:1;
pointer-events:none;
}
body.page-music .visual-portrait{
position:absolute;
z-index:0;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center 35%;
filter:saturate(1.22) contrast(1.08);
}
body.page-music .visual-label{
position:relative;
z-index:2;
width:min(760px,92%);
max-width:none;
padding:30px 38px;
border-radius:30px;
background:rgba(8,4,20,.72);
border:3px solid rgba(255,255,255,.32);
box-shadow:
0 0 28px rgba(0,245,255,.20),
12px 12px 0 rgba(255,43,214,.18);
backdrop-filter:blur(14px);
}
body.page-music .visual-label h2{
color:var(--lime);
font-size:clamp(2.1rem,5vw,4.4rem);
line-height:.95;
letter-spacing:-.05em;
text-transform:lowercase;
text-shadow:
5px 5px 0 var(--pink),
-3px -2px 0 var(--cyan),
0 0 34px rgba(182,255,0,.38);
margin-bottom:18px;
}
body.page-music .visual-label p{
color:#f3e6ff;
font-size:clamp(1.15rem,2.3vw,1.75rem);
font-weight:900;
line-height:1.45;
}
@media(max-width:900px){
body.page-music .visual-card{
min-height:520px;
border-radius:30px;
padding:18px;
}
body.page-music .visual-portrait{
object-position:center top;
}
body.page-music .visual-label{
width:96%;
padding:22px 24px;
border-radius:24px;
}
body.page-music .visual-label h2{
font-size:clamp(2rem,9vw,3.3rem);
}
body.page-music .visual-label p{
font-size:1.08rem;
}


}
body.page-music .visual-card{
background:
linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
rgba(8,4,20,.22) !important;
}
body.page-music .visual-card:before{
background:
linear-gradient(180deg,rgba(8,4,20,.04),rgba(8,4,20,.10) 48%,rgba(8,4,20,.42) 100%) !important;
z-index:1 !important;
}
body.page-music .visual-portrait{
display:block !important;
opacity:1 !important;
z-index:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 28% !important;
filter:saturate(1.18) contrast(1.08) brightness(.92) !important;
}
body.page-music .visual-label{
width:min(640px,86%) !important;
padding:24px 30px !important;
}
body.page-music .visual-label h2{
font-size:clamp(1rem,2vw,1.8rem) !important;
line-height:1.02 !important;
letter-spacing:-.04em !important;
margin-bottom:14px !important;
}
body.page-music .visual-label p{
font-size:clamp(.72rem,1.1vw,.95rem) !important;
line-height:1.45 !important;
}
@media(max-width:900px){
body.page-music .visual-label{
width:90% !important;
padding:20px 22px !important;
}
body.page-music .visual-label h2{
font-size:clamp(1.55rem,7vw,2.5rem) !important;
}
body.page-music .visual-label p{
font-size:1rem !important;
}


}
body.page-music .visual-card{
position:relative !important;
background:
linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
rgba(8,4,20,.22) !important;
}
body.page-music .visual-portrait{
position:absolute !important;
inset:0 !important;
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 28% !important;
opacity:1 !important;
visibility:visible !important;
z-index:0 !important;
filter:saturate(1.18) contrast(1.08) brightness(.92) !important;
}
body.page-music .visual-card:before{
z-index:1 !important;
}
body.page-music .visual-label{
z-index:2 !important;
}
body.page-music .visual-card{
position:relative !important;
overflow:hidden !important;
}
body.page-music .visual-card:after{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
border-radius:42px;
border:3px solid rgba(255,255,255,.36);
box-shadow:
0 0 38px rgba(0,245,255,.24),
0 0 70px rgba(255,43,214,.18),
14px 14px 0 rgba(0,245,255,.16);
}
body.page-music .freekymoon-portrait-behind{
position:absolute !important;
right:-1% !important;
bottom:-2% !important;
height:102% !important;
width:auto !important;
z-index:0 !important;
opacity:.757 !important;
display:block !important;
visibility:visible !important;
pointer-events:none !important;
filter:drop-shadow(0 0 26px rgba(0,245,255,.38));
}
body.page-music .visual-label{
position:relative !important;
z-index:3 !important;
background:rgba(8,4,20,.64) !important;
}
@media(max-width:900px){
body.page-music .freekymoon-portrait-behind{
right:-2% !important;
bottom:0 !important;
height:82% !important;
opacity:.82 !important;
}


}
@supports (-webkit-touch-callout: none){
html, body.page-music{
    min-height:100%;
    overflow-x:hidden;
  }
body.page-music:before, body.page-music:after{
    position:absolute !important;
    background-attachment:scroll !important;
    transform:none !important;
    will-change:auto !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }
body.page-music header{
    position:relative !important;
    top:auto !important;
    transform:none !important;
    will-change:auto !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
body.page-music .mushroom-layer{
    position:absolute !important;
    z-index:5 !important;
    transform:none !important;
    will-change:auto !important;
  }
body.page-music .flying-mushroom{
    animation:none !important;
    transform:none !important;
    will-change:auto !important;
  }
body.page-music .visual-card{
    overflow:hidden !important;
    border-radius:42px !important;
    transform:none !important;
    will-change:auto !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
    -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
  }
body.page-music .visual-card:before, body.page-music .visual-card:after, body.page-music .freekymoon-portrait-behind, body.page-music .visual-label{
    transform:none !important;
    will-change:auto !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
  }


}
@supports (-webkit-hyphens:none){
*, *::before, *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
html{
    scroll-behavior:auto !important;
  }
body.page-music{
    overflow-x:hidden !important;
  }
body.page-music::before{
    position:fixed !important;
    inset:0 !important;
    min-height:100vh !important;
    transform:none !important;
    filter:none !important;
    background-attachment:scroll !important;
  }
body.page-music::after{
    position:fixed !important;
    inset:0 !important;
    min-height:100vh !important;
    transform:none !important;
    filter:none !important;
    background-attachment:scroll !important;
  }
body.page-music header, body.page-music nav, body.page-music .visual-card, body.page-music .visual-label, body.page-music .section-shell, body.page-music .panel, body.page-music .contact-box, body.page-music .gallery-overlay, body.page-music .mushroom-layer, body.page-music .flying-mushroom{
    transform:none !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    will-change:auto !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
  }
body.page-music .mushroom-layer{
    display:none !important;
  }
body.page-music .visual-card{
    overflow:hidden !important;
    border-radius:42px !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
    -webkit-mask-image:-webkit-radial-gradient(white, black) !important;
  }
body.page-music .freekymoon-portrait-behind{
    filter:none !important;
  }


}
body.page-music .synaptic-logo-floating{
position:fixed;
top:75px; 
left:18px;
z-index:100001;
pointer-events:auto;
animation:synapticLogoFloat 6s ease-in-out infinite;
}
body.page-music .synaptic-logo-floating img{
width:220px;
height:auto;
display:block;
background:transparent;
filter:drop-shadow(0 0 18px rgba(0,245,255,.28));
}
@keyframes synapticLogoFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-6px);}
}
@media(max-width:900px){
body.page-music .synaptic-logo-floating img{
width:140px;
}


}
body.page-music html.gallery-open, body.page-music.gallery-open{
  overflow:hidden !important;
}
body.page-music.gallery-open > header, body.page-music.gallery-open > main, body.page-music.gallery-open > footer, body.page-music.gallery-open > .mushroom-layer, body.page-music.gallery-open > .synaptic-logo-floating{
  visibility:hidden !important;
  pointer-events:none !important;
}
body.page-music.gallery-open::before, body.page-music.gallery-open::after{
  opacity:0 !important;
}
body.page-music .gallery-overlay{
  background-color:var(--dark) !important;
  isolation:isolate;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
body.page-music .gallery-overlay.active{
  display:block !important;
}
@supports (-webkit-hyphens:none){
body.page-music .gallery-overlay{
    background-color:#080414 !important;
    background-attachment:scroll !important;
    filter:none !important;
    -webkit-filter:none !important;
  }


}
body.page-music.gallery-open::before, body.page-music.gallery-open::after{
  opacity:1 !important;
}
body.page-music .gallery-overlay{
  background:
    radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
    radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem),
    url("../synaptic-hero.webp") center center / cover no-repeat fixed !important;
  background-color:transparent !important;
  filter:saturate(1.12) contrast(1.05) !important;
  -webkit-filter:saturate(1.12) contrast(1.05) !important;
}
@supports (-webkit-hyphens:none){
body.page-music .gallery-overlay{
    background:
      radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
      radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem),
      url("../synaptic-hero.webp") center center / cover no-repeat scroll !important;
    background-color:transparent !important;
    filter:none !important;
    -webkit-filter:none !important;
  }


}
body.page-music .music-hero{min-height:62vh;display:grid;grid-template-columns:1fr;align-items:center;padding:96px 0 54px}
body.page-music .music-hero .hero-copy{max-width:980px}
body.page-music .music-layout{display:grid;grid-template-columns:1fr;gap:24px}
body.page-music .music-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
body.page-music .music-track-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}
body.page-music .music-track-card{padding:20px;border-radius:26px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.20);box-shadow:10px 10px 0 rgba(0,245,255,.10)}
body.page-music .music-track-card h3{color:var(--lime);font-size:1.15rem;margin-bottom:6px;text-transform:uppercase}
body.page-music .music-track-card p{color:#dec7f7;margin-bottom:14px}
body.page-music .soundcloud-player{border-radius:18px;overflow:hidden;background:#05020d;border:2px solid rgba(255,255,255,.18);box-shadow:0 0 24px rgba(255,119,0,.16)}
body.page-music .soundcloud-player.large{height:450px}
body.page-music .soundcloud-player.compact{height:166px}
body.page-music .music-note{margin-top:18px;color:var(--muted);font-size:.95rem}
body.page-music .back-home{margin-top:18px}
@media(max-width:900px){
body.page-music .music-split, body.page-music .music-track-grid{grid-template-columns:1fr}
body.page-music .soundcloud-player.large{height:380px}

}
body.page-music{
  --ink:#f6f2ff !important;
  --muted:#a99fbd !important;
  --pink:#e04cff !important;
  --cyan:#64eaff !important;
  --lime:#b8ff4a !important;
  --violet:#9b5cff !important;
  --dark:#050711 !important;
  --glass:rgba(8,10,24,.72) !important;
  --border:rgba(255,255,255,.12) !important;
  --shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
body.page-music{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  background:#050711 !important;
  color:var(--ink) !important;
  font-size:16px !important;
}
body.page-music:before{
  background:
    linear-gradient(180deg,rgba(5,7,17,.74),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  filter:saturate(.9) contrast(.96) brightness(.48) !important;
  transform:none !important;
}
body.page-music:after{
  background:
    radial-gradient(circle at 72% 14%,rgba(224,76,255,.13),transparent 28rem),
    radial-gradient(circle at 20% 18%,rgba(100,234,255,.08),transparent 28rem),
    linear-gradient(180deg,transparent,rgba(5,7,17,.72)) !important;
}
body.page-music .container{width:min(1200px,calc(100% - 48px)) !important}
body.page-music header{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  background:rgba(5,7,17,.88) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  box-shadow:0 8px 40px rgba(0,0,0,.28) !important;
}
body.page-music nav{height:70px !important;padding:0 !important}
body.page-music .logo{
  color:#fff !important;
  font-size:.96rem !important;
  letter-spacing:.22em !important;
  font-weight:500 !important;
  text-shadow:none !important;
}
body.page-music .nav-links{
  gap:34px !important;
  color:rgba(246,242,255,.84) !important;
  font-size:.96rem !important;
  font-weight:400 !important;
}
body.page-music .nav-links a{position:relative;padding:24px 0 !important}
body.page-music .nav-links a:hover{color:#fff !important;text-shadow:none !important}
body.page-music .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-music .soundcloud-btn, body.page-music .youtube-btn, body.page-music .facebook-btn{
  width:34px !important;
  height:34px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.page-music .soundcloud-btn img, body.page-music .youtube-btn img, body.page-music .facebook-btn img{
  width:28px !important;
  height:28px !important;
  filter:invert(1) !important;
  opacity:.755 !important;
}
body.page-music .soundcloud-btn span{font-size:1.35rem !important;color:#fff !important}
body.page-music .synaptic-logo-floating, body.page-music .floating-logo{
  display:none !important;
}
body.page-music .music-hero, body.page-music .hero{
  min-height:430px !important;
  padding:72px 0 44px !important;
}
body.page-music .hero-copy{
  max-width:720px !important;
  padding:32px !important;
  border-radius:4px !important;
  background:linear-gradient(90deg,rgba(5,7,17,.88),rgba(5,7,17,.50)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(18px) !important;
}
body.page-music .badge{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#d17bff !important;
  box-shadow:none !important;
  font-size:.82rem !important;
  letter-spacing:.19em !important;
  font-weight:700 !important;
  margin-bottom:22px !important;
}
body.page-music .badge span{display:none !important}
body.page-music h1{
  font-size:clamp(3rem,6vw,6.1rem) !important;
  line-height:1.04 !important;
  letter-spacing:.22em !important;
  font-weight:300 !important;
  text-shadow:none !important;
  color:#fff !important;
}
body.page-music .acid{
  color:transparent !important;
  background:linear-gradient(90deg,var(--violet),var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none !important;
}
body.page-music .lead, body.page-music .section-text{
  color:rgba(246,242,255,.74) !important;
  font-size:1rem !important;
  line-height:1.68 !important;
}
body.page-music .btn{
  min-height:44px !important;
  padding:11px 22px !important;
  border-radius:5px !important;
  border:1px solid rgba(155,92,255,.70) !important;
  color:#d9b8ff !important;
  background:rgba(5,7,17,.45) !important;
  box-shadow:none !important;
  font-size:.78rem !important;
  letter-spacing:.16em !important;
  font-weight:700 !important;
}
body.page-music .btn:hover{transform:translateY(-2px) !important;border-color:var(--cyan) !important;color:#fff !important}
body.page-music .btn-primary{
  background:linear-gradient(135deg,var(--violet),var(--pink)) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 14px 36px rgba(155,92,255,.28) !important;
}
body.page-music .btn-secondary{background:rgba(255,255,255,.045) !important;color:#fff !important}
body.page-music section{padding:56px 0 !important}
body.page-music .section-shell{
  padding:30px !important;
  border-radius:4px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
}
body.page-music .section-title{
  color:#fff !important;
  text-shadow:none !important;
  font-size:clamp(1.7rem,4vw,3.4rem) !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  font-weight:300 !important;
  margin-bottom:22px !important;
}
body.page-music .section-title:after{
  content:"";
  display:block;
  width:86px;
  height:1px;
  margin-top:18px;
  background:linear-gradient(90deg,var(--violet),var(--pink));
}
body.page-music .panel, body.page-music .music-track-card, body.page-music .gallery-item, body.page-music .video-card{
  border-radius:4px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-music .panel h3, body.page-music .music-track-card h3{
  color:#fff !important;
  text-shadow:none !important;
  font-size:1rem !important;
  letter-spacing:.10em !important;
}
body.page-music .panel p, body.page-music .music-track-card p{color:rgba(246,242,255,.68) !important}
body.page-music .music-track-grid{gap:14px !important}
body.page-music .music-track-card{padding:16px !important}
body.page-music .soundcloud-player{
  border-radius:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
  background:#070a14 !important;
}
body.page-music .soundcloud-player.large{height:420px !important}
body.page-music .gallery-grid{gap:16px !important}
body.page-music .gallery-item{
  border-radius:5px !important;
  overflow:hidden !important;
}
body.page-music .gallery-item:hover{
  border-color:rgba(100,234,255,.35) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.38),0 0 24px rgba(100,234,255,.12) !important;
}
body.page-music .gallery-item:hover img, body.page-music .gallery-item:hover video{
  transform:scale(1.035) !important;
  filter:saturate(1.05) contrast(1.04) brightness(1.04) !important;
}
body.page-music .gallery-video-badge{
  background:rgba(5,7,17,.78) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
  font-size:.64rem !important;
}
body.page-music .gallery-overlay, body.page-music .image-zoom-overlay{
  background:
    linear-gradient(180deg,rgba(5,7,17,.86),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
}
body.page-music .gallery-nav-inner{
  border-radius:4px !important;
  background:rgba(5,7,17,.82) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.32) !important;
}
body.page-music .gallery-event-btn{
  border-radius:5px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
body.page-music footer{
  border-top:1px solid rgba(255,255,255,.10) !important;
  background:rgba(5,7,17,.96) !important;
  padding:28px 0 !important;
  color:rgba(246,242,255,.50) !important;
  font-size:.84rem !important;
}
@media(max-width:900px){
body.page-music .container{width:min(100% - 28px,1200px) !important}
body.page-music header{position:relative !important}
body.page-music nav{height:auto !important;padding:12px 0 !important}
body.page-music .music-hero, body.page-music .hero{min-height:auto !important;padding:48px 0 34px !important}
body.page-music h1{font-size:clamp(2.45rem,12vw,4.3rem) !important;letter-spacing:.12em !important}
body.page-music .section-shell{padding:22px !important}


}
body.page-music .site-header{
  position:sticky !important;
  top:max(28px, env(safe-area-inset-top)) !important;
  z-index:9999 !important;
  background:#050711 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 8px 36px rgba(0,0,0,.28) !important;
}
body.page-music .main-nav{
  height:86px !important;
  display:grid !important;
  grid-template-columns:320px 1fr 330px !important;
  align-items:center !important;
  gap:26px !important;
  padding:0 !important;
}
body.page-music .brand{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  color:#f6f2ff !important;
  text-decoration:none !important;
}
body.page-music .brand-mark{
  width:62px !important;
  height:62px !important;
  border-radius:50% !important;
  border:2px solid rgba(155,92,255,.72) !important;
  display:grid !important;
  place-items:center !important;
  color:#b887ff !important;
  font-size:1.7rem !important;
  line-height:1 !important;
  box-shadow:0 0 24px rgba(155,92,255,.16) !important;
}
body.page-music .brand-text{
  display:block !important;
  font-size:1.45rem !important;
  line-height:.98 !important;
  letter-spacing:.22em !important;
  font-weight:700 !important;
}
body.page-music .nav-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:48px !important;
  color:rgba(246,242,255,.78) !important;
  font-size:1.25rem !important;
  font-weight:600 !important;
}
body.page-music .nav-links a{
  color:inherit !important;
  text-decoration:none !important;
  padding:30px 0 !important;
  position:relative !important;
  text-shadow:none !important;
}
body.page-music .nav-links a:hover{
  color:#fff !important;
}
body.page-music .nav-links a:hover:after, body.page-music .nav-links a.active:after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,#9b5cff,#e04cff) !important;
}
body.page-music .socials{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:34px !important;
}
body.page-music .socials a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.page-music .socials img{
  width:34px !important;
  height:34px !important;
  display:block !important;
  filter:invert(1) !important;
  opacity:.754 !important;
}
body.page-music .socials a:hover img{
  opacity:1 !important;
  transform:scale(1.08) !important;
}
@media(max-width:1100px){
body.page-music .main-nav{
    height:auto !important;
    grid-template-columns:1fr !important;
    padding:18px 0 !important;
  }
body.page-music .nav-links{
    flex-wrap:wrap !important;
    gap:22px !important;
    font-size:1rem !important;
  }
body.page-music .socials{
    justify-content:center !important;
    gap:24px !important;
  }
body.page-music .brand{
    justify-content:center !important;
  }


}
body.page-music .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  display:block !important;
}
body.page-music .brand-mark{display:none !important;}



/* ===== music.php / block 2 ===== */

body.page-music{
  --bg:#050711 !important;
  --panel:#0a0d19 !important;
  --ink:#f6f2ff !important;
  --muted:#a99fbd !important;
  --line:rgba(255,255,255,.12) !important;
  --violet:#9b5cff !important;
  --pink:#e04cff !important;
  --cyan:#64eaff !important;
  --shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
html, body.page-music{background:#050711 !important}
body.page-music{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:var(--ink) !important;
  line-height:1.6 !important;
}
body.page-music:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-4 !important;
  background:linear-gradient(180deg,#050711,#070b16) !important;
  filter:none !important;
  transform:none !important;
}
body.page-music:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 70% 30%,rgba(224,76,255,.18),transparent 22rem),
    radial-gradient(circle at 78% 48%,rgba(100,234,255,.12),transparent 28rem),
    linear-gradient(180deg,transparent 0%,rgba(5,7,17,.70) 70%,#050711 100%) !important;
}
body.page-music .container{width:min(1200px,calc(100% - 48px)) !important;margin:0 auto !important}
body.page-music .site-header{
  position:sticky !important;
  top:max(28px, env(safe-area-inset-top)) !important;
  z-index:50000 !important;
  background:rgba(5,7,17,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 36px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-music .main-nav{
  height:70px !important;
  display:grid !important;
  grid-template-columns:260px 1fr 260px !important;
  align-items:center !important;
  gap:28px !important;
  padding:0 !important;
}
body.page-music .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:230px !important;
  color:#f6f2ff !important;
  text-decoration:none !important;
}
body.page-music .brand-mark{
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(155,92,255,.55) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:#9b5cff !important;
  font-size:1.55rem !important;
  line-height:1 !important;
  box-shadow:0 0 26px rgba(155,92,255,.18) !important;
}
body.page-music .brand-text{
  display:block !important;
  font-size:1.05rem !important;
  line-height:1.05 !important;
  letter-spacing:.26em !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
}
body.page-music .nav-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:34px !important;
  color:rgba(246,242,255,.84) !important;
  font-size:.96rem !important;
  font-weight:400 !important;
}
body.page-music .nav-links a{
  color:inherit !important;
  position:relative !important;
  padding:24px 0 !important;
  text-shadow:none !important;
  text-decoration:none !important;
}
body.page-music .nav-links a:hover, body.page-music .nav-links a.active{color:#fff !important}
body.page-music .nav-links a:hover:after, body.page-music .nav-links a.active:after{
  content:"" !important;
  position:absolute !important;
  left:-8px !important;
  right:-8px !important;
  bottom:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,#9b5cff,#e04cff) !important;
}
body.page-music .socials{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:26px !important;
}
body.page-music .socials a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.page-music .socials img{
  width:28px !important;
  height:28px !important;
  display:block !important;
  filter:invert(1) !important;
  opacity:.755 !important;
}
body.page-music .socials a:hover img{opacity:1 !important;transform:scale(1.08) !important}
body.page-music .floating-logo, body.page-music .synaptic-logo-floating, body.page-music .mushroom-layer, body.page-music .gallery-logo{display:none !important}
body.page-music .hero, body.page-music .music-hero{
  min-height:420px !important;
  padding:76px 0 54px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
}
body.page-music .hero-copy{
  max-width:760px !important;
  padding:34px !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,rgba(5,7,17,.90),rgba(5,7,17,.52)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-music .badge{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#d17bff !important;
  box-shadow:none !important;
  font-size:.82rem !important;
  letter-spacing:.19em !important;
  font-weight:700 !important;
  margin-bottom:22px !important;
}
body.page-music .badge span{display:none !important}
body.page-music h1{
  font-size:clamp(3rem,6vw,6.1rem) !important;
  line-height:1.04 !important;
  letter-spacing:.22em !important;
  font-weight:300 !important;
  text-shadow:none !important;
  color:#fff !important;
  margin-bottom:22px !important;
}
body.page-music .acid{
  color:transparent !important;
  background:linear-gradient(90deg,#9b5cff,#64eaff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:none !important;
}
body.page-music .lead, body.page-music .section-text{color:rgba(246,242,255,.74) !important;font-size:1rem !important;line-height:1.7 !important}
body.page-music section{padding:56px 0 !important}
body.page-music .section-shell{
  padding:30px !important;
  border-radius:6px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-music .section-title{
  color:#fff !important;
  text-shadow:none !important;
  font-size:clamp(1.7rem,4vw,3.4rem) !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  font-weight:300 !important;
  margin-bottom:22px !important;
}
body.page-music .section-title:after{
  content:"";
  display:block;
  width:86px;
  height:1px;
  margin-top:18px;
  background:linear-gradient(90deg,#9b5cff,#e04cff);
}
body.page-music .btn{
  min-height:44px !important;
  padding:11px 22px !important;
  border-radius:5px !important;
  border:1px solid rgba(155,92,255,.70) !important;
  color:#d9b8ff !important;
  background:rgba(5,7,17,.45) !important;
  box-shadow:none !important;
  font-size:.78rem !important;
  letter-spacing:.16em !important;
  font-weight:700 !important;
}
body.page-music .btn:hover{transform:translateY(-2px) !important;border-color:#64eaff !important;color:#fff !important}
body.page-music .btn-primary{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 14px 36px rgba(155,92,255,.28) !important}
body.page-music .btn-secondary{background:rgba(255,255,255,.045) !important;color:#fff !important}
body.page-music footer{
  border-top:1px solid rgba(255,255,255,.10) !important;
  background:rgba(5,7,17,.96) !important;
  padding:28px 0 !important;
  color:rgba(246,242,255,.50) !important;
  font-size:.84rem !important;
}
body.page-music .gallery-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
body.page-music .gallery-item{
  border-radius:6px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-music .gallery-item img, body.page-music .gallery-item video{
  filter:saturate(.98) contrast(1.02) brightness(.94) !important;
  transition:transform .28s ease,filter .28s ease !important;
}
body.page-music .gallery-item:hover{border-color:rgba(100,234,255,.35) !important;box-shadow:0 16px 48px rgba(0,0,0,.38),0 0 24px rgba(100,234,255,.12) !important}
body.page-music .gallery-item:hover img, body.page-music .gallery-item:hover video{transform:scale(1.035) !important;filter:saturate(1.05) contrast(1.04) brightness(1.04) !important}
body.page-music .gallery-video-badge{background:rgba(5,7,17,.78) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:none !important;font-size:.64rem !important}
body.page-music .gallery-overlay{
  background:
    linear-gradient(180deg,rgba(5,7,17,.94),rgba(5,7,17,.985)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  background-color:#050711 !important;
  filter:none !important;
  -webkit-filter:none !important;
  padding:112px 30px 60px !important;
  z-index:100000 !important;
}
body.page-music .gallery-overlay .gallery-nav, body.page-music .gallery-overlay .gallery-nav-inner, body.page-music .gallery-overlay .gallery-nav-links, body.page-music .gallery-nav, body.page-music .gallery-nav-inner, body.page-music .gallery-nav-links{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-music .gallery-overlay .section-shell, body.page-music .gallery-inner > .section-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:6px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-music .gallery-event-btn{
  border-radius:5px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:rgba(246,242,255,.78) !important;
  box-shadow:none !important;
}
body.page-music .gallery-event-btn:hover, body.page-music .gallery-event-btn.active{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important}
body.page-music .gallery-close{
  top:24px !important;
  right:30px !important;
  width:58px !important;
  height:58px !important;
  background:linear-gradient(135deg,#9b5cff,#64eaff) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(155,92,255,.24) !important;
}
body.page-music .music-track-card, body.page-music .panel, body.page-music .video-card{
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-music .soundcloud-player{
  border-radius:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#070a14 !important;
}
@media(max-width:1100px){
body.page-music .main-nav{height:auto !important;grid-template-columns:1fr !important;padding:18px 0 !important}
body.page-music .nav-links{flex-wrap:wrap !important;gap:22px !important;font-size:1rem !important}
body.page-music .socials{justify-content:center !important;gap:24px !important}
body.page-music .brand{justify-content:center !important}


}
@media(max-width:900px){
body.page-music .container{width:min(100% - 28px,1200px) !important}
body.page-music .gallery-grid{grid-template-columns:1fr !important}
body.page-music h1{font-size:clamp(2.45rem,12vw,4.3rem) !important;letter-spacing:.12em !important}
body.page-music .section-shell{padding:22px !important}
body.page-music .gallery-overlay{padding:92px 18px 42px !important}


}




/* ===== videos.php / block 1 ===== */

body.page-videos{
--ink:#fff7ff;
--muted:#d9c7ff;
--pink:#ff2bd6;
--cyan:#00f5ff;
--lime:#b6ff00;
--dark:#080414;
--glass:rgba(8,4,20,.72);
--border:rgba(255,255,255,.24);
--shadow:0 30px 90px rgba(0,0,0,.6);
}
*{box-sizing:border-box;margin:0;padding:0}
body.page-videos{
min-height:100vh;
font-family:"Trebuchet MS",Inter,system-ui,sans-serif;
color:var(--ink);
background:var(--dark);
line-height:1.6;
}
body.page-videos:before{
content:"";
position:fixed;
inset:0;
z-index:-3;
background:url("../synaptic-hero.webp") center/cover no-repeat fixed;
filter:saturate(1.12) contrast(1.05);
transform:scale(1.02);
}
body.page-videos:after{
content:"";
position:fixed;
inset:0;
z-index:-2;
pointer-events:none;
background:
radial-gradient(circle at 20% 15%,rgba(255,43,214,.18),transparent 32rem),
radial-gradient(circle at 80% 20%,rgba(0,245,255,.14),transparent 30rem);
}
@supports (-webkit-hyphens:none){
body.page-videos:before{
    background:url("../synaptic-hero.webp") center/cover no-repeat scroll !important;
    filter:none !important;
    -webkit-filter:none !important;
    transform:none !important;
  }


}
body.page-videos .container{
width:min(1180px,calc(100% - 36px));
margin:0 auto;
padding:44px 0;
}
body.page-videos .header{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
margin:0 auto 30px auto;
padding:22px 26px;
max-width:1000px;
width:100%;
border-radius:6px;
background:var(--glass);
border:2px solid var(--border);
box-shadow:var(--shadow);
backdrop-filter:blur(14px);
}
body.page-videos h1{
font-size:clamp(2rem,5vw,4.4rem);
line-height:.95;
letter-spacing:-.06em;
text-transform:uppercase;
color:var(--cyan);
text-shadow:4px 4px 0 var(--pink);
}
body.page-videos .back{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:11px 22px;
border-radius:5px;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.045);
color:rgba(246,242,255,.78);
box-shadow:none;
font-size:.78rem;
letter-spacing:.08em;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
body.page-videos .back:hover{
background:linear-gradient(135deg,#9b5cff,#e04cff);
color:#fff;
box-shadow:0 12px 34px rgba(155,92,255,.22);
transform:translateY(-2px);
}
body.page-videos .video-list{
display:grid;
grid-template-columns:1fr;
gap:28px;
max-width:1000px;
margin:0 auto;
}
body.page-videos .video-card{
padding:22px;
border-radius:30px;
background:var(--glass);
border:2px solid var(--border);
box-shadow:var(--shadow);
backdrop-filter:blur(14px);
max-width:1000px;
margin:0 auto;
width:100%;
}
body.page-videos .video-title{
font-weight:950;
color:var(--lime);
margin-bottom:14px;
word-break:break-word;
}
body.page-videos video{
width:min(900px,100%);
max-height:60vh;
margin:0 auto;
border-radius:22px;
background:#05020d;
display:block;
}
body.page-videos .empty{
padding:26px;
border-radius:26px;
background:var(--glass);
border:2px solid var(--border);
color:var(--muted);
font-weight:900;
}
@media(max-width:900px){
body.page-videos .header{flex-direction:column;align-items:flex-start}


}
body.page-videos .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  display:block !important;
}
body.page-videos .brand-mark{display:none !important;}



/* ===== videos.php / block 2 ===== */

body.page-videos{
  --bg:#050711 !important;
  --panel:#0a0d19 !important;
  --ink:#f6f2ff !important;
  --muted:#a99fbd !important;
  --line:rgba(255,255,255,.12) !important;
  --violet:#9b5cff !important;
  --pink:#e04cff !important;
  --cyan:#64eaff !important;
  --shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
html, body.page-videos{background:#050711 !important}
body.page-videos{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:var(--ink) !important;
  line-height:1.6 !important;
}
body.page-videos:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-4 !important;
  background:linear-gradient(180deg,#050711,#070b16) !important;
  filter:none !important;
  transform:none !important;
}
body.page-videos:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 70% 30%,rgba(224,76,255,.18),transparent 22rem),
    radial-gradient(circle at 78% 48%,rgba(100,234,255,.12),transparent 28rem),
    linear-gradient(180deg,transparent 0%,rgba(5,7,17,.70) 70%,#050711 100%) !important;
}
body.page-videos .container{width:min(1200px,calc(100% - 48px)) !important;margin:0 auto !important}
body.page-videos .site-header{
  position:sticky !important;
  top:max(28px, env(safe-area-inset-top)) !important;
  z-index:50000 !important;
  background:rgba(5,7,17,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 36px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-videos .main-nav{
  height:70px !important;
  display:grid !important;
  grid-template-columns:260px 1fr 260px !important;
  align-items:center !important;
  gap:28px !important;
  padding:0 !important;
}
body.page-videos .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:230px !important;
  color:#f6f2ff !important;
  text-decoration:none !important;
}
body.page-videos .brand-mark{
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(155,92,255,.55) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:#9b5cff !important;
  font-size:1.55rem !important;
  line-height:1 !important;
  box-shadow:0 0 26px rgba(155,92,255,.18) !important;
}
body.page-videos .brand-text{
  display:block !important;
  font-size:1.05rem !important;
  line-height:1.05 !important;
  letter-spacing:.26em !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
}
body.page-videos .nav-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:34px !important;
  color:rgba(246,242,255,.84) !important;
  font-size:.96rem !important;
  font-weight:400 !important;
}
body.page-videos .nav-links a{
  color:inherit !important;
  position:relative !important;
  padding:24px 0 !important;
  text-shadow:none !important;
  text-decoration:none !important;
}
body.page-videos .nav-links a:hover, body.page-videos .nav-links a.active{color:#fff !important}
body.page-videos .nav-links a:hover:after, body.page-videos .nav-links a.active:after{
  content:"" !important;
  position:absolute !important;
  left:-8px !important;
  right:-8px !important;
  bottom:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,#9b5cff,#e04cff) !important;
}
body.page-videos .socials{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:26px !important;
}
body.page-videos .socials a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.page-videos .socials img{
  width:28px !important;
  height:28px !important;
  display:block !important;
  filter:invert(1) !important;
  opacity:.755 !important;
}
body.page-videos .socials a:hover img{opacity:1 !important;transform:scale(1.08) !important}
body.page-videos .floating-logo, body.page-videos .synaptic-logo-floating, body.page-videos .mushroom-layer, body.page-videos .gallery-logo{display:none !important}
body.page-videos .hero, body.page-videos .music-hero{
  min-height:420px !important;
  padding:76px 0 54px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
}
body.page-videos .hero-copy{
  max-width:760px !important;
  padding:34px !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,rgba(5,7,17,.90),rgba(5,7,17,.52)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.42) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-videos .badge{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#d17bff !important;
  box-shadow:none !important;
  font-size:.82rem !important;
  letter-spacing:.19em !important;
  font-weight:700 !important;
  margin-bottom:22px !important;
}
body.page-videos .badge span{display:none !important}
body.page-videos h1{
  font-size:clamp(3rem,6vw,6.1rem) !important;
  line-height:1.04 !important;
  letter-spacing:.22em !important;
  font-weight:300 !important;
  text-shadow:none !important;
  color:#fff !important;
  margin-bottom:22px !important;
}
body.page-videos .acid{
  color:transparent !important;
  background:linear-gradient(90deg,#9b5cff,#64eaff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:none !important;
}
body.page-videos .lead, body.page-videos .section-text{color:rgba(246,242,255,.74) !important;font-size:1rem !important;line-height:1.7 !important}
body.page-videos section{padding:56px 0 !important}
body.page-videos .section-shell{
  padding:30px !important;
  border-radius:6px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-videos .section-title{
  color:#fff !important;
  text-shadow:none !important;
  font-size:clamp(1.7rem,4vw,3.4rem) !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  font-weight:300 !important;
  margin-bottom:22px !important;
}
body.page-videos .section-title:after{
  content:"";
  display:block;
  width:86px;
  height:1px;
  margin-top:18px;
  background:linear-gradient(90deg,#9b5cff,#e04cff);
}
body.page-videos .btn{
  min-height:44px !important;
  padding:11px 22px !important;
  border-radius:5px !important;
  border:1px solid rgba(155,92,255,.70) !important;
  color:#d9b8ff !important;
  background:rgba(5,7,17,.45) !important;
  box-shadow:none !important;
  font-size:.78rem !important;
  letter-spacing:.16em !important;
  font-weight:700 !important;
}
body.page-videos .btn:hover{transform:translateY(-2px) !important;border-color:#64eaff !important;color:#fff !important}
body.page-videos .btn-primary{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 14px 36px rgba(155,92,255,.28) !important}
body.page-videos .btn-secondary{background:rgba(255,255,255,.045) !important;color:#fff !important}
body.page-videos footer{
  border-top:1px solid rgba(255,255,255,.10) !important;
  background:rgba(5,7,17,.96) !important;
  padding:28px 0 !important;
  color:rgba(246,242,255,.50) !important;
  font-size:.84rem !important;
}
body.page-videos .gallery-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important}
body.page-videos .gallery-item{
  border-radius:6px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-videos .gallery-item img, body.page-videos .gallery-item video{
  filter:saturate(.98) contrast(1.02) brightness(.94) !important;
  transition:transform .28s ease,filter .28s ease !important;
}
body.page-videos .gallery-item:hover{border-color:rgba(100,234,255,.35) !important;box-shadow:0 16px 48px rgba(0,0,0,.38),0 0 24px rgba(100,234,255,.12) !important}
body.page-videos .gallery-item:hover img, body.page-videos .gallery-item:hover video{transform:scale(1.035) !important;filter:saturate(1.05) contrast(1.04) brightness(1.04) !important}
body.page-videos .gallery-video-badge{background:rgba(5,7,17,.78) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:none !important;font-size:.64rem !important}
body.page-videos .gallery-overlay{
  background:
    linear-gradient(180deg,rgba(5,7,17,.94),rgba(5,7,17,.985)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  background-color:#050711 !important;
  filter:none !important;
  -webkit-filter:none !important;
  padding:112px 30px 60px !important;
  z-index:100000 !important;
}
body.page-videos .gallery-overlay .gallery-nav, body.page-videos .gallery-overlay .gallery-nav-inner, body.page-videos .gallery-overlay .gallery-nav-links, body.page-videos .gallery-nav, body.page-videos .gallery-nav-inner, body.page-videos .gallery-nav-links{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-videos .gallery-overlay .section-shell, body.page-videos .gallery-inner > .section-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:6px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
body.page-videos .gallery-event-btn{
  border-radius:5px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:rgba(246,242,255,.78) !important;
  box-shadow:none !important;
}
body.page-videos .gallery-event-btn:hover, body.page-videos .gallery-event-btn.active{background:linear-gradient(135deg,#9b5cff,#e04cff) !important;color:#fff !important}
body.page-videos .gallery-close{
  top:24px !important;
  right:30px !important;
  width:58px !important;
  height:58px !important;
  background:linear-gradient(135deg,#9b5cff,#64eaff) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(155,92,255,.24) !important;
}
body.page-videos .music-track-card, body.page-videos .panel, body.page-videos .video-card{
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
}
body.page-videos .soundcloud-player{
  border-radius:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#070a14 !important;
}
@media(max-width:1100px){
body.page-videos .main-nav{height:auto !important;grid-template-columns:1fr !important;padding:18px 0 !important}
body.page-videos .nav-links{flex-wrap:wrap !important;gap:22px !important;font-size:1rem !important}
body.page-videos .socials{justify-content:center !important;gap:24px !important}
body.page-videos .brand{justify-content:center !important}


}
@media(max-width:900px){
body.page-videos .container{width:min(100% - 28px,1200px) !important}
body.page-videos .gallery-grid{grid-template-columns:1fr !important}
body.page-videos h1{font-size:clamp(2.45rem,12vw,4.3rem) !important;letter-spacing:.12em !important}
body.page-videos .section-shell{padding:22px !important}
body.page-videos .gallery-overlay{padding:92px 18px 42px !important}


}




/* ===== videos.php / block 3 ===== */

body.page-videos .header h1, body.page-videos h1{
  font-size:clamp(1.35rem,3.2vw,2.35rem) !important;
  line-height:1.12 !important;
  letter-spacing:.10em !important;
  color:#f6f2ff !important;
  text-shadow:none !important;
  font-weight:300 !important;
}
body.page-videos .back{
  min-height:44px !important;
  padding:11px 22px !important;
  border-radius:5px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.045) !important;
  color:rgba(246,242,255,.78) !important;
  box-shadow:none !important;
  font-size:.78rem !important;
  letter-spacing:.08em !important;
  font-weight:700 !important;
  text-decoration:none !important;
  cursor:pointer !important;
  transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
body.page-videos .back:hover{
  background:linear-gradient(135deg,#9b5cff,#e04cff) !important;
  color:#fff !important;
  box-shadow:0 12px 34px rgba(155,92,255,.22) !important;
  transform:translateY(-2px) !important;
}
body.page-videos .video-title{
  color:#9b5cff !important;
  text-shadow:none !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
}


/* ===== Synaptic Impact Welcome Hero Animation v3 - visible motion ===== */
body.page-index .hero{
  isolation:isolate;
}

body.page-index .synaptic-live-fx{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  mix-blend-mode:screen;
}

body.page-index .si-gap-glow,
body.page-index .si-formula-pulse,
body.page-index .si-crystal,
body.page-index .si-energy{
  position:absolute;
  display:block;
  pointer-events:none;
  will-change:transform, opacity, filter;
}

/* Synaptic gap: intentionally visible, breathing/pumping */
body.page-index .si-gap-glow{
  left:58%;
  top:48%;
  width:34vw;
  max-width:620px;
  min-width:360px;
  aspect-ratio:1.25/1;
  transform:translate(-50%,-50%) scale(.92);
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.72) 0 4%, rgba(255,60,232,.68) 11%, rgba(155,92,255,.44) 27%, rgba(0,214,255,.18) 42%, transparent 67%);
  filter:blur(22px) saturate(1.8);
  opacity:.44;
  animation:siGapPump 2.35s ease-in-out infinite;
}

/* Molecule/formula area: pulsing hotspot placed over the formula */
body.page-index .si-formula-pulse{
  left:58.5%;
  top:48%;
  width:18vw;
  max-width:330px;
  min-width:190px;
  aspect-ratio:.78/1;
  transform:translate(-50%,-50%) scale(.95);
  border-radius:42% 46% 48% 44%;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,255,255,.96) 0 3%, rgba(255,55,232,.80) 12%, transparent 25%),
    radial-gradient(circle at 54% 51%, rgba(255,255,255,.70) 0 5%, rgba(255,43,214,.68) 22%, rgba(155,92,255,.35) 45%, transparent 70%);
  box-shadow:0 0 32px rgba(255,43,214,.95), 0 0 84px rgba(155,92,255,.68), 0 0 148px rgba(0,214,255,.22);
  filter:blur(4px) saturate(1.6) brightness(1.15);
  opacity:.34;
  animation:siFormulaPump 1.65s ease-in-out infinite;
}

/* moving energy waves, so the movement is unmistakable */
body.page-index .si-energy{
  left:58%;
  top:48%;
  width:9vw;
  min-width:90px;
  max-width:170px;
  aspect-ratio:1;
  border:2px solid rgba(255,255,255,.38);
  border-radius:999px;
  box-shadow:0 0 20px rgba(255,43,214,.75), inset 0 0 20px rgba(0,214,255,.20);
  transform:translate(-50%,-50%) scale(.5);
  opacity:0;
  animation:siEnergyRing 2.4s ease-out infinite;
}
body.page-index .si-energy-2{animation-delay:1.2s;}

/* floating crystal highlights */
body.page-index .si-crystal{
  width:18px;
  height:12px;
  border-radius:50%;
  background:
    radial-gradient(circle at 32% 24%, #fff 0 10%, rgba(151,236,255,.95) 18%, rgba(255,43,214,.72) 45%, rgba(103,59,255,.28) 70%, transparent 72%);
  box-shadow:0 0 14px rgba(0,214,255,.95), 0 0 28px rgba(255,43,214,.70);
  opacity:.78;
  filter:saturate(1.55) brightness(1.25);
}
body.page-index .si-crystal-1{left:50%;top:26%;animation:siFloatCrystalA 5.6s ease-in-out infinite;}
body.page-index .si-crystal-2{left:68%;top:34%;width:14px;height:14px;animation:siFloatCrystalB 7.2s ease-in-out infinite .4s;}
body.page-index .si-crystal-3{left:63%;top:63%;width:15px;height:15px;animation:siFloatCrystalA 6.6s ease-in-out infinite .9s;}
body.page-index .si-crystal-4{left:75%;top:55%;width:12px;height:12px;animation:siFloatCrystalB 8.1s ease-in-out infinite .2s;}
body.page-index .si-crystal-5{left:54%;top:73%;width:13px;height:13px;animation:siFloatCrystalA 7.8s ease-in-out infinite .7s;}

@keyframes siGapPump{
  0%,100%{opacity:.28;filter:blur(24px) saturate(1.35) brightness(.96);transform:translate(-50%,-50%) scale(.88) rotate(-1deg);}
  42%{opacity:.78;filter:blur(18px) saturate(2.2) brightness(1.35);transform:translate(-50%,-50%) scale(1.08) rotate(1deg);}
  58%{opacity:.55;transform:translate(-50%,-50%) scale(.98) rotate(0deg);}
}
@keyframes siFormulaPump{
  0%,100%{opacity:.26;filter:blur(5px) saturate(1.25) brightness(1);transform:translate(-50%,-50%) scale(.94);}
  45%{opacity:.72;filter:blur(2px) saturate(2.1) brightness(1.65);transform:translate(-50%,-50%) scale(1.075);}
}
@keyframes siEnergyRing{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.28);}
  16%{opacity:.72;}
  100%{opacity:0;transform:translate(-50%,-50%) scale(2.75);}
}
@keyframes siFloatCrystalA{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(0.9);}
  33%{transform:translate3d(10px,-22px,0) rotate(10deg) scale(1.16);}
  66%{transform:translate3d(-8px,14px,0) rotate(-8deg) scale(.94);}
}
@keyframes siFloatCrystalB{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(0.9);}
  40%{transform:translate3d(-14px,-18px,0) rotate(-12deg) scale(1.18);}
  72%{transform:translate3d(12px,16px,0) rotate(9deg) scale(.92);}
}

@media(max-width:980px){
  body.page-index .si-gap-glow{left:50%;top:38%;width:82vw;min-width:0;}
  body.page-index .si-formula-pulse{left:50%;top:38%;width:42vw;min-width:120px;}
  body.page-index .si-crystal-1{left:30%;top:18%;}
  body.page-index .si-crystal-2{left:68%;top:22%;}
  body.page-index .si-crystal-3{left:58%;top:48%;}
  body.page-index .si-crystal-4{display:none;}
  body.page-index .si-crystal-5{left:42%;top:57%;}
}

@media(prefers-reduced-motion:reduce){
  body.page-index .si-gap-glow,
  body.page-index .si-formula-pulse,
  body.page-index .si-crystal,
  body.page-index .si-energy{animation:none !important;}
}

/* ===== Synaptic Impact Welcome Hero Animation v4 - corrected alignment + forced visible motion ===== */
body.page-index .synaptic-live-fx{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  mix-blend-mode:screen !important;
}

/* Position is now bound to the right-aligned background image, not to the page center. */
body.page-index .si-gap-glow,
body.page-index .si-formula-pulse,
body.page-index .si-energy{
  left:auto !important;
  top:50% !important;
}

body.page-index .si-gap-glow{
  right:clamp(480px, calc(92vh - 64px), 662px) !important;
  width:clamp(360px, 30vw, 620px) !important;
  height:clamp(260px, 22vw, 470px) !important;
  margin-right:0 !important;
  opacity:.62;
  transform:translate(50%,-50%) scale(.88);
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.92) 0 3%, rgba(255,64,232,.82) 10%, rgba(155,92,255,.58) 25%, rgba(0,214,255,.25) 44%, transparent 68%) !important;
  filter:blur(18px) saturate(2) brightness(1.15);
  animation:siGapPumpV4 1.9s ease-in-out infinite !important;
}

body.page-index .si-formula-pulse{
  right:clamp(480px, calc(92vh - 64px), 662px) !important;
  width:clamp(180px, 15.5vw, 315px) !important;
  height:clamp(300px, 26vw, 510px) !important;
  margin-right:0 !important;
  opacity:.48;
  transform:translate(50%,-50%) scale(.92);
  background:
    radial-gradient(circle at 49% 19%, rgba(255,255,255,1) 0 4%, rgba(255,55,232,.92) 13%, transparent 28%),
    radial-gradient(circle at 53% 50%, rgba(255,255,255,.82) 0 5%, rgba(255,43,214,.78) 24%, rgba(155,92,255,.42) 48%, transparent 72%) !important;
  box-shadow:0 0 40px rgba(255,43,214,1), 0 0 105px rgba(155,92,255,.86), 0 0 170px rgba(0,214,255,.35) !important;
  filter:blur(3px) saturate(1.8) brightness(1.2);
  animation:siFormulaPumpV4 1.35s ease-in-out infinite !important;
}

body.page-index .si-energy{
  right:clamp(480px, calc(92vh - 64px), 662px) !important;
  width:clamp(110px, 9vw, 180px) !important;
  height:clamp(110px, 9vw, 180px) !important;
  transform:translate(50%,-50%) scale(.25);
  opacity:0;
  border:2px solid rgba(255,255,255,.55) !important;
  animation:siEnergyRingV4 1.8s ease-out infinite !important;
}
body.page-index .si-energy-2{animation-delay:.9s !important;}

/* Crystal positions also follow the right-aligned hero image. */
body.page-index .si-crystal-1{left:auto !important;right:clamp(610px, calc(112vh - 78px), 805px) !important;top:25% !important;animation:siFloatCrystalA 4.6s ease-in-out infinite !important;}
body.page-index .si-crystal-2{left:auto !important;right:clamp(390px, calc(72vh - 50px), 518px) !important;top:33% !important;animation:siFloatCrystalB 5.7s ease-in-out infinite .3s !important;}
body.page-index .si-crystal-3{left:auto !important;right:clamp(450px, calc(82vh - 57px), 590px) !important;top:63% !important;animation:siFloatCrystalA 5.2s ease-in-out infinite .7s !important;}
body.page-index .si-crystal-4{left:auto !important;right:clamp(275px, calc(51vh - 36px), 365px) !important;top:55% !important;animation:siFloatCrystalB 6.1s ease-in-out infinite .2s !important;}
body.page-index .si-crystal-5{left:auto !important;right:clamp(565px, calc(104vh - 73px), 748px) !important;top:72% !important;animation:siFloatCrystalA 5.9s ease-in-out infinite .6s !important;}

@keyframes siGapPumpV4{
  0%,100%{opacity:.36;filter:blur(24px) saturate(1.35) brightness(.96);transform:translate(50%,-50%) scale(.82) rotate(-1deg);}
  38%{opacity:.752;filter:blur(13px) saturate(2.5) brightness(1.55);transform:translate(50%,-50%) scale(1.16) rotate(1.5deg);}
  62%{opacity:.58;transform:translate(50%,-50%) scale(.98) rotate(0deg);}
}
@keyframes siFormulaPumpV4{
  0%,100%{opacity:.34;filter:blur(5px) saturate(1.25) brightness(1);transform:translate(50%,-50%) scale(.90);}
  45%{opacity:.88;filter:blur(1.5px) saturate(2.25) brightness(1.75);transform:translate(50%,-50%) scale(1.095);}
}
@keyframes siEnergyRingV4{
  0%{opacity:0;transform:translate(50%,-50%) scale(.18);}
  18%{opacity:.85;}
  100%{opacity:0;transform:translate(50%,-50%) scale(3.1);}
}

/* Do not disable the hero animation via OS reduced-motion here; user explicitly wants movement. */
@media(prefers-reduced-motion:reduce){
  body.page-index .si-gap-glow{animation:siGapPumpV4 2.4s ease-in-out infinite !important;}
  body.page-index .si-formula-pulse{animation:siFormulaPumpV4 2s ease-in-out infinite !important;}
  body.page-index .si-energy{animation:siEnergyRingV4 2.8s ease-out infinite !important;}
  body.page-index .si-crystal{animation-duration:8s !important;}
}

@media(max-width:980px){
  body.page-index .si-gap-glow,
  body.page-index .si-formula-pulse,
  body.page-index .si-energy{
    right:auto !important;
    left:50% !important;
    top:36% !important;
    transform:translate(-50%,-50%) scale(.92) !important;
  }
  body.page-index .si-crystal-1{right:auto !important;left:30% !important;top:18% !important;}
  body.page-index .si-crystal-2{right:auto !important;left:68% !important;top:22% !important;}
  body.page-index .si-crystal-3{right:auto !important;left:58% !important;top:48% !important;}
  body.page-index .si-crystal-4{display:none !important;}
  body.page-index .si-crystal-5{right:auto !important;left:42% !important;top:57% !important;}
}


/* ===== v5 fix: animated glow properties must NOT be !important, otherwise browsers keep them static ===== */
body.page-index .si-gap-glow{
  animation:siGapPumpV5 1.55s ease-in-out infinite !important;
}
body.page-index .si-formula-pulse{
  animation:siFormulaPumpV5 1.18s ease-in-out infinite !important;
}
body.page-index .si-energy{
  animation:siEnergyRingV5 1.55s ease-out infinite !important;
}
body.page-index .si-energy-2{animation-delay:.78s !important;}

@keyframes siGapPumpV5{
  0%,100%{opacity:.20;filter:blur(32px) saturate(1.1) brightness(.85);transform:translate(50%,-50%) scale(.70) rotate(-1deg);}
  35%{opacity:1;filter:blur(10px) saturate(3.1) brightness(1.95);transform:translate(50%,-50%) scale(1.28) rotate(1.5deg);}
  58%{opacity:.42;filter:blur(22px) saturate(1.8) brightness(1.12);transform:translate(50%,-50%) scale(.95) rotate(0deg);}
}
@keyframes siFormulaPumpV5{
  0%,100%{opacity:.18;filter:blur(7px) saturate(1.05) brightness(.9);transform:translate(50%,-50%) scale(.84);}
  42%{opacity:.756;filter:blur(1px) saturate(2.8) brightness(2.05);transform:translate(50%,-50%) scale(1.16);}
}
@keyframes siEnergyRingV5{
  0%{opacity:0;transform:translate(50%,-50%) scale(.12);}
  14%{opacity:.75;}
  100%{opacity:0;transform:translate(50%,-50%) scale(3.35);}
}

/* ===== v6 refinement: slower, softer, more subtle glow ===== */
body.page-index .si-gap-glow{
  opacity:.18;
  filter:blur(30px) saturate(1.15) brightness(.92);
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.22) 0 3%, rgba(255,64,232,.24) 10%, rgba(155,92,255,.18) 27%, rgba(0,214,255,.09) 45%, transparent 70%) !important;
  animation:siGapPumpV6 5.8s ease-in-out infinite !important;
}
body.page-index .si-formula-pulse{
  opacity:.14;
  background:
    radial-gradient(circle at 49% 19%, rgba(255,255,255,.36) 0 4%, rgba(255,55,232,.26) 13%, transparent 29%),
    radial-gradient(circle at 53% 50%, rgba(255,255,255,.24) 0 5%, rgba(255,43,214,.24) 24%, rgba(155,92,255,.16) 48%, transparent 72%) !important;
  box-shadow:0 0 18px rgba(255,43,214,.28), 0 0 46px rgba(155,92,255,.22), 0 0 80px rgba(0,214,255,.10) !important;
  filter:blur(7px) saturate(1.1) brightness(.95);
  animation:siFormulaPumpV6 4.8s ease-in-out infinite !important;
}
body.page-index .si-energy{
  opacity:0;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 0 10px rgba(255,43,214,.18), inset 0 0 12px rgba(0,214,255,.08) !important;
  animation:siEnergyRingV6 6.4s ease-out infinite !important;
}
body.page-index .si-energy-2{animation-delay:3.2s !important;}

@keyframes siGapPumpV6{
  0%,100%{opacity:.13;filter:blur(34px) saturate(1.05) brightness(.88);transform:translate(50%,-50%) scale(.91) rotate(-.3deg);}
  50%{opacity:.30;filter:blur(27px) saturate(1.28) brightness(1.05);transform:translate(50%,-50%) scale(1.025) rotate(.3deg);}
}
@keyframes siFormulaPumpV6{
  0%,100%{opacity:.10;filter:blur(8px) saturate(1.0) brightness(.9);transform:translate(50%,-50%) scale(.96);}
  50%{opacity:.26;filter:blur(5px) saturate(1.24) brightness(1.08);transform:translate(50%,-50%) scale(1.025);}
}
@keyframes siEnergyRingV6{
  0%{opacity:0;transform:translate(50%,-50%) scale(.55);}
  20%{opacity:.14;}
  100%{opacity:0;transform:translate(50%,-50%) scale(1.85);}
}

@media(prefers-reduced-motion:reduce){
  body.page-index .si-gap-glow{animation:siGapPumpV6 7s ease-in-out infinite !important;}
  body.page-index .si-formula-pulse{animation:siFormulaPumpV6 6s ease-in-out infinite !important;}
  body.page-index .si-energy{animation:siEnergyRingV6 8s ease-out infinite !important;}
}

/* ===== v7 refinement: slow but clearly visible subtle breathing glow ===== */
body.page-index .si-gap-glow{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.40) 0 3%, rgba(255,64,232,.44) 10%, rgba(155,92,255,.34) 27%, rgba(0,214,255,.12) 45%, transparent 70%) !important;
  animation:siGapPumpV7 4.2s ease-in-out infinite !important;
}
body.page-index .si-formula-pulse{
  background:
    radial-gradient(circle at 49% 19%, rgba(255,255,255,.46) 0 4%, rgba(255,55,232,.34) 13%, transparent 29%),
    radial-gradient(circle at 53% 50%, rgba(255,255,255,.34) 0 5%, rgba(255,43,214,.33) 24%, rgba(155,92,255,.20) 48%, transparent 72%) !important;
  box-shadow:0 0 20px rgba(255,43,214,.32), 0 0 52px rgba(155,92,255,.26), 0 0 88px rgba(0,214,255,.12) !important;
  animation:siFormulaPumpV7 3.8s ease-in-out infinite !important;
}
body.page-index .si-energy{
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:0 0 12px rgba(255,43,214,.22), inset 0 0 14px rgba(0,214,255,.10) !important;
  animation:siEnergyRingV7 5.2s ease-out infinite !important;
}
body.page-index .si-energy-2{animation-delay:2.6s !important;}

@keyframes siGapPumpV7{
  0%,100%{opacity:.22;filter:blur(36px) saturate(1.10) brightness(.92);transform:translate(50%,-50%) scale(.90) rotate(-.25deg);}
  50%{opacity:.60;filter:blur(23px) saturate(1.55) brightness(1.20);transform:translate(50%,-50%) scale(1.09) rotate(.25deg);}
}
@keyframes siFormulaPumpV7{
  0%,100%{opacity:.14;filter:blur(8px) saturate(1.02) brightness(.92);transform:translate(50%,-50%) scale(.95);}
  50%{opacity:.38;filter:blur(4.5px) saturate(1.35) brightness(1.14);transform:translate(50%,-50%) scale(1.055);}
}
@keyframes siEnergyRingV7{
  0%{opacity:0;transform:translate(50%,-50%) scale(.45);}
  22%{opacity:.20;}
  100%{opacity:0;transform:translate(50%,-50%) scale(2.05);}
}

@media(prefers-reduced-motion:reduce){
  body.page-index .si-gap-glow{animation:siGapPumpV7 5.6s ease-in-out infinite !important;}
  body.page-index .si-formula-pulse{animation:siFormulaPumpV7 5.2s ease-in-out infinite !important;}
  body.page-index .si-energy{animation:siEnergyRingV7 6.5s ease-out infinite !important;}
}

/* ===== v9 refinement: replace perfectly round CSS balls with supplied crystal images ===== */
body.page-index .si-crystal{
  border-radius:0 !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  box-shadow:none !important;
  opacity:.82 !important;
  filter:saturate(1.05) brightness(1.03) drop-shadow(0 0 5px rgba(224,76,255,.42)) drop-shadow(0 0 9px rgba(100,234,255,.20)) !important;
  mix-blend-mode:screen !important;
}

body.page-index .si-crystal-1,
body.page-index .si-crystal-4{
  background-image:url("../crystal-orb-a.png?v=11-transparent") !important;
}
body.page-index .si-crystal-2,
body.page-index .si-crystal-5{
  background-image:url("../crystal-orb-b.png?v=11-transparent") !important;
}
body.page-index .si-crystal-3{
  background-image:url("../crystal-orb-c.png?v=11-transparent") !important;
}

/* Slightly larger so the faceted structure is visible, but without the artificial round CSS glow. */
body.page-index .si-crystal-1{width:16px !important;height:15px !important;}
body.page-index .si-crystal-2{width:15px !important;height:17px !important;}
body.page-index .si-crystal-3{width:14px !important;height:15px !important;}
body.page-index .si-crystal-4{width:13px !important;height:12px !important;}
body.page-index .si-crystal-5{width:15px !important;height:17px !important;}

@media(max-width:980px){
  body.page-index .si-crystal{filter:saturate(1.0) brightness(1.0) drop-shadow(0 0 4px rgba(224,76,255,.35)) !important;}
}


/* ===== v11 final: freigestellte Kristall-PNGs mit echtem Alpha-Kanal ===== */
body.page-index .si-crystal{
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  mix-blend-mode:screen !important;
}
body.page-index .si-crystal-1,
body.page-index .si-crystal-4{background-image:url("../crystal-orb-a.png?v=11-transparent") !important;}
body.page-index .si-crystal-2,
body.page-index .si-crystal-5{background-image:url("../crystal-orb-b.png?v=11-transparent") !important;}
body.page-index .si-crystal-3{background-image:url("../crystal-orb-c.png?v=11-transparent") !important;}


body.page-index .si-crystal-6{left:46%;top:20%;width:11px;height:11px;animation:siFloatCrystalB 9.1s ease-in-out infinite .3s;}
body.page-index .si-crystal-7{left:72%;top:24%;width:10px;height:10px;animation:siFloatCrystalA 8.4s ease-in-out infinite 1.1s;}
body.page-index .si-crystal-8{left:79%;top:68%;width:12px;height:12px;animation:siFloatCrystalB 10.2s ease-in-out infinite .8s;}
body.page-index .si-crystal-9{left:40%;top:66%;width:10px;height:10px;animation:siFloatCrystalA 9.7s ease-in-out infinite .5s;}
body.page-index .si-crystal-10{left:61%;top:18%;width:9px;height:9px;animation:siFloatCrystalB 11.2s ease-in-out infinite 1.4s;}


/* ===== Floating crystal orb replacement v15 =====
   Final version:
   - uses the transparent crystal-orb-a/b/c PNGs
   - creates 10 visible crystal positions
   - keeps a subtle premium movement
   - avoids CSS circles / square image backgrounds
*/
body.page-index .synaptic-live-fx{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  z-index:2 !important;
}

body.page-index .si-crystal{
  position:absolute !important;
  display:block !important;
  width:16px !important;
  height:16px !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  box-shadow:none !important;
  opacity:.76 !important;
  filter:
    drop-shadow(0 0 7px rgba(224,76,255,.42))
    drop-shadow(0 0 5px rgba(100,234,255,.20)) !important;
  transform-origin:center center !important;
  will-change:transform,opacity !important;
}

/* Crystal variants from /assets/, relative to /assets/css/synaptic-impact.css */
body.page-index .si-crystal-1,
body.page-index .si-crystal-4,
body.page-index .si-crystal-7,
body.page-index .si-crystal-10{
  background-image:url("../crystal-orb-a.png?v=15") !important;
}

body.page-index .si-crystal-2,
body.page-index .si-crystal-5,
body.page-index .si-crystal-8{
  background-image:url("../crystal-orb-b.png?v=15") !important;
}

body.page-index .si-crystal-3,
body.page-index .si-crystal-6,
body.page-index .si-crystal-9{
  background-image:url("../crystal-orb-c.png?v=15") !important;
}

/* Main 5 crystals */
body.page-index .si-crystal-1{
  left:52% !important;
  top:18% !important;
  width:15px !important;
  height:15px !important;
  animation:siCrystalFloatA 16s ease-in-out infinite .2s !important;
}

body.page-index .si-crystal-2{
  left:67% !important;
  top:30% !important;
  width:13px !important;
  height:13px !important;
  opacity:.68 !important;
  animation:siCrystalFloatB 18s ease-in-out infinite .9s !important;
}

body.page-index .si-crystal-3{
  left:61% !important;
  top:68% !important;
  width:16px !important;
  height:16px !important;
  animation:siCrystalFloatC 17s ease-in-out infinite .4s !important;
}

body.page-index .si-crystal-4{
  left:78% !important;
  top:52% !important;
  width:12px !important;
  height:12px !important;
  opacity:.62 !important;
  animation:siCrystalFloatB 20s ease-in-out infinite 1.2s !important;
}

body.page-index .si-crystal-5{
  left:46% !important;
  top:76% !important;
  width:14px !important;
  height:14px !important;
  animation:siCrystalFloatA 19s ease-in-out infinite .7s !important;
}

/* Additional 5 crystals */
body.page-index .si-crystal-6{
  left:43% !important;
  top:22% !important;
  width:11px !important;
  height:11px !important;
  opacity:.58 !important;
  animation:siCrystalFloatB 22s ease-in-out infinite 1.5s !important;
}

body.page-index .si-crystal-7{
  left:72% !important;
  top:18% !important;
  width:12px !important;
  height:12px !important;
  opacity:.64 !important;
  animation:siCrystalFloatC 21s ease-in-out infinite .5s !important;
}

body.page-index .si-crystal-8{
  left:82% !important;
  top:72% !important;
  width:15px !important;
  height:15px !important;
  opacity:.74 !important;
  animation:siCrystalFloatA 18.5s ease-in-out infinite 1s !important;
}

body.page-index .si-crystal-9{
  left:37% !important;
  top:62% !important;
  width:10px !important;
  height:10px !important;
  opacity:.54 !important;
  animation:siCrystalFloatC 24s ease-in-out infinite .8s !important;
}

body.page-index .si-crystal-10{
  left:58% !important;
  top:12% !important;
  width:9px !important;
  height:9px !important;
  opacity:.50 !important;
  animation:siCrystalFloatB 25s ease-in-out infinite 1.8s !important;
}

@keyframes siCrystalFloatA{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);}
  35%{transform:translate3d(9px,-12px,0) rotate(8deg) scale(1.04);}
  70%{transform:translate3d(-7px,8px,0) rotate(-7deg) scale(.98);}
}

@keyframes siCrystalFloatB{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(.92);}
  40%{transform:translate3d(-11px,-8px,0) rotate(-9deg) scale(1);}
  75%{transform:translate3d(8px,10px,0) rotate(6deg) scale(.94);}
}

@keyframes siCrystalFloatC{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(.96);}
  30%{transform:translate3d(6px,11px,0) rotate(10deg) scale(1.03);}
  68%{transform:translate3d(-10px,-7px,0) rotate(-5deg) scale(.92);}
}

@media(max-width:980px){
  body.page-index .si-crystal{
    opacity:.55 !important;
  }

  body.page-index .si-crystal-6,
  body.page-index .si-crystal-7,
  body.page-index .si-crystal-9,
  body.page-index .si-crystal-10{
    display:none !important;
  }
}


/* Social Icon Optical Alignment */
body.page-index .socials a:nth-child(1) img{
    transform:scale(1.45);
}

body.page-index .socials a:nth-child(2) img{
    transform:scale(1.25);
}

body.page-index .socials a:hover:nth-child(1) img{
    transform:scale(1.45);
}

body.page-index .socials a:hover:nth-child(2) img{
    transform:scale(1.25);
}


/* Final social icon sizing and spacing */
body.page-index .socials{
    gap:42px !important;
}

body.page-index .socials img{
    width:22px !important;
    height:22px !important;
}

body.page-index .socials a:nth-child(1) img{
    transform:scale(1.18) !important;
}

body.page-index .socials a:nth-child(2) img{
    transform:scale(1.08) !important;
}

body.page-index .socials a:hover:nth-child(1) img{
    transform:scale(1.18) !important;
}

body.page-index .socials a:hover:nth-child(2) img{
    transform:scale(1.08) !important;
}


/* Hero bottom transition fix v4 - stronger CSS-only solution
   Goal: remove the visible hard edge where the hero background image ends.
*/

body.page-index .hero{
  position:relative !important;
  overflow:visible !important;
  background-color:#050711 !important;
  box-shadow:inset 0 -360px 220px -40px #050711 !important;
  z-index:1 !important;
}

/* Inner darkening: starts inside the image and fades it much earlier */
body.page-index .hero::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:65% !important;
  pointer-events:none !important;
  z-index:4 !important;
  background:linear-gradient(
    180deg,
    rgba(5,7,17,0) 0%,
    rgba(5,7,17,.20) 24%,
    rgba(5,7,17,.52) 48%,
    rgba(5,7,17,.84) 72%,
    #050711 100%
  ) !important;
}

/* Outer extension: continues below the hero, covering the transition into the next section */
body.page-index .hero::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-260px !important;
  height:520px !important;
  pointer-events:none !important;
  z-index:5 !important;
  background:linear-gradient(
    180deg,
    rgba(5,7,17,0) 0%,
    rgba(5,7,17,.42) 22%,
    rgba(5,7,17,.82) 45%,
    #050711 68%,
    #050711 100%
  ) !important;
}

body.page-index .hero-grid{
  position:relative !important;
  z-index:6 !important;
}

/* Pull first content section into the transition area so the image edge is hidden */
body.page-index #dj-sets{
  position:relative !important;
  z-index:2 !important;
  background:#050711 !important;
  margin-top:-140px !important;
  padding-top:210px !important;
}

/* Force all following sections to the same exact black */
body.page-index .section{
  background:#050711 !important;
}


/* Hero live FX refinement v6
   - slightly stronger pulsing glow
   - all 10 crystals visible
   - more noticeable floating movement
*/

body.page-index .synaptic-live-fx{
  display:block !important;
  opacity:1 !important;
  mix-blend-mode:screen !important;
}

/* Stronger central glow */
body.page-index .si-gap-glow{
  opacity:.78 !important;
  filter:blur(15px) saturate(2.35) brightness(1.32) !important;
  animation:siGapPumpV6 1.55s ease-in-out infinite !important;
}

body.page-index .si-formula-pulse{
  opacity:.58 !important;
  filter:blur(2px) saturate(2.25) brightness(1.35) !important;
  animation:siFormulaPumpV6 1.18s ease-in-out infinite !important;
}

body.page-index .si-energy{
  animation:siEnergyRingV6 1.55s ease-out infinite !important;
}

body.page-index .si-energy-2{
  animation-delay:.78s !important;
}

/* Ensure all 10 crystals are visible */
body.page-index .si-crystal{
  display:block !important;
  opacity:.82 !important;
  visibility:visible !important;
  filter:
    drop-shadow(0 0 9px rgba(224,76,255,.56))
    drop-shadow(0 0 7px rgba(100,234,255,.30)) !important;
}

/* More visible crystal positions and movement */
body.page-index .si-crystal-1{
  left:52% !important;
  top:18% !important;
  width:17px !important;
  height:17px !important;
  animation:siCrystalFloatV6A 13.5s ease-in-out infinite .2s !important;
}

body.page-index .si-crystal-2{
  left:67% !important;
  top:30% !important;
  width:15px !important;
  height:15px !important;
  opacity:.78 !important;
  animation:siCrystalFloatV6B 15s ease-in-out infinite .9s !important;
}

body.page-index .si-crystal-3{
  left:61% !important;
  top:68% !important;
  width:18px !important;
  height:18px !important;
  animation:siCrystalFloatV6C 14s ease-in-out infinite .4s !important;
}

body.page-index .si-crystal-4{
  left:78% !important;
  top:52% !important;
  width:15px !important;
  height:15px !important;
  opacity:.76 !important;
  display:block !important;
  animation:siCrystalFloatV6B 16s ease-in-out infinite 1.2s !important;
}

body.page-index .si-crystal-5{
  left:46% !important;
  top:76% !important;
  width:16px !important;
  height:16px !important;
  animation:siCrystalFloatV6A 15.5s ease-in-out infinite .7s !important;
}

body.page-index .si-crystal-6{
  left:43% !important;
  top:22% !important;
  width:13px !important;
  height:13px !important;
  opacity:.72 !important;
  animation:siCrystalFloatV6B 17s ease-in-out infinite 1.5s !important;
}

body.page-index .si-crystal-7{
  left:72% !important;
  top:18% !important;
  width:14px !important;
  height:14px !important;
  opacity:.76 !important;
  animation:siCrystalFloatV6C 16.5s ease-in-out infinite .5s !important;
}

body.page-index .si-crystal-8{
  left:82% !important;
  top:72% !important;
  width:17px !important;
  height:17px !important;
  opacity:.82 !important;
  animation:siCrystalFloatV6A 15s ease-in-out infinite 1s !important;
}

body.page-index .si-crystal-9{
  left:56% !important;
  top:42% !important;
  width:13px !important;
  height:13px !important;
  opacity:.74 !important;
  animation:siCrystalFloatV6C 14.8s ease-in-out infinite .3s !important;
}

body.page-index .si-crystal-10{
  left:70% !important;
  top:62% !important;
  width:14px !important;
  height:14px !important;
  opacity:.78 !important;
  animation:siCrystalFloatV6B 16.8s ease-in-out infinite 1.1s !important;
}

@keyframes siGapPumpV6{
  0%,100%{
    opacity:.28;
    filter:blur(30px) saturate(1.35) brightness(.95);
    transform:translate(50%,-50%) scale(.74) rotate(-1deg);
  }
  34%{
    opacity:1;
    filter:blur(8px) saturate(3.35) brightness(2.18);
    transform:translate(50%,-50%) scale(1.35) rotate(1.8deg);
  }
  58%{
    opacity:.50;
    filter:blur(20px) saturate(2.05) brightness(1.22);
    transform:translate(50%,-50%) scale(1.02) rotate(0deg);
  }
}

@keyframes siFormulaPumpV6{
  0%,100%{
    opacity:.24;
    filter:blur(7px) saturate(1.25) brightness(.95);
    transform:translate(50%,-50%) scale(.84);
  }
  42%{
    opacity:.86;
    filter:blur(.5px) saturate(3.1) brightness(2.22);
    transform:translate(50%,-50%) scale(1.18);
  }
}

@keyframes siEnergyRingV6{
  0%{
    opacity:0;
    transform:translate(50%,-50%) scale(.12);
  }
  14%{
    opacity:.88;
  }
  100%{
    opacity:0;
    transform:translate(50%,-50%) scale(3.55);
  }
}

@keyframes siCrystalFloatV6A{
  0%,100%{
    transform:translate3d(0,0,0) rotate(0deg) scale(1);
  }
  28%{
    transform:translate3d(18px,-24px,0) rotate(10deg) scale(1.16);
  }
  58%{
    transform:translate3d(-14px,18px,0) rotate(-8deg) scale(.94);
  }
  82%{
    transform:translate3d(10px,10px,0) rotate(6deg) scale(1.08);
  }
}

@keyframes siCrystalFloatV6B{
  0%,100%{
    transform:translate3d(0,0,0) rotate(0deg) scale(.96);
  }
  34%{
    transform:translate3d(-22px,-18px,0) rotate(-14deg) scale(1.18);
  }
  68%{
    transform:translate3d(16px,24px,0) rotate(12deg) scale(.92);
  }
}

@keyframes siCrystalFloatV6C{
  0%,100%{
    transform:translate3d(0,0,0) rotate(0deg) scale(1);
  }
  30%{
    transform:translate3d(12px,22px,0) rotate(8deg) scale(1.14);
  }
  62%{
    transform:translate3d(-20px,-16px,0) rotate(-12deg) scale(.94);
  }
}

/* Mobile: keep all 10 crystals visible, but reduce visual weight */
@media(max-width:980px){
  body.page-index .si-crystal{
    display:block !important;
    opacity:.62 !important;
  }

  body.page-index .si-crystal-1{left:30% !important;top:18% !important;}
  body.page-index .si-crystal-2{left:68% !important;top:22% !important;}
  body.page-index .si-crystal-3{left:58% !important;top:48% !important;}
  body.page-index .si-crystal-4{left:78% !important;top:38% !important;}
  body.page-index .si-crystal-5{left:42% !important;top:57% !important;}
  body.page-index .si-crystal-6{left:24% !important;top:42% !important;}
  body.page-index .si-crystal-7{left:72% !important;top:60% !important;}
  body.page-index .si-crystal-8{left:50% !important;top:72% !important;}
  body.page-index .si-crystal-9{left:36% !important;top:32% !important;}
  body.page-index .si-crystal-10{left:64% !important;top:34% !important;}
}


/* v7 tuning:
   - pulse ~2x slower
   - pulse less intense
   - crystals less visible
*/

body.page-index .si-gap-glow{
  opacity:.58 !important;
  filter:blur(18px) saturate(1.8) brightness(1.12) !important;
  animation-duration:3.1s !important;
}

body.page-index .si-formula-pulse{
  opacity:.42 !important;
  filter:blur(3px) saturate(1.55) brightness(1.10) !important;
  animation-duration:2.4s !important;
}

body.page-index .si-energy,
body.page-index .si-energy-2{
  animation-duration:3.1s !important;
}

body.page-index .si-crystal{
  opacity:.52 !important;
  filter:
    drop-shadow(0 0 5px rgba(224,76,255,.28))
    drop-shadow(0 0 4px rgba(100,234,255,.14)) !important;
}

@media(max-width:980px){
  body.page-index .si-crystal{
    opacity:.42 !important;
  }
}

/* ===== Fix: index hero buttons were clipped by fixed hero height/overflow ===== */
body.page-index .hero{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  padding:96px 0 72px !important;
}

body.page-index .hero-grid{
  min-height:min(660px, calc(100vh - 70px)) !important;
}

body.page-index .hero-grid > div:first-child{
  padding-bottom:24px !important;
}

body.page-index .actions{
  position:relative !important;
  z-index:5 !important;
  overflow:visible !important;
  margin-bottom:0 !important;
}

body.page-index .btn{
  flex-shrink:0 !important;
}

@media(max-width:980px){
  body.page-index .hero{
    overflow:visible !important;
    padding:58px 0 56px !important;
  }

  body.page-index .hero-grid{
    min-height:auto !important;
  }

  body.page-index .actions{
    padding-bottom:6px !important;
  }
}

/* ===== iPhone/mobile hero button visibility fix =====
   Prevents the hero CTA buttons from being clipped by fixed viewport heights
   and hidden overflow on small iOS browser viewports.
*/
@media (max-width: 767px) {
  html,
  body.page-index {
    overflow-x: hidden !important;
  }

  body.page-index main,
  body.page-index #top,
  body.page-index .hero,
  body.page-index .container,
  body.page-index .hero-grid {
    overflow: visible !important;
  }

  body.page-index .hero {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 72px 0 84px !important;
    align-items: start !important;
    background:
      linear-gradient(180deg, rgba(5,7,17,.72), rgba(5,7,17,.96)),
      url("../synaptic-hero.webp") center top / cover no-repeat !important;
  }

  body.page-index .hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    gap: 0 !important;
    align-items: start !important;
  }

  body.page-index .hero-grid > div:first-child {
    position: relative !important;
    z-index: 5 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.page-index .kicker {
    margin-bottom: 18px !important;
  }

  body.page-index h1 {
    font-size: clamp(2.35rem, 12vw, 3.75rem) !important;
    line-height: 1.05 !important;
    letter-spacing: .12em !important;
    margin-bottom: 18px !important;
  }

  body.page-index h1 span {
    letter-spacing: .14em !important;
  }

  body.page-index .hero-line {
    margin: 18px 0 20px !important;
  }

  body.page-index .lead {
    max-width: none !important;
    font-size: .98rem !important;
    line-height: 1.55 !important;
    margin-bottom: 24px !important;
  }

  body.page-index .actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-top: 24px !important;
    padding-bottom: 12px !important;
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
  }

  body.page-index .actions .btn,
  body.page-index .btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 13px 18px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.page-index .neuron-art {
    display: none !important;
  }
}

/* Extra guard for short iPhone screens, browser bars and landscape mode */
@media (max-width: 767px) and (max-height: 740px) {
  body.page-index .hero {
    padding-top: 58px !important;
    padding-bottom: 96px !important;
  }

  body.page-index h1 {
    font-size: clamp(2.1rem, 10.5vw, 3.25rem) !important;
    margin-bottom: 14px !important;
  }

  body.page-index .lead {
    margin-bottom: 20px !important;
  }
}

/* ===== iPhone CTA clipping fix v2 =====
   On narrow iPhone viewports, the hero fade overlay and the following #dj-sets
   section can visually overlap the lower CTA. Keep the hero content above all
   decorative layers and remove the negative section pull on mobile.
*/
@media (max-width: 767px) {
  body.page-index .hero {
    display: block !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 64px 0 calc(150px + env(safe-area-inset-bottom)) !important;
    margin-bottom: 0 !important;
    isolation: isolate !important;
  }

  body.page-index .hero::before,
  body.page-index .hero::after {
    z-index: 0 !important;
    pointer-events: none !important;
  }

  body.page-index .hero .container,
  body.page-index .hero-grid,
  body.page-index .hero-grid > div:first-child,
  body.page-index .actions,
  body.page-index .actions .btn {
    position: relative !important;
    z-index: 30 !important;
    overflow: visible !important;
  }

  body.page-index .actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 16px !important;
    margin-top: 28px !important;
    margin-bottom: 80px !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
  }

  body.page-index .actions .btn {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.page-index #dj-sets {
    margin-top: 0 !important;
    padding-top: 56px !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (max-width: 390px) {
  body.page-index .hero {
    padding-top: 54px !important;
    padding-bottom: calc(180px + env(safe-area-inset-bottom)) !important;
  }

  body.page-index .actions {
    margin-bottom: 110px !important;
  }
}

/* ===== iPhone DJ Sets SoundCloud/player fix v3 =====
   The later desktop release-card rule forces a 4-column grid with a minmax(360px,1fr)
   SoundCloud column. On narrow iPhones this pushes the embedded player outside the
   visible area, so the SoundCloud play button cannot be reached. Stack the full
   release card and make the iframe/player visible and tappable.
*/
@media (max-width: 767px) {
  body.page-index #dj-sets,
  body.page-index #dj-sets .container,
  body.page-index #dj-sets .releases,
  body.page-index #dj-sets .release-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.page-index #dj-sets .release-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    align-items: stretch !important;
    padding: 16px !important;
  }

  body.page-index #dj-sets .cover {
    width: 100% !important;
    height: 150px !important;
  }

  body.page-index #dj-sets .release-meta {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.page-index #dj-sets .release-meta h3 {
    font-size: clamp(1.35rem, 8vw, 2rem) !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }

  body.page-index #dj-sets .soundcloud-player {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 166px !important;
    height: 166px !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 5 !important;
    pointer-events: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.page-index #dj-sets .soundcloud-embed,
  body.page-index #dj-sets .soundcloud-player iframe {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 166px !important;
    border: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.page-index #dj-sets .open-link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 12px 0 !important;
  }
}

@media (max-width: 390px) {
  body.page-index #dj-sets .release-card {
    padding: 14px !important;
  }

  body.page-index #dj-sets .cover {
    height: 132px !important;
  }
}

/* ===== iPhone DJ Sets cover removal fix v4 =====
   Remove the decorative DJ SET artwork tile on iPhone so the embedded
   SoundCloud player is the first usable control in each card.
*/
@media (max-width: 767px) {
  body.page-index #dj-sets .release-card {
    grid-template-columns: 1fr !important;
  }

  body.page-index #dj-sets .cover {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}

/* ===== iPhone SoundCloud cover removal fix v5 =====
   Keep the decorative artwork tiles on desktop/tablet, but remove them on iPhone
   for every embedded SoundCloud release card, including Latest Release.
*/
@media (max-width: 767px) {
  body.page-index .release-card {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  body.page-index .release-card .cover {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body.page-index .release-card .release-meta,
  body.page-index .release-card .soundcloud-player,
  body.page-index .release-card .open-link {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* Footer legal links fix */
.footer .footer-links{
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
}

.footer .footer-links a{
  display:inline-block !important;
  color:#b886ff !important;
  text-decoration:none !important;
}

.footer .footer-links a:hover{
  color:#64eaff !important;
}

.footer .footer-links span{
  color:rgba(255,255,255,.45) !important;
}

@media(max-width:768px){
  .footer .footer-inner{
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }
}



/* Synaptic Impact - Legal Pages Design Refinement */
body.legal-page .page-kicker{
  color:#d17bff !important;
  letter-spacing:.19em !important;
  font-size:.82rem !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
}

body.legal-page .page-title{
  font-size:clamp(2.8rem,5vw,5rem) !important;
  line-height:1.04 !important;
  letter-spacing:.18em !important;
  font-weight:300 !important;
  text-transform:uppercase !important;
  color:#fff !important;
  margin-bottom:20px !important;
}

body.legal-page .page-title span{
  color:transparent !important;
  background:linear-gradient(90deg,#9b5cff,#64eaff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  letter-spacing:.20em !important;
}

body.legal-page .page-lead{
  max-width:760px !important;
  color:rgba(246,242,255,.72) !important;
  font-size:1rem !important;
  line-height:1.7 !important;
}

body.legal-page .legal-content{
  max-width:900px !important;
  margin:0 auto !important;
}

body.legal-page .legal-content h2{
  font-size:1rem !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:#ffffff !important;
  margin:34px 0 14px !important;
}

body.legal-page .legal-content p,
body.legal-page .legal-content li{
  font-size:.98rem !important;
  line-height:1.85 !important;
  color:rgba(246,242,255,.78) !important;
}

body.legal-page .legal-content strong{
  color:#ffffff !important;
}

@media(max-width:768px){
  body.legal-page .page-title{
    font-size:clamp(2.2rem,10vw,3.4rem) !important;
    letter-spacing:.12em !important;
  }

  body.legal-page .page-title span{
    letter-spacing:.14em !important;
  }
}



/* Privacy notice banner */
.privacy-notice{
  position:fixed !important;
  left:24px !important;
  right:24px !important;
  bottom:24px !important;
  z-index:999999 !important;
  max-width:920px !important;
  margin:0 auto !important;
  padding:16px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  border:1px solid rgba(155,92,255,.42) !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,rgba(10,13,25,.96),rgba(5,7,17,.96)) !important;
  color:rgba(246,242,255,.78) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 36px rgba(155,92,255,.12) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.privacy-notice[hidden]{
  display:none !important;
}

.privacy-notice p{
  margin:0 !important;
  font-size:.9rem !important;
  line-height:1.55 !important;
  color:rgba(246,242,255,.76) !important;
}

.privacy-notice a{
  color:#d9b8ff !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(217,184,255,.45) !important;
}

.privacy-notice a:hover{
  color:#64eaff !important;
  border-bottom-color:#64eaff !important;
}

.privacy-notice-btn{
  min-height:40px !important;
  padding:10px 20px !important;
  border:0 !important;
  border-radius:5px !important;
  background:linear-gradient(135deg,#9b5cff,#e04cff) !important;
  color:#fff !important;
  font-size:.76rem !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  box-shadow:0 12px 30px rgba(155,92,255,.28) !important;
}

.privacy-notice-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 36px rgba(155,92,255,.34) !important;
}

@media(max-width:768px){
  .privacy-notice{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    text-align:left !important;
    padding:16px !important;
  }

  .privacy-notice-btn{
    width:100% !important;
  }
}

/* Privacy notice visual refinement */
.privacy-notice{
  max-width:760px !important;
  bottom:46px !important;
  padding:16px 18px 16px 20px !important;
}

.privacy-notice:before{
  content:"✦" !important;
  flex:0 0 auto !important;
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  color:#64eaff !important;
  border:1px solid rgba(100,234,255,.35) !important;
  background:rgba(100,234,255,.08) !important;
  box-shadow:0 0 22px rgba(100,234,255,.16) !important;
  font-size:.95rem !important;
}

@media(max-width:768px){
  .privacy-notice{
    max-width:none !important;
    bottom:28px !important;
  }

  .privacy-notice:before{
    display:none !important;
  }
}



/* Replace the privacy notice star with the Synaptic Impact logo */

.privacy-notice{
  max-width:820px !important;
}

.privacy-notice:before{
  content:"" !important;
  flex:0 0 auto !important;

  width:72px !important;
  height:72px !important;

  display:block !important;

  background-image:url("/synaptic-impact-logo.jpg") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;

  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}



/* Privacy notice logo path fix */
.privacy-notice:before{
  content:"" !important;
  flex:0 0 auto !important;

  width:72px !important;
  height:72px !important;

  display:block !important;

  background-image:url("../synaptic-impact-logo.jpg") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;

  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   GLOBAL HEADER NORMALIZATION
   Keeps the desktop navigation in one horizontal row and
   makes .nav and .main-nav behave identically on all pages.
   ========================================================= */

body.page-index .site-header,
body.page-about .site-header,
body.page-contact .site-header,
body.page-events .site-header,
body.page-gallery .site-header,
body.page-music .site-header,
body.legal-page .site-header{
  position:sticky !important;
  top:max(28px, env(safe-area-inset-top)) !important;
  z-index:50000 !important;
  background:rgba(5,7,17,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 8px 36px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

body.page-index .site-header .nav,
body.page-index .site-header .main-nav,
body.page-about .site-header .nav,
body.page-about .site-header .main-nav,
body.page-contact .site-header .nav,
body.page-contact .site-header .main-nav,
body.page-events .site-header .nav,
body.page-events .site-header .main-nav,
body.page-gallery .site-header .nav,
body.page-gallery .site-header .main-nav,
body.page-music .site-header .nav,
body.page-music .site-header .main-nav,
body.legal-page .site-header .nav,
body.legal-page .site-header .main-nav{
  height:70px !important;
  display:grid !important;
  grid-template-columns:260px 1fr 260px !important;
  align-items:center !important;
  gap:28px !important;
  padding:0 !important;
}

body.page-index .site-header .brand,
body.page-about .site-header .brand,
body.page-contact .site-header .brand,
body.page-events .site-header .brand,
body.page-gallery .site-header .brand,
body.page-music .site-header .brand,
body.legal-page .site-header .brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-width:230px !important;
  color:#f6f2ff !important;
  text-decoration:none !important;
}

body.page-index .site-header .brand-logo,
body.page-about .site-header .brand-logo,
body.page-contact .site-header .brand-logo,
body.page-events .site-header .brand-logo,
body.page-gallery .site-header .brand-logo,
body.page-music .site-header .brand-logo,
body.legal-page .site-header .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  border-radius:50% !important;
  display:block !important;
}

body.page-index .site-header .brand-text,
body.page-about .site-header .brand-text,
body.page-contact .site-header .brand-text,
body.page-events .site-header .brand-text,
body.page-gallery .site-header .brand-text,
body.page-music .site-header .brand-text,
body.legal-page .site-header .brand-text{
  display:block !important;
  font-size:1.05rem !important;
  line-height:1.05 !important;
  letter-spacing:.26em !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
}

body.page-index .site-header .nav-links,
body.page-about .site-header .nav-links,
body.page-contact .site-header .nav-links,
body.page-events .site-header .nav-links,
body.page-gallery .site-header .nav-links,
body.page-music .site-header .nav-links,
body.legal-page .site-header .nav-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:34px !important;
  color:rgba(246,242,255,.84) !important;
  font-size:.96rem !important;
  font-weight:400 !important;
}

body.page-index .site-header .nav-links a,
body.page-about .site-header .nav-links a,
body.page-contact .site-header .nav-links a,
body.page-events .site-header .nav-links a,
body.page-gallery .site-header .nav-links a,
body.page-music .site-header .nav-links a,
body.legal-page .site-header .nav-links a{
  color:inherit !important;
  position:relative !important;
  padding:24px 0 !important;
  text-shadow:none !important;
  text-decoration:none !important;
}

body.page-index .site-header .nav-links a:hover,
body.page-index .site-header .nav-links a.active,
body.page-about .site-header .nav-links a:hover,
body.page-about .site-header .nav-links a.active,
body.page-contact .site-header .nav-links a:hover,
body.page-contact .site-header .nav-links a.active,
body.page-events .site-header .nav-links a:hover,
body.page-events .site-header .nav-links a.active,
body.page-gallery .site-header .nav-links a:hover,
body.page-gallery .site-header .nav-links a.active,
body.page-music .site-header .nav-links a:hover,
body.page-music .site-header .nav-links a.active,
body.legal-page .site-header .nav-links a:hover,
body.legal-page .site-header .nav-links a.active{
  color:#fff !important;
}

body.page-index .site-header .nav-links a:hover:after,
body.page-index .site-header .nav-links a.active:after,
body.page-about .site-header .nav-links a:hover:after,
body.page-about .site-header .nav-links a.active:after,
body.page-contact .site-header .nav-links a:hover:after,
body.page-contact .site-header .nav-links a.active:after,
body.page-events .site-header .nav-links a:hover:after,
body.page-events .site-header .nav-links a.active:after,
body.page-gallery .site-header .nav-links a:hover:after,
body.page-gallery .site-header .nav-links a.active:after,
body.page-music .site-header .nav-links a:hover:after,
body.page-music .site-header .nav-links a.active:after,
body.legal-page .site-header .nav-links a:hover:after,
body.legal-page .site-header .nav-links a.active:after{
  content:"" !important;
  position:absolute !important;
  left:-8px !important;
  right:-8px !important;
  bottom:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,#9b5cff,#e04cff) !important;
}

body.page-index .site-header .socials,
body.page-about .site-header .socials,
body.page-contact .site-header .socials,
body.page-events .site-header .socials,
body.page-gallery .site-header .socials,
body.page-music .site-header .socials,
body.legal-page .site-header .socials{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:26px !important;
}

body.page-index .site-header .socials a,
body.page-about .site-header .socials a,
body.page-contact .site-header .socials a,
body.page-events .site-header .socials a,
body.page-gallery .site-header .socials a,
body.page-music .site-header .socials a,
body.legal-page .site-header .socials a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

body.page-index .site-header .socials img,
body.page-about .site-header .socials img,
body.page-contact .site-header .socials img,
body.page-events .site-header .socials img,
body.page-gallery .site-header .socials img,
body.page-music .site-header .socials img,
body.legal-page .site-header .socials img{
  width:28px !important;
  height:28px !important;
  display:block !important;
  filter:invert(1) !important;
  opacity:.755 !important;
}

/* Tablet / iPhone: same stacked header layout everywhere */
@media(max-width:1100px){
  body.page-index .site-header .nav,
  body.page-index .site-header .main-nav,
  body.page-about .site-header .nav,
  body.page-about .site-header .main-nav,
  body.page-contact .site-header .nav,
  body.page-contact .site-header .main-nav,
  body.page-events .site-header .nav,
  body.page-events .site-header .main-nav,
  body.page-gallery .site-header .nav,
  body.page-gallery .site-header .main-nav,
  body.page-music .site-header .nav,
  body.page-music .site-header .main-nav,
  body.legal-page .site-header .nav,
  body.legal-page .site-header .main-nav{
    height:auto !important;
    grid-template-columns:1fr !important;
    padding:18px 0 !important;
    gap:18px !important;
  }

  body.page-index .site-header .brand,
  body.page-about .site-header .brand,
  body.page-contact .site-header .brand,
  body.page-events .site-header .brand,
  body.page-gallery .site-header .brand,
  body.page-music .site-header .brand,
  body.legal-page .site-header .brand{
    justify-content:center !important;
    min-width:auto !important;
  }

  body.page-index .site-header .nav-links,
  body.page-about .site-header .nav-links,
  body.page-contact .site-header .nav-links,
  body.page-events .site-header .nav-links,
  body.page-gallery .site-header .nav-links,
  body.page-music .site-header .nav-links,
  body.legal-page .site-header .nav-links{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:22px !important;
    font-size:1rem !important;
  }

  body.page-index .site-header .socials,
  body.page-about .site-header .socials,
  body.page-contact .site-header .socials,
  body.page-events .site-header .socials,
  body.page-gallery .site-header .socials,
  body.page-music .site-header .socials,
  body.legal-page .site-header .socials{
    justify-content:center !important;
    gap:24px !important;
  }
}


/* =========================================================
   iPhone header height fix for About + Events
   Keeps these pages aligned with the other mobile headers.
   ========================================================= */

@media(max-width:768px){
  body.page-about .site-header,
  body.page-events .site-header{
    top:0 !important;
  }

  body.page-about .site-header .nav,
  body.page-about .site-header .main-nav,
  body.page-events .site-header .nav,
  body.page-events .site-header .main-nav{
    min-height:0 !important;
    height:auto !important;
    padding:12px 0 12px !important;
    gap:12px !important;
    grid-template-columns:1fr !important;
    align-items:center !important;
  }

  body.page-about .site-header .brand,
  body.page-events .site-header .brand{
    justify-content:center !important;
    min-width:0 !important;
    gap:10px !important;
  }

  body.page-about .site-header .brand-logo,
  body.page-events .site-header .brand-logo{
    width:42px !important;
    height:42px !important;
  }

  body.page-about .site-header .brand-text,
  body.page-events .site-header .brand-text{
    font-size:.92rem !important;
    line-height:1.02 !important;
    letter-spacing:.22em !important;
  }

  body.page-about .site-header .nav-links,
  body.page-events .site-header .nav-links{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:18px !important;
    font-size:.95rem !important;
  }

  body.page-about .site-header .nav-links a,
  body.page-events .site-header .nav-links a{
    padding:8px 0 10px !important;
  }

  body.page-about .site-header .socials,
  body.page-events .site-header .socials{
    justify-content:center !important;
    gap:22px !important;
  }

  body.page-about .site-header .socials a,
  body.page-events .site-header .socials a{
    width:30px !important;
    height:30px !important;
  }

  body.page-about .site-header .socials img,
  body.page-events .site-header .socials img{
    width:25px !important;
    height:25px !important;
  }

  body.page-about .page-hero,
  body.page-events .page-hero{
    padding-top:52px !important;
  }
}

/* =========================================================
   MOBILE NAVBAR: use the Events page navbar layout everywhere
   ========================================================= */

@media(max-width:768px){
  body.page-index .site-header,
  body.page-about .site-header,
  body.page-contact .site-header,
  body.page-events .site-header,
  body.page-gallery .site-header,
  body.page-music .site-header,
  body.legal-page .site-header{
    top:0 !important;
  }

  body.page-index .site-header .nav,
  body.page-index .site-header .main-nav,
  body.page-about .site-header .nav,
  body.page-about .site-header .main-nav,
  body.page-contact .site-header .nav,
  body.page-contact .site-header .main-nav,
  body.page-events .site-header .nav,
  body.page-events .site-header .main-nav,
  body.page-gallery .site-header .nav,
  body.page-gallery .site-header .main-nav,
  body.page-music .site-header .nav,
  body.page-music .site-header .main-nav,
  body.legal-page .site-header .nav,
  body.legal-page .site-header .main-nav{
    min-height:0 !important;
    height:auto !important;
    padding:12px 0 12px !important;
    gap:12px !important;
    grid-template-columns:1fr !important;
    align-items:center !important;
  }

  body.page-index .site-header .brand,
  body.page-about .site-header .brand,
  body.page-contact .site-header .brand,
  body.page-events .site-header .brand,
  body.page-gallery .site-header .brand,
  body.page-music .site-header .brand,
  body.legal-page .site-header .brand{
    justify-content:center !important;
    min-width:0 !important;
    gap:10px !important;
  }

  body.page-index .site-header .brand-logo,
  body.page-about .site-header .brand-logo,
  body.page-contact .site-header .brand-logo,
  body.page-events .site-header .brand-logo,
  body.page-gallery .site-header .brand-logo,
  body.page-music .site-header .brand-logo,
  body.legal-page .site-header .brand-logo{
    width:42px !important;
    height:42px !important;
  }

  body.page-index .site-header .brand-text,
  body.page-about .site-header .brand-text,
  body.page-contact .site-header .brand-text,
  body.page-events .site-header .brand-text,
  body.page-gallery .site-header .brand-text,
  body.page-music .site-header .brand-text,
  body.legal-page .site-header .brand-text{
    font-size:.92rem !important;
    line-height:1.02 !important;
    letter-spacing:.22em !important;
  }

  body.page-index .site-header .nav-links,
  body.page-about .site-header .nav-links,
  body.page-contact .site-header .nav-links,
  body.page-events .site-header .nav-links,
  body.page-gallery .site-header .nav-links,
  body.page-music .site-header .nav-links,
  body.legal-page .site-header .nav-links{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:18px !important;
    font-size:.95rem !important;
  }

  body.page-index .site-header .nav-links a,
  body.page-about .site-header .nav-links a,
  body.page-contact .site-header .nav-links a,
  body.page-events .site-header .nav-links a,
  body.page-gallery .site-header .nav-links a,
  body.page-music .site-header .nav-links a,
  body.legal-page .site-header .nav-links a{
    padding:8px 0 10px !important;
  }

  body.page-index .site-header .socials,
  body.page-about .site-header .socials,
  body.page-contact .site-header .socials,
  body.page-events .site-header .socials,
  body.page-gallery .site-header .socials,
  body.page-music .site-header .socials,
  body.legal-page .site-header .socials{
    justify-content:center !important;
    gap:22px !important;
  }

  body.page-index .site-header .socials a,
  body.page-about .site-header .socials a,
  body.page-contact .site-header .socials a,
  body.page-events .site-header .socials a,
  body.page-gallery .site-header .socials a,
  body.page-music .site-header .socials a,
  body.legal-page .site-header .socials a{
    width:30px !important;
    height:30px !important;
  }

  body.page-index .site-header .socials img,
  body.page-about .site-header .socials img,
  body.page-contact .site-header .socials img,
  body.page-events .site-header .socials img,
  body.page-gallery .site-header .socials img,
  body.page-music .site-header .socials img,
  body.legal-page .site-header .socials img{
    width:25px !important;
    height:25px !important;
  }
}


/* =========================================================
   MUSIC PAGE: clean SoundCloud list layout
   Applies the readable Startpage-style player treatment to
   DJ-Sets and Original Productions without duplicate labels.
   ========================================================= */

body.page-music .music-releases{
  display:grid !important;
  gap:16px !important;
  margin-top:24px !important;
}

body.page-music .release-card{
  display:grid !important;
  grid-template-columns:240px minmax(360px,1fr) 120px !important;
  align-items:center !important;
  gap:22px !important;
  padding:18px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
  box-shadow:0 18px 58px rgba(0,0,0,.22) !important;
}

body.page-music .release-card .cover{
  display:none !important;
}

body.page-music .release-meta{
  min-width:0 !important;
}

body.page-music .release-meta .type{
  color:#d17bff !important;
  font-size:.76rem !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  margin-bottom:6px !important;
}

body.page-music .release-meta h3{
  font-size:1.1rem !important;
  line-height:1.28 !important;
  letter-spacing:.02em !important;
  font-weight:700 !important;
  color:#f6f2ff !important;
  margin:0 0 6px !important;
}

body.page-music .release-meta p{
  color:rgba(246,242,255,.72) !important;
  font-size:.9rem !important;
  line-height:1.35 !important;
  margin:0 !important;
}

body.page-music .soundcloud-player{
  width:100% !important;
  min-height:86px !important;
  height:86px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:5px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#070a14 !important;
  box-shadow:0 18px 48px rgba(0,0,0,.24) !important;
}

body.page-music .soundcloud-embed{
  display:block !important;
  width:100% !important;
  height:86px !important;
  min-height:86px !important;
  border:0 !important;
  border-radius:5px !important;
}

body.page-music .open-link{
  color:#bd8cff !important;
  font-size:.86rem !important;
  line-height:1.25 !important;
  text-align:right !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}

body.page-music .open-link:hover{
  color:#64eaff !important;
}

@media(max-width:900px){
  body.page-music .music-releases{
    gap:16px !important;
  }

  body.page-music .release-card{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:16px !important;
  }

  body.page-music .release-meta .type{
    font-size:.72rem !important;
    margin-bottom:4px !important;
  }

  body.page-music .release-meta h3{
    font-size:1.05rem !important;
    line-height:1.3 !important;
    margin-bottom:4px !important;
  }

  body.page-music .release-meta p{
    font-size:.88rem !important;
  }

  body.page-music .soundcloud-player,
  body.page-music .soundcloud-embed{
    height:86px !important;
    min-height:86px !important;
  }

  body.page-music .open-link{
    text-align:left !important;
    font-size:.9rem !important;
    white-space:normal !important;
    margin-top:2px !important;
  }
}


/* ===== About page rich content update ===== */
body.page-about .about-rich {
  max-width: 1080px;
  margin: 0 auto;
}

body.page-about .about-intro-grid {
  display: grid;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
  gap: 34px;
  align-items: start;
  margin-bottom: 34px;
}

body.page-about .about-copy h2,
body.page-about .about-rich > h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(1.35rem, 2.6vw, 2.1rem);
  line-height: 1.18;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 500;
}

body.page-about .about-rich > h2 {
  margin-top: 42px;
}

body.page-about .about-rich p {
  color: rgba(246,242,255,.76);
  line-height: 1.78;
  font-size: 1rem;
  margin: 0 0 18px;
}

body.page-about .about-rich strong {
  color: #fff;
  font-weight: 700;
}

body.page-about .about-rich em {
  color: #e7d8ff;
}

body.page-about .about-portrait,
body.page-about .about-wide-image {
  margin: 0;
}

body.page-about .about-portrait img,
body.page-about .about-wide-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.035);
  box-shadow: 0 22px 60px rgba(0,0,0,.38);
}

body.page-about .about-portrait img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

body.page-about .about-wide-image {
  margin: 38px 0 38px;
}

body.page-about .about-wide-image img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

body.page-about .about-wide-image-detail img {
  aspect-ratio: 16 / 9;
  object-position: center;
}

body.page-about .about-portrait figcaption,
body.page-about .about-wide-image figcaption {
  margin-top: 10px;
  color: rgba(246,242,255,.56);
  font-size: .9rem;
  text-align: center;
  line-height: 1.45;
}

@media (max-width: 820px) {
  body.page-about .about-intro-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.page-about .about-portrait {
    max-width: 420px;
    margin: 0 auto;
  }

  body.page-about .about-rich p {
    font-size: .98rem;
  }
}


/* ===== Performance update: hero WebP + reduced mobile animation ===== */
@media (max-width: 980px) {
  body.page-index .synaptic-live-fx,
  body.page-index .si-crystal,
  body.page-index .si-energy,
  body.page-index .si-formula-pulse,
  body.page-index .si-gap-glow {
    display: none !important;
    animation: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-index *,
  body.page-index *::before,
  body.page-index *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}


/* === Social Icons Equal Size Fix === */
body.page-index .socials a img,
body.page-about .socials a img,
body.page-events .socials a img{
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    object-fit:contain !important;
    display:block !important;
}

body.page-index .socials a,
body.page-about .socials a,
body.page-events .socials a{
    width:34px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* =========================================================
   Social icon optical alignment patch
   Purpose: SoundCloud + YouTube are optically smaller than
   Instagram + Facebook. Keep the same link box, but enlarge
   and lift only the two left icons.
   ========================================================= */

body.page-index .socials a,
body.page-about .socials a,
body.page-events .socials a,
body.page-gallery .socials a,
body.page-music .socials a,
body.page-contact .socials a {
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}

body.page-index .socials img,
body.page-about .socials img,
body.page-events .socials img,
body.page-gallery .socials img,
body.page-music .socials img,
body.page-contact .socials img {
  width:28px !important;
  height:28px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block !important;
  filter:invert(1) !important;
  opacity:.755 !important;
}

/* SoundCloud: larger and slightly raised */
body.page-index .socials img[src*="soundcloud"],
body.page-about .socials img[src*="soundcloud"],
body.page-events .socials img[src*="soundcloud"],
body.page-gallery .socials img[src*="soundcloud"],
body.page-music .socials img[src*="soundcloud"],
body.page-contact .socials img[src*="soundcloud"] {
  width:36px !important;
  height:36px !important;
  transform:translateY(-2px) !important;
  transform-origin:center center !important;
}

/* YouTube: larger and slightly raised */
body.page-index .socials img[src*="youtube"],
body.page-about .socials img[src*="youtube"],
body.page-events .socials img[src*="youtube"],
body.page-gallery .socials img[src*="youtube"],
body.page-music .socials img[src*="youtube"],
body.page-contact .socials img[src*="youtube"] {
  width:35px !important;
  height:35px !important;
  transform:translateY(-2px) !important;
  transform-origin:center center !important;
}

/* Keep hover behaviour without losing the alignment correction */
body.page-index .socials a:hover img[src*="soundcloud"],
body.page-about .socials a:hover img[src*="soundcloud"],
body.page-events .socials a:hover img[src*="soundcloud"],
body.page-gallery .socials a:hover img[src*="soundcloud"],
body.page-music .socials a:hover img[src*="soundcloud"],
body.page-contact .socials a:hover img[src*="soundcloud"] {
  opacity:1 !important;
  transform:translateY(-2px) scale(1.08) !important;
}

body.page-index .socials a:hover img[src*="youtube"],
body.page-about .socials a:hover img[src*="youtube"],
body.page-events .socials a:hover img[src*="youtube"],
body.page-gallery .socials a:hover img[src*="youtube"],
body.page-music .socials a:hover img[src*="youtube"],
body.page-contact .socials a:hover img[src*="youtube"] {
  opacity:1 !important;
  transform:translateY(-2px) scale(1.08) !important;
}


/* ===== Gallery variant B: grouped album selector ===== */
body.page-gallery .gallery-events.gallery-events-grouped{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:28px 34px !important;
  margin:22px 0 34px !important;
}
body.page-gallery .gallery-year-group{
  min-width:0 !important;
}
body.page-gallery .gallery-year-heading{
  display:grid !important;
  grid-template-columns:auto auto 1fr !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:1.05rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}
body.page-gallery .gallery-year-heading:after{
  content:"" !important;
  display:block !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(155,92,255,.55),transparent) !important;
}
body.page-gallery .gallery-year-dot{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#a85cff !important;
  box-shadow:0 0 16px rgba(168,92,255,.65) !important;
}
body.page-gallery .gallery-year-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
body.page-gallery .gallery-event-btn.gallery-album-btn{
  width:100% !important;
  min-height:74px !important;
  padding:12px 16px !important;
  display:grid !important;
  grid-template-columns:42px 1fr !important;
  align-items:center !important;
  gap:14px !important;
  text-align:left !important;
  border-radius:7px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) !important;
  color:rgba(246,242,255,.86) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}
body.page-gallery .gallery-event-btn.gallery-album-btn:hover{
  border-color:rgba(155,92,255,.55) !important;
  background:linear-gradient(135deg,rgba(155,92,255,.20),rgba(100,234,255,.055)) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 24px rgba(155,92,255,.12) !important;
}
body.page-gallery .gallery-event-btn.gallery-album-btn.active{
  border-color:rgba(224,76,255,.72) !important;
  background:linear-gradient(135deg,#9b5cff,#e04cff) !important;
  color:#fff !important;
  box-shadow:0 16px 42px rgba(155,92,255,.30),0 0 28px rgba(224,76,255,.18) !important;
  transform:translateY(-2px) !important;
}
body.page-gallery .gallery-event-icon{
  width:42px !important;
  height:42px !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:rgba(246,242,255,.82) !important;
  background:rgba(255,255,255,.035) !important;
  flex:none !important;
}
body.page-gallery .gallery-event-icon svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
body.page-gallery .gallery-event-btn.gallery-album-btn.active .gallery-event-icon{
  color:#fff !important;
  border-color:rgba(255,255,255,.46) !important;
  background:rgba(255,255,255,.12) !important;
}
body.page-gallery .gallery-event-copy{
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}
body.page-gallery .gallery-event-name{
  display:block !important;
  color:inherit !important;
  font-size:.88rem !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
body.page-gallery .gallery-event-date{
  display:block !important;
  color:#bd8cff !important;
  font-size:.88rem !important;
  line-height:1.25 !important;
  font-weight:650 !important;
  letter-spacing:.03em !important;
}
body.page-gallery .gallery-event-btn.gallery-album-btn.active .gallery-event-date{
  color:rgba(255,255,255,.88) !important;
}
body.page-gallery .gallery-video-link{
  width:auto !important;
  min-height:58px !important;
  padding:14px 22px 14px 64px !important;
  position:relative !important;
  border-radius:7px !important;
  background:linear-gradient(135deg,rgba(155,92,255,.26),rgba(255,255,255,.045)) !important;
  border:1px solid rgba(155,92,255,.44) !important;
  color:#fff !important;
}
body.page-gallery .gallery-video-link:before{
  content:"▶" !important;
  position:absolute !important;
  left:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:32px !important;
  height:32px !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.32) !important;
  display:grid !important;
  place-items:center !important;
  font-size:.78rem !important;
  color:#dcb8ff !important;
}
@media(max-width:1100px){
  body.page-gallery .gallery-events.gallery-events-grouped{grid-template-columns:1fr !important;}
}
@media(max-width:760px){
  body.page-gallery .gallery-year-grid{grid-template-columns:1fr !important;}
  body.page-gallery .gallery-event-btn.gallery-album-btn{min-height:68px !important;}
}


/* ChatGPT gallery thumbnail cards */
.gallery-event-thumb{
 width:72px;
 height:72px;
 border-radius:10px;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
 background:rgba(255,255,255,.05);
 border:1px solid rgba(255,255,255,.15);
}
.gallery-event-thumb img{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
}
.gallery-event-btn{
 display:flex !important;
 align-items:center;
 gap:16px;
}
.gallery-event-copy{
 display:flex;
 flex-direction:column;
 text-align:left;
}

/* ChatGPT Gallery Final Button and Initial State Fix */
body.page-gallery .gallery-event-btn,
body.page-index .gallery-event-btn{
  min-height:88px !important;
  height:auto !important;
  padding:10px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  overflow:hidden !important;
}

body.page-gallery .gallery-event-thumb,
body.page-index .gallery-event-thumb{
  flex:0 0 86px !important;
  width:86px !important;
  height:66px !important;
  margin:0 !important;
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
  border-radius:8px !important;
}

body.page-gallery .gallery-event-thumb img,
body.page-index .gallery-event-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

body.page-gallery .gallery-event-copy,
body.page-index .gallery-event-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin-left:0 !important;
  padding-left:18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  text-align:right !important;
  position:relative !important;
  z-index:2 !important;
}

body.page-gallery .gallery-event-name,
body.page-gallery .gallery-event-date,
body.page-index .gallery-event-name,
body.page-index .gallery-event-date{
  display:block !important;
  width:100% !important;
  text-align:right !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.08 !important;
}

body.page-gallery .gallery-video-link,
body.page-index .gallery-video-link{
  text-decoration:none !important;
  min-height:88px !important;
  height:auto !important;
}

body.page-gallery .gallery-album,
body.page-index .gallery-album{
  display:none !important;
}

body.page-gallery .gallery-album.active,
body.page-index .gallery-album.active{
  display:block !important;
}

/* ChatGPT: global top video button */
body.page-gallery .gallery-global-video-wrap,
body.page-index .gallery-global-video-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:0 auto 34px auto !important;
  grid-column:1 / -1 !important;
}

body.page-gallery .gallery-global-video-button,
body.page-index .gallery-global-video-button{
  width:min(430px,100%) !important;
  min-height:88px !important;
  height:auto !important;
  margin:0 auto !important;
}

body.page-gallery .gallery-video-link,
body.page-index .gallery-video-link{
  text-decoration:none !important;
}

@media(max-width:900px){
  body.page-gallery .gallery-global-video-button,
  body.page-index .gallery-global-video-button{
    width:100% !important;
  }
}

/* ChatGPT: video page gallery background */
body.page-videos,
body.page-video,
body.videos-page,
body.video-page{
  min-height:100vh !important;
  color:#f6f2ff !important;
  background:
    radial-gradient(circle at 48% 30%,rgba(224,76,255,.34),transparent 22rem),
    radial-gradient(circle at 58% 52%,rgba(155,92,255,.40),transparent 30rem),
    radial-gradient(circle at 78% 38%,rgba(100,234,255,.12),transparent 24rem),
    linear-gradient(180deg,rgba(5,7,17,.90),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  background-color:#050711 !important;
  background-attachment:fixed !important;
}

body.page-videos:before,
body.page-video:before,
body.videos-page:before,
body.video-page:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-4 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 32% 40%,rgba(224,76,255,.26),transparent 24rem),
    radial-gradient(circle at 58% 48%,rgba(155,92,255,.36),transparent 30rem),
    linear-gradient(180deg,#050711,#070b16) !important;
}

body.page-videos:after,
body.page-video:after,
body.videos-page:after,
body.video-page:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(5,7,17,.08),rgba(5,7,17,.70) 70%,#050711 100%) !important;
}

body.page-videos .section-shell,
body.page-video .section-shell,
body.videos-page .section-shell,
body.video-page .section-shell,
body.page-videos .video-card,
body.page-video .video-card,
body.videos-page .video-card,
body.video-page .video-card{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

/* ChatGPT: same background for gallery and video pages */
body.page-gallery{
  min-height:100vh !important;
  color:#f6f2ff !important;
  background:
    radial-gradient(circle at 48% 30%,rgba(224,76,255,.34),transparent 22rem),
    radial-gradient(circle at 58% 52%,rgba(155,92,255,.40),transparent 30rem),
    radial-gradient(circle at 78% 38%,rgba(100,234,255,.12),transparent 24rem),
    linear-gradient(180deg,rgba(5,7,17,.90),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  background-color:#050711 !important;
  background-attachment:fixed !important;
}

body.page-gallery:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-4 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 32% 40%,rgba(224,76,255,.26),transparent 24rem),
    radial-gradient(circle at 58% 48%,rgba(155,92,255,.36),transparent 30rem),
    linear-gradient(180deg,#050711,#070b16) !important;
}

body.page-gallery:after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(5,7,17,.08),rgba(5,7,17,.70) 70%,#050711 100%) !important;
}

body.page-gallery .gallery-overlay{
  background:
    radial-gradient(circle at 48% 30%,rgba(224,76,255,.34),transparent 22rem),
    radial-gradient(circle at 58% 52%,rgba(155,92,255,.40),transparent 30rem),
    radial-gradient(circle at 78% 38%,rgba(100,234,255,.12),transparent 24rem),
    linear-gradient(180deg,rgba(5,7,17,.90),rgba(5,7,17,.98)),
    url("../synaptic-hero.webp") right top / cover no-repeat !important;
  background-color:#050711 !important;
  background-attachment:fixed !important;
}

body.page-gallery .section-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

/* ChatGPT: gallery raster overlay to match video page */
body.page-gallery::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px) !important;
  background-size:80px 80px !important;
  opacity:.45 !important;
}

body.page-gallery .container,
body.page-gallery .gallery-shell,
body.page-gallery .section-shell{
  position:relative !important;
  z-index:1 !important;
}


/* ==========================================================
   FINAL FIX: Same visible Synaptic background on Gallery + Videos
   The previous fix used negative z-index pseudo elements, which can
   disappear behind the page background in some browser/layout contexts.
   This block keeps the artwork visible and puts all content above it.
   ========================================================== */

html,
body.page-gallery,
body.page-videos{
  min-height:100% !important;
  background:#050711 !important;
}

body.page-gallery,
body.page-videos{
  position:relative !important;
  isolation:isolate !important;
  overflow-x:hidden !important;
  background-color:#050711 !important;
}

body.page-gallery::before,
body.page-videos::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(5,7,17,.38),rgba(5,7,17,.82)),
    url("../synaptic-hero.webp") right top / cover no-repeat fixed !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
}

body.page-gallery::after,
body.page-videos::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 70% 30%,rgba(224,76,255,.10),transparent 22rem),
    radial-gradient(circle at 78% 48%,rgba(100,234,255,.08),transparent 28rem),
    linear-gradient(180deg,transparent 0%,rgba(5,7,17,.55) 74%,#050711 100%) !important;
  opacity:1 !important;
  visibility:visible !important;
}

body.page-gallery > *,
body.page-videos > *{
  position:relative !important;
  z-index:1 !important;
}

body.page-gallery .site-header,
body.page-videos .site-header{
  z-index:50 !important;
}

body.page-gallery .gallery-overlay,
body.page-gallery .gallery-overlay.active{
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  filter:none !important;
  -webkit-filter:none !important;
}

body.page-gallery .gallery-overlay::before,
body.page-gallery .gallery-overlay::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

@supports (-webkit-hyphens:none){
  body.page-gallery::before,
  body.page-videos::before{
    background:
      linear-gradient(180deg,rgba(5,7,17,.38),rgba(5,7,17,.82)),
      url("../synaptic-hero.webp") right top / cover no-repeat scroll !important;
  }
}


/* ==========================================================
   FINAL OVERRIDE – VARIANTE B
   Gallery background only inside the main content area.
   Header and footer stay dark/clean.

   CSS file location:
   /assets/css/synaptic-impact.css

   Background file location:
   /assets/synaptic-hero.webp
   ========================================================== */

body.page-music,
body.page-events,
body.page-about,
body.page-contact{
  background:#050711 !important;
  background-image:none !important;
  overflow-x:hidden !important;
}

/* Header and footer remain dark */
body.page-music .site-header,
body.page-events .site-header,
body.page-about .site-header,
body.page-contact .site-header,
body.page-music .footer,
body.page-events .footer,
body.page-about .footer,
body.page-contact .footer{
  background:rgba(5,7,17,.96) !important;
  position:relative !important;
  z-index:20 !important;
}

/* Hero/content area receives the Gallery background */
body.page-music main,
body.page-events main,
body.page-about main,
body.page-contact main{
  position:relative !important;
  z-index:1 !important;
  background:
    linear-gradient(
      180deg,
      rgba(5,7,17,.35),
      rgba(5,7,17,.82)
    ),
    url("../synaptic-hero.webp")
    center center / cover no-repeat !important;
  background-color:#050711 !important;
}

/* Transparent sections so the background remains visible */
body.page-music .page-hero,
body.page-events .page-hero,
body.page-about .page-hero,
body.page-contact .page-hero,
body.page-music .content-section,
body.page-events .content-section,
body.page-about .content-section,
body.page-contact .content-section,
body.page-music .music-hero,
body.page-events .music-hero,
body.page-about .music-hero,
body.page-contact .music-hero{
  background:transparent !important;
}

/* Keep glass panels readable */
body.page-music .section-shell,
body.page-events .section-shell,
body.page-about .section-shell,
body.page-contact .section-shell,
body.page-music .content-shell,
body.page-events .content-shell,
body.page-about .content-shell,
body.page-contact .content-shell,
body.page-music .hero-copy,
body.page-events .hero-copy,
body.page-about .hero-copy,
body.page-contact .hero-copy{
  background:
    linear-gradient(180deg,rgba(5,7,17,.64),rgba(5,7,17,.44)),
    rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

/* Music page has main.container; keep same background area visible */
body.page-music main.container{
  width:auto !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.page-music main.container > section,
body.page-music main.container > .section-shell{
  width:min(1200px,calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Safari stability */
@supports (-webkit-touch-callout:none){
  body.page-music main,
  body.page-events main,
  body.page-about main,
  body.page-contact main{
    background:
      linear-gradient(
        180deg,
        rgba(5,7,17,.35),
        rgba(5,7,17,.82)
      ),
      url("../synaptic-hero.webp")
      center center / cover no-repeat !important;
  }
}


/* ==========================================================
   FINAL OVERRIDE – VARIANTE B, ALIGNMENT FIX
   Events und Contact an Music/About anpassen.
   Kein grosser Cover-Zoom mehr.
   ========================================================== */

body.page-music,
body.page-events,
body.page-about,
body.page-contact{
  background:#050711 !important;
  background-image:none !important;
  overflow-x:hidden !important;
}

/* Header und Footer bleiben dunkel/ruhig */
body.page-music .site-header,
body.page-events .site-header,
body.page-about .site-header,
body.page-contact .site-header,
body.page-music .footer,
body.page-events .footer,
body.page-about .footer,
body.page-contact .footer{
  background:rgba(5,7,17,.96) !important;
  position:relative !important;
  z-index:20 !important;
}

/* Alle vier Seiten verwenden denselben Bildausschnitt:
   vollständiger, ruhiger Hintergrund statt cover-Zoom */
body.page-music main,
body.page-events main,
body.page-about main,
body.page-contact main{
  position:relative !important;
  z-index:1 !important;
  background:
    linear-gradient(
      180deg,
      rgba(5,7,17,.35),
      rgba(5,7,17,.82)
    ),
    url("../synaptic-hero.webp") !important;
  background-color:#050711 !important;
  background-repeat:no-repeat !important;
  background-position:center top !important;
  background-size:100% auto !important;
}

/* Alte Section-Hintergründe entfernen, damit das Motiv sichtbar bleibt */
body.page-music .page-hero,
body.page-events .page-hero,
body.page-about .page-hero,
body.page-contact .page-hero,
body.page-music .content-section,
body.page-events .content-section,
body.page-about .content-section,
body.page-contact .content-section,
body.page-music .music-hero,
body.page-events .music-hero,
body.page-about .music-hero,
body.page-contact .music-hero{
  background:transparent !important;
}

/* Music hat main.container – bleibt visuell wie bisher, aber mit vollem Hintergrund */
body.page-music main.container{
  width:auto !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.page-music main.container > section,
body.page-music main.container > .section-shell{
  width:min(1200px,calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Lesbarkeit der Panels erhalten */
body.page-music .section-shell,
body.page-events .section-shell,
body.page-about .section-shell,
body.page-contact .section-shell,
body.page-music .content-shell,
body.page-events .content-shell,
body.page-about .content-shell,
body.page-contact .content-shell,
body.page-music .hero-copy,
body.page-events .hero-copy,
body.page-about .hero-copy,
body.page-contact .hero-copy{
  background:
    linear-gradient(180deg,rgba(5,7,17,.64),rgba(5,7,17,.44)),
    rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

/* Sehr breite Screens: Motiv nicht endlos skalieren */
@media (min-width:1600px){
  body.page-music main,
  body.page-events main,
  body.page-about main,
  body.page-contact main{
    background-size:1600px auto !important;
  }
}

/* Mobile: etwas stärker füllen, aber ohne extremen Desktop-Zoom */
@media (max-width:700px){
  body.page-music main,
  body.page-events main,
  body.page-about main,
  body.page-contact main{
    background-size:auto 100% !important;
    background-position:center top !important;
  }
}