@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#090710;--panel:#13101d;--purple:#9819ff;--orange:#ff680b;--pink:#f32eb3;--white:#f9f5ff;--muted:#afa7ba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.nav{height:86px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:32px;padding:0 clamp(22px,5vw,90px);background:rgba(9,7,16,.95);border-bottom:1px solid #33253e;backdrop-filter:blur(14px)}.brand img{width:118px;max-height:64px;object-fit:contain}.nav nav{display:flex;gap:32px;margin:auto}.nav nav a{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.nav nav a:hover,.text-link:hover{color:var(--orange)}.nav-live{border:1px solid var(--purple);padding:13px 18px;font-size:12px;font-weight:800;letter-spacing:1px}.menu{display:none;background:none;border:0;color:white;font-size:27px}.hero{min-height:710px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,7,16,.96) 0%,rgba(9,7,16,.84) 38%,rgba(9,7,16,.15) 100%),url('assets/hero.png') center/cover no-repeat}.hero-content{position:relative;padding:100px clamp(24px,8vw,140px);max-width:950px}.eyebrow{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:4px}.eyebrow span{color:var(--purple);margin:0 12px}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0}h1{font-size:clamp(78px,10vw,154px);line-height:.82;letter-spacing:-2px;margin:32px 0}h1 em,h2 em{font-style:normal;color:var(--orange)}.lede{font-size:clamp(16px,1.7vw,21px);line-height:1.7;max-width:530px;color:#ded5e5}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.btn{display:inline-block;padding:18px 27px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-align:center}.primary{background:linear-gradient(110deg,var(--purple),var(--pink));box-shadow:0 10px 30px #8e18e633}.secondary{border:1px solid #8e6ba4;background:#130d20a8}.btn:hover{transform:translateY(-2px)}.hero-bottom{position:relative;padding:20px clamp(24px,5vw,90px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:3px;color:#b9a8c8}.ticker{display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap;background:#180e24;padding:20px;color:#fff;font:700 19px 'Barlow Condensed';letter-spacing:4px}.ticker i{font-style:normal;color:var(--orange)}.section{padding:110px clamp(24px,7vw,120px);max-width:1600px;margin:auto;scroll-margin-top:86px}.section-heading{margin-bottom:42px}.section h2{font-size:clamp(54px,7vw,92px);line-height:.96;margin:16px 0}.section-heading>p:last-child,.about-copy p{color:var(--muted);line-height:1.8}.live-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:25px}.stream-wrap{background:#130d1c;border:1px solid #463052;aspect-ratio:16/9}.stream-wrap iframe{width:100%;height:100%;border:0}.live-side{background:var(--panel);border:1px solid #34253e;padding:15px;display:flex;flex-direction:column;gap:20px}.live-side img{width:100%;aspect-ratio:16/9;object-fit:cover}.live-side small{color:var(--muted);line-height:1.6}.mixes-section{background:radial-gradient(ellipse at 90% 0%,#2b0d40 0%,transparent 50%)}.mix-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.mix-card{border:1px solid #392543;background:#130f1d;overflow:hidden}.mix-card>img{width:100%;height:390px;object-fit:cover;display:block}.mix-info{padding:28px}.mix-info span{font-size:11px;color:var(--orange);letter-spacing:2px;font-weight:800}.mix-info h3{font-size:36px;margin:12px 0}.mix-info p{color:var(--muted);line-height:1.7}.mix-info a,.mix-info button,.text-link{display:inline-block;color:#fff;background:none;border:0;padding:0;font-size:12px;font-weight:800;letter-spacing:1px}.card-actions{display:flex;flex-wrap:wrap;gap:20px}.about-section{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;border-top:1px solid #30253a;border-bottom:1px solid #30253a}.about-copy{font-size:17px}.about-copy .text-link{color:var(--orange);margin-top:16px}.connect-section{text-align:center}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;text-align:left}.social-grid a{background:#16101e;border:1px solid #42234f;padding:30px;display:flex;flex-direction:column;gap:14px}.social-grid a:hover{border-color:var(--orange);transform:translateY(-3px)}.social-grid span{font-size:10px;letter-spacing:2px;color:var(--muted)}.social-grid strong{font:800 35px 'Barlow Condensed';letter-spacing:1px}.social-grid small{color:var(--orange)}footer{border-top:1px solid #392943;padding:35px clamp(24px,7vw,120px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px;letter-spacing:2px}footer img{width:100px}dialog{background:#100b18;border:1px solid var(--purple);max-width:min(95vw,1100px);max-height:90vh;padding:16px}dialog::backdrop{background:#000d}dialog img{display:block;max-width:100%;max-height:80vh;object-fit:contain}#close-tracklist{float:right;color:white;background:#291638;border:0;padding:10px;margin-bottom:10px}@media(max-width:800px){.nav{height:72px;gap:15px}.brand img{width:94px}.menu{display:block;margin-left:auto}.nav-live{padding:10px;font-size:10px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px;background:#100a1b;flex-direction:column;gap:24px}.nav nav.open{display:flex}.hero{min-height:630px}.hero-bg{background:linear-gradient(90deg,#090710ee,#09071088),url('assets/hero.png') center/cover}.hero-content{padding:90px 24px}.hero-bottom span{display:none}.live-grid,.mix-grid,.about-section,.social-grid{grid-template-columns:1fr}.mix-card>img{height:auto;max-height:470px;object-fit:contain;background:#090710}.section{padding-top:75px;padding-bottom:75px}.about-section{gap:15px}footer{flex-wrap:wrap}.ticker{font-size:14px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}