:root{--bg:#050302;--gold:#c99a50;--orange:#ff7a1a;--purple:#8d4dff;--turq:#20d0c5;--text:#f6e8cc;--muted:#b49d7c;--border:rgba(201,154,80,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#241209 0%,#070403 42%,#020101 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(141,77,255,.18),transparent 28%),radial-gradient(circle at 80% 30%,rgba(32,208,197,.12),transparent 24%),radial-gradient(circle at 50% 90%,rgba(255,122,26,.18),transparent 32%);pointer-events:none;z-index:-3;animation:pulse 8s ease-in-out infinite alternate}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.orb{position:fixed;border-radius:50%;filter:blur(55px);z-index:-2;opacity:.42}.orb-a{width:340px;height:340px;background:var(--purple);left:-90px;top:30%}.orb-b{width:300px;height:300px;background:var(--orange);right:-80px;bottom:10%}header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(18px,4vw,60px);background:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,.18));backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,154,80,.12)}.brand-logo img{width:100px;max-height:100px;object-fit:contain;display:block;filter:drop-shadow(0 0 18px rgba(255,122,26,.22))}nav{display:flex;gap:22px}nav a,.mini a,footer a{color:var(--text);text-decoration:none}nav a{font-size:13px;text-transform:uppercase;letter-spacing:.15em;color:#d8c2a0}.hero{min-height:100vh;display:grid;place-items:center;position:relative;padding:120px 20px 70px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,rgba(0,0,0,.76),rgba(0,0,0,.2),rgba(0,0,0,.88)),url('assets/band.jpg') center/cover no-repeat;opacity:.48;transform:scale(1.04)}.hero-content{width:min(1240px,94vw);display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.hero-copy{text-align:left}.hero-card{position:relative;justify-self:center}.hero-card img{width:min(430px,86vw);border-radius:32px;border:1px solid var(--border);box-shadow:0 30px 100px rgba(0,0,0,.8),0 0 55px rgba(141,77,255,.22)}.vinyl-ring{position:absolute;inset:10%;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.eyebrow,.kicker{color:var(--turq);text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:800;margin:20px 0 8px}h1,h2,h3{font-family:Cinzel,serif;margin:0}h1{font-size:clamp(58px,9vw,130px);line-height:.9;text-shadow:0 0 40px rgba(255,122,26,.25)}h2{font-size:clamp(34px,5vw,72px);line-height:1}h3{font-size:24px;color:var(--gold)}p{color:#e3d0ad;line-height:1.75;font-size:clamp(16px,2vw,20px)}.lead{max-width:720px;margin:26px 0}.actions,.mini{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap;margin-top:30px}.btn,.mini a{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border:1px solid var(--border);border-radius:999px;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:13px;color:var(--text);background:rgba(0,0,0,.35)}.btn.primary{background:linear-gradient(135deg,var(--orange),#7b2bff);box-shadow:0 0 32px rgba(255,122,26,.22)}.scroll{position:absolute;bottom:22px;color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.intro,.band,.cta,.listen{padding:110px clamp(20px,6vw,90px);text-align:center;max-width:1180px;margin:auto}.intro p,.center{max-width:850px;margin:24px auto 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:100px clamp(20px,6vw,90px);max-width:1400px;margin:auto}.album,.bandphoto{width:100%;border-radius:28px;border:1px solid var(--border);box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 40px rgba(141,77,255,.15)}.tracklist{display:grid;gap:12px;margin:28px 0;padding-left:24px;color:#f3ddba;font-family:Cinzel,serif;font-size:18px}.tracklist li::marker{color:var(--orange)}.players{display:grid;gap:16px;margin-top:38px}.players article{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;text-align:left;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(0,0,0,.22));border:1px solid var(--border);border-radius:22px;padding:18px}.players span{font-family:Cinzel,serif;font-size:34px;color:var(--orange)}audio{width:100%;margin-top:8px;filter:sepia(.3) saturate(1.4)}.members{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:40px}.members article{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.25));border:1px solid var(--border);border-radius:22px;padding:24px 18px}.members span{color:var(--turq);text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:800}.members p{color:#ccb58f;line-height:1.6;font-size:14px}.cta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(90deg,transparent,rgba(201,154,80,.08),transparent)}footer{padding:35px 20px;text-align:center;color:var(--muted);font-size:14px}@keyframes pulse{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(25deg)}}@media(max-width:980px){nav{display:flex}.hero-content,.grid{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.actions,.mini{justify-content:center}.members{grid-template-columns:1fr 1fr}.brand-logo img{width:145px}}@media(max-width:620px){h1{font-size:58px}.btn{width:100%}.members{grid-template-columns:1fr}.players article{grid-template-columns:1fr;text-align:center}.hero-card img{width:78vw}}.menu-toggle{
    display:none;
    background:none;
    border:none;
    color:#f6e8cc;
    font-size:32px;
    cursor:pointer;
    z-index:1001;
}

@media(max-width:980px){

    .menu-toggle{
        display:block;
    }

    nav{
        position:fixed;
        top:0;
        right:-100%;
        width:260px;
        height:100vh;
        background:rgba(5,3,2,.96);
        backdrop-filter:blur(14px);
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:28px;
        transition:.4s ease;
        z-index:1000;
        border-left:1px solid rgba(201,154,80,.25);
    }

    nav.active{
        right:0;
    }

    nav a{
        font-size:16px;
    }
}