@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Geomini:wght@400;500;600;700;800&display=swap');
:root{
--ink-950:#0d0c14;--ink-900:#151420;--ink-800:#201f2e;--ink-700:#2d2b3f;--ink-600:#3d3a54;--white:#ffffff;--fog-200:#dcdcdc;--fog-400:#a8a6b8;
--gold-400:#ffe700;--gold-500:#ffd500;--coral-300:#df5962;--coral-400:#df425d;--coral-500:#cd3e40;--pink-neon:#ff02fa;--cyan-neon:#19fbf9;--purple-neon:#9f0bdd;
--chrome-100:#f2f2f2;--chrome-300:#c8c8c8;--chrome-500:#909090;--chrome-700:#4a4a4a;--purple-deep:#6e2199;--purple-bright:#c941d1;
--gradient-chrome:linear-gradient(160deg,var(--chrome-100) 10%,var(--chrome-500) 45%,var(--chrome-700) 55%,var(--chrome-300) 80%,var(--chrome-100) 100%);
--bg-page:var(--ink-900);--bg-surface:var(--ink-800);--bg-surface-raised:var(--ink-700);--bg-inverse:var(--white);
--text-primary:var(--white);--text-secondary:var(--fog-200);--text-muted:var(--fog-400);--text-on-accent:var(--white);
--accent-primary:var(--purple-bright);--accent-primary-hover:var(--purple-deep);--accent-secondary:var(--chrome-300);--accent-secondary-hover:var(--chrome-500);
--border-subtle:rgba(255,255,255,0.12);--border-strong:rgba(255,255,255,0.28);--link:var(--purple-bright);--link-hover:var(--purple-deep);--focus-ring:var(--cyan-neon);
--glitch-pink:var(--pink-neon);--glitch-cyan:var(--cyan-neon);--glitch-purple:var(--purple-neon);
--font-display:'Baloo 2',sans-serif;--font-body:'Geomini',-apple-system,BlinkMacSystemFont,sans-serif;
--size-eyebrow:0.75rem;--size-body-sm:0.9rem;--size-body:1rem;--size-body-lg:1.15rem;--size-h4:1.5rem;--size-h3:2rem;--size-h2:2.75rem;--size-h1:4rem;--size-display:6rem;
--lh-tight:1.05;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.7;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.06em;--tracking-widest:0.16em;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:120px;
--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-full:999px;
--shadow-card:0 12px 32px rgba(0,0,0,0.45);--shadow-glow-gold:0 0 24px rgba(255,231,0,0.35);--shadow-glow-cyan:0 0 20px rgba(25,251,249,0.4);--shadow-glow-purple:0 0 24px rgba(201,65,209,0.4);
--ease-standard:cubic-bezier(0.4,0,0.2,1);--duration-fast:120ms;--duration-base:200ms;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--lh-normal)}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover)}
::selection{background:var(--accent-primary);color:var(--text-on-accent)}
.text-chrome{background:var(--gradient-chrome);-webkit-background-clip:text;background-clip:text;color:transparent}

.hero{position:relative;height:70vh;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:48px;text-align:center;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg, rgba(13,12,20,0.15), var(--ink-900) 92%)}
.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.hero-content img.logo{width:min(70%,520px);margin-bottom:16px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:transform var(--duration-fast) var(--ease-standard)}
.btn:hover{transform:translateY(-2px);color:inherit}
.btn-cta{padding:16px 34px;font-size:1.1rem;background:var(--accent-primary);color:var(--text-on-accent);border:2px solid var(--accent-primary)}

.social-row{display:flex;gap:14px;justify-content:center;padding:var(--space-8) 0}
.social-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:background var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}
.social-icon:hover{background:var(--accent-primary);transform:translateY(-2px)}
.social-icon img{width:22px;height:22px}
.social-icon.sm{width:32px;height:32px}
.social-icon.sm img{width:14px;height:14px}

.split{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px,1fr));gap:var(--space-9);padding:var(--space-9);align-items:center}
.split p{color:var(--text-primary);line-height:var(--lh-relaxed);text-align:justify;margin:0 0 var(--space-4)}

.badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--size-eyebrow);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;white-space:nowrap;background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary)}
.section-heading{font-family:var(--font-display);font-weight:800;font-size:var(--size-h2);line-height:var(--lh-tight);margin:0}

.media-card{display:block;position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow-card);transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}
.media-card:hover{box-shadow:var(--shadow-glow-purple),var(--shadow-card);transform:scale(1.015)}
.media-card img{width:100%;height:100%;object-fit:cover;display:block}

.shows{padding:0 var(--space-9) var(--space-8);display:grid;grid-template-columns:repeat(auto-fit, minmax(280px,1fr));gap:var(--space-6)}
.show-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-top:var(--space-3)}
.show-title{margin:0;font-family:var(--font-body);font-weight:700;font-size:var(--size-body-lg);color:var(--text-primary)}
.show-date{font-family:var(--font-body);font-size:var(--size-body-sm);color:var(--accent-secondary);font-weight:600;white-space:nowrap}
.show-bio{margin:var(--space-2) 0 0;font-size:var(--size-body-sm);line-height:var(--lh-normal);color:var(--text-muted)}

.mixcloud-wrap{padding:0 var(--space-9) var(--space-6);text-align:center}
.mixcloud-wrap iframe{width:80%;height:120px;border:none}

footer{border-top:1px solid var(--border-subtle);padding:var(--space-6) var(--space-9);display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:0.8rem;flex-wrap:wrap;gap:12px}

.reveal{opacity:0;transform:translateY(16px);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
