:root{
      /* Neon carnival palette */
      --bg:#0a0a0a; --fg:#ffffff; --muted:#cbd5e1;
      --pink:#ff5ec9; --gold:#ffcb3c; --violet:#7c3aed; --teal:#00e0e0;
      --line:rgba(255,255,255,.14); --card:rgba(255,255,255,.06);
      --radius:18px; --max:1150px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif}
    img{display:block;max-width:100%;height:auto}
    a{color:inherit}
    .container{max-width:var(--max);margin:0 auto;padding:0 20px}
    .btn{display:inline-block;padding:14px 18px;border-radius:16px;border:1px solid #fff;text-decoration:none;font-weight:800}
    .btn.primary{background:#fff;color:#000}
    .btn.alt{background:transparent;border-color:#fff;color:#fff}

    /* HERO */
    .hero{position:relative;height:86vh;min-height:560px;display:grid;place-items:center;overflow:hidden;background:#171117;}
    .hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
    .hero .grad{position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,94,201,.35),rgba(255,203,60,.35),rgba(0,224,224,.35));filter:saturate(140%);background-size:200% 200%;animation:shift 14s linear infinite}
    .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.2) 30%,rgba(0,0,0,.6));}
    .hero-inner{position:relative;z-index:2;text-align:center;padding:0 18px}
    .hero h1{font-size:clamp(42px,7vw,80px);line-height:1.03;margin:0 0 8px;font-weight:900;letter-spacing:.02em}
    .tag{color:var(--muted);font-size:clamp(16px,2.6vw,22px)}
    .actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
    .marquee{ position:absolute; bottom:22px; left:0; right:0; overflow:hidden; white-space:nowrap; opacity:.9; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%); }
    .marquee span{display:inline-block;margin:0 28px}
    .marquee .track{ display:inline-block; padding-left:100%; animation: marquee 22s linear infinite; will-change: transform; }

    /* SECTIONS */
    section{padding:64px 0}
    h2{font-size:34px;margin:0 0 8px}
    p.lead{color:var(--muted);margin:6px 0 0}
    .grid{display:grid;gap:18px}
    @media(min-width:900px){.grid.two{grid-template-columns:1.2fr .8fr}; .grid.three{grid-template-columns:repeat(3,1fr)}}

    .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
    .card-inner{padding:16px}
    .card-head{display:flex;align-items:center;justify-content:space-between;padding:16px}

    /* LISTEN */
    .player{border:0;border-radius:16px;width:100%;height:380px}
    .platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
    @media(min-width:640px){.platforms{grid-template-columns:repeat(3,1fr)}}
    .pill{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}

    /* SHOWS */
    .shows{display:grid;gap:16px}
    @media(min-width:900px){.shows{grid-template-columns:repeat(2,1fr)}}
    .show{border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(0,0,0,.4)}
    .show .row{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .show .date{font-weight:800}
    .show .city{color:#cbd5e1;font-size:14px}

    /* VIDEO */
    .video-grid{display:grid;gap:16px}
    @media(min-width:900px){.video-grid{grid-template-columns:repeat(3,1fr)}}
    .video{aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;overflow:hidden}
    .video iframe{width:100%;height:100%;border:0}

    /* MERCH */
    .merch{display:grid;gap:16px}
    @media(min-width:900px){.merch{grid-template-columns:repeat(3,1fr)}}
    .merch .card img{height:210px;object-fit:cover}

    /* CONTACT */
    .splash{background:linear-gradient(135deg, rgba(124,58,237,.5), rgba(255,94,201,.35), rgba(0,224,224,.35));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;font-size:14px}
    .facts div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}

    /* FOOTER */
    footer{border-top:1px solid var(--line);padding:22px 0;color:#cbd5e1;font-size:14px}
    footer .row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

    /* Animations */
    @keyframes marquee{ 0%{ transform: translate3d(0,0,0); } 100%{ transform: translate3d(-50%,0,0); } }
    @keyframes shift{0%{background-position:0% 0%}100%{background-position:100% 100%}}
  /* Respect reduced motion */
    @media (prefers-reduced-motion: reduce){
      .hero .grad, .track { animation: none !important; }
      .hero video{ display:none; }
    }

    /* Subtle film grain to reduce gradient banding */
    .hero::before{
      content:""; position:absolute; inset:0; pointer-events:none;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.03"/></svg>');
      background-size: 160px 160px; mix-blend-mode: overlay;
    }

    /* Performance hint */
    .hero .grad, .track { will-change: transform, background-position, filter; }

    /* Visually-hidden for SEO/AT, but not display:none */
    .sr-only{
      position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
      clip:rect(0,0,0,0);white-space:nowrap;border:0;
    }

    /* Hero logo sizing/centering */
    .brand-logo{
      display:block;
      margin:10px auto 0;
      width:clamp(220px, 40vw, 520px);
      height:auto;
      filter: drop-shadow(0 8px 24px rgba(0,0,0,.45));
      image-rendering:-webkit-optimize-contrast;
    }

    /* Optional: tweak spacing below logo before the tagline */
    .hero .tag{ margin-top:12px; }
  
body.mz-band{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:hidden}body.mz-band main{width:100%;max-width:none;margin:0;padding:0} .mz-family{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:15px 24px;background:linear-gradient(110deg,#194d29,#493270,#682139);border-bottom:1px solid var(--line)}.mz-family nav{display:flex;gap:20px;flex-wrap:wrap}.mz-family a{text-decoration:none;font-weight:700}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mz-buy{margin-top:18px}.mz-photo{width:100%;border-radius:18px;margin-top:20px}.mz-band iframe{max-width:100%}.mz-band .btn:hover{background:#ffcb3c;color:#111}.mz-band a:focus-visible{outline:3px solid #ffcb3c;outline-offset:5px}@media(max-width:600px){.hero{height:70vh;min-height:480px}.hero-photo{object-position:46% center}.mz-family{padding:12px 18px}section{padding:40px 0}.brand-logo{width:min(86vw,440px)}}

.mz-band .player{height:auto;aspect-ratio:16/9;background:#000}.mz-band .mz-buy{display:flex;gap:12px;flex-wrap:wrap}

body.mz-band{background:#0a0a0a;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}body.mz-band h2{font-size:34px;color:#fff;margin:0 0 8px}body.mz-band h3{color:#fff}body.mz-band .hero{margin:0;padding:0}body.mz-band .hero-photo{max-width:none}body.mz-band .container{width:100%;max-width:1150px;margin:0 auto;padding-left:20px;padding-right:20px}body.mz-band a{color:inherit}body.mz-band .btn.primary{color:#000}