
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --black:#060606;
  --white:#f0eeea;
  --accent:#2dd4bf;
  --accent-bright:#5eead4;
  --accent-glow:rgba(45,212,191,0.10);
  --muted:#666;
  --border:rgba(240,238,234,0.09);
  --border-accent:rgba(45,212,191,0.28);
}
html{scroll-behavior:smooth;}
body{font-family:'Space Grotesk',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}

.nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background:rgba(6,6,6,0.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.nav-logo img{height:22px;width:auto;}
.nav-links{display:flex;gap:2.5rem;}
.nav-links a{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);transition:color .2s;}
.nav-links a:hover{color:var(--white);}
.nav-pk{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border-accent);padding:5px 14px;}

.video-hero{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;}
.video-hero iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.video-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,6,1) 0%,rgba(6,6,6,0.4) 45%,transparent 70%);pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem 2.5rem 2.5rem;}
.hero-brand{display:flex;align-items:center;gap:1.5rem;margin-bottom:0.85rem;}
.hero-iso{height:72px;width:auto;filter:brightness(1.1);}
.hero-wm{height:42px;width:auto;}
.hero-sub{font-size:11px;letter-spacing:0.32em;text-transform:uppercase;color:var(--accent);}

.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border);}
.stat-item{padding:1.75rem 2.5rem;border-right:1px solid var(--border);}
.stat-item:last-child{border-right:none;}
.stat-val{font-size:2.2rem;font-weight:700;letter-spacing:-0.03em;line-height:1;}
.stat-val span{color:var(--accent);}
.stat-lbl{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-top:7px;}

.section{padding:5rem 2.5rem;border-bottom:1px solid var(--border);border-left:2px solid var(--border-accent);}
.section.no-accent{border-left:none;}
.section-inner{max-width:860px;margin:0 auto;}
.sec-label{display:flex;align-items:center;gap:0.9rem;margin-bottom:3rem;}
.sec-label-iso{height:16px;width:auto;filter:brightness(1.1);}
.sec-label-text{font-size:18px;font-weight:600;letter-spacing:0.01em;color:var(--accent);}
.sec-label::after{content:"";flex:1;height:1px;background:var(--border);}

.bio-body{font-size:15px;line-height:1.9;color:rgba(240,238,234,0.75);max-width:680px;text-align:justify;margin-left:auto;margin-right:auto;}
.bio-body strong{color:var(--white);font-weight:500;}
.warmup-wrap{background:rgba(45,212,191,0.04);border:1px solid var(--border-accent);padding:2.5rem;margin-top:3rem;}
.warmup-header{display:flex;align-items:center;gap:1rem;margin-bottom:0.5rem;}
.warmup-header-iso{height:14px;width:auto;filter:brightness(1.1);}
.warmup-header-label{font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--accent);}
.warmup-intro{font-size:13px;color:var(--muted);margin-bottom:1.75rem;letter-spacing:0.02em;line-height:1.6;}
.warmup-intro strong{color:rgba(240,238,234,0.6);font-weight:500;}
.djs{display:flex;flex-wrap:wrap;gap:8px;}
.dj{font-size:12px;padding:8px 18px;border:1px solid rgba(240,238,234,0.2);color:rgba(240,238,234,0.9);letter-spacing:0.05em;transition:all .25s;cursor:default;background:transparent;font-weight:500;}
.dj:hover{border-color:var(--accent);color:var(--accent-bright);background:rgba(45,212,191,0.08);}

.gallery-outer{overflow:hidden;}
.gallery-track{display:flex;gap:3px;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.gslide{flex-shrink:0;width:calc(33.333% - 2px);aspect-ratio:4/3;overflow:hidden;cursor:pointer;}
.gslide img{width:100%;height:100%;object-fit:cover;filter:brightness(0.75);transition:filter .3s,transform .4s;}
.gslide:hover img{filter:brightness(1);transform:scale(1.05);}
.gslide-ph{width:100%;height:100%;background:rgba(240,238,234,0.03);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);}
.gslide-ph span{font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:rgba(240,238,234,0.18);}
.gallery-controls{display:flex;gap:6px;margin-top:1rem;justify-content:flex-end;}
.gcbtn{background:transparent;border:1px solid var(--border);color:var(--muted);padding:7px 20px;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;transition:all .2s;}
.gcbtn:hover{border-color:var(--accent);color:var(--accent);}
.gallery-hint{font-size:10px;color:rgba(240,238,234,0.18);letter-spacing:0.1em;text-transform:uppercase;margin-top:0.6rem;text-align:right;}

.player-wrap{background:rgba(240,238,234,0.03);border:1px solid var(--border);padding:2rem;}
.player-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;}
.player-platform{font-size:16px;font-weight:500;}
.player-sub{font-size:11px;color:var(--muted);margin-top:4px;}
.player-open{font-size:11px;color:var(--accent);letter-spacing:0.12em;text-transform:uppercase;}
.player-divider{height:1px;background:var(--border);margin:1.75rem 0;}
.platform-label{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:0.85rem;}

.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:transparent;}
.ach-card{background:var(--black);padding:3rem;display:flex;align-items:center;gap:2.5rem;}
.ach-card{cursor:default;}
.ach-logo-box{width:120px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.ach-logo{max-width:116px;max-height:80px;object-fit:contain;}
.ach-title{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-0.01em;}
.ach-sub{font-size:12px;color:var(--muted);margin-top:6px;letter-spacing:0.04em;}

/* RELEASES GRID */
.releases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:transparent;}
.rel-card{background:var(--black);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;}
.rel-card:hover{background:rgba(45,212,191,0.05);}
.rel-cover{width:100%;aspect-ratio:1;overflow:hidden;position:relative;}
.rel-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(0.82);transition:filter .35s,transform .4s;display:block;}
.rel-card:hover .rel-cover img{filter:brightness(1);transform:scale(1.06);}
.rel-info{padding:0.65rem 0.75rem 0.75rem;}
.rel-title{font-size:11px;font-weight:600;color:var(--white);line-height:1.3;}
.rel-artist{font-size:10px;color:var(--muted);margin-top:2px;}
.rel-meta{display:flex;align-items:center;justify-content:space-between;margin-top:0.4rem;}
.rel-label{font-size:9px;color:var(--muted);letter-spacing:0.04em;}
.rel-flag{font-size:20px;line-height:1;}
.rel-bp{display:flex;align-items:center;gap:4px;margin-top:0.35rem;}
.rel-bp img{height:8px;width:auto;}
.rel-bp span{font-size:8px;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}

/* BANDCAMP SECTION */
.bc-header{display:flex;align-items:center;gap:1rem;margin:3rem 0 1.5rem;padding-top:2.5rem;border-top:1px solid var(--border);}
.bc-badge{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:#1da0c3;border:1px solid rgba(29,160,195,0.35);padding:4px 12px;}
.bc-title{font-size:14px;font-weight:600;color:var(--white);}
.bc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:transparent;}
.bc-card{background:var(--black);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;}
.bc-card:hover{background:rgba(29,160,195,0.06);}
.bc-cover{width:100%;aspect-ratio:1;overflow:hidden;}
.bc-cover img{width:100%;height:100%;object-fit:cover;filter:brightness(0.82);transition:filter .35s,transform .4s;display:block;}
.bc-card:hover .bc-cover img{filter:brightness(1);transform:scale(1.06);}
.bc-info{padding:0.65rem 0.75rem 0.75rem;}
.bc-title-track{font-size:11px;font-weight:600;color:var(--white);line-height:1.3;}
.bc-artist{font-size:10px;color:var(--muted);margin-top:2px;}
.bc-link{display:flex;align-items:center;gap:4px;margin-top:0.35rem;font-size:8px;letter-spacing:0.08em;text-transform:uppercase;color:#1da0c3;}
.bc-link svg{width:10px;height:10px;fill:#1da0c3;flex-shrink:0;}

.rider-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;}
.rider-cols{display:flex;flex-direction:column;gap:1.25rem;}
.rider-card{padding:1.5rem;border:1px solid var(--border);}
.rider-card-title{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;}
.rider-list{list-style:none;display:flex;flex-direction:column;gap:0.65rem;}
.rider-list li{font-size:13px;color:rgba(240,238,234,0.8);padding-left:1.25rem;position:relative;}
.rider-list li::before{content:"—";color:var(--accent);position:absolute;left:0;}
.rider-note{font-size:11px;color:var(--muted);margin-top:2px;padding-left:1.25rem;}
.rider-img-wrap{cursor:pointer;border:1px solid var(--border-accent);overflow:hidden;transition:border-color .2s;}
.rider-img-wrap:hover{border-color:var(--accent);}
.rider-img-wrap img{width:100%;display:block;filter:brightness(0.92);transition:filter .2s;}
.rider-img-wrap:hover img{filter:brightness(1.05);}
.rider-img-hint{font-size:9px;color:var(--accent);text-align:center;padding:8px;letter-spacing:0.14em;text-transform:uppercase;background:rgba(45,212,191,0.06);border-top:1px solid var(--border-accent);}

.booking-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch;}
.booking-form{display:flex;flex-direction:column;gap:1rem;height:100%;}
.finput{background:rgba(240,238,234,0.04);border:1px solid var(--border);padding:0.9rem 1rem;font-size:14px;color:var(--white);font-family:inherit;outline:none;width:100%;transition:border-color .2s;resize:vertical;}
.finput:focus{border-color:var(--border-accent);}
.finput::placeholder{color:var(--muted);}
.fsubmit{background:var(--accent);color:var(--black);border:none;padding:1rem 2rem;font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:opacity .2s;width:100%;}
.fsubmit:hover{opacity:0.85;}
.binfo{display:flex;flex-direction:column;gap:2rem;}
.binfo-label{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:0.5rem;}
.binfo-val{font-size:16px;}
.dl-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);padding:0.85rem 1.4rem;font-size:12px;color:var(--white);letter-spacing:0.06em;transition:all .2s;margin-top:0.25rem;}
.dl-btn:hover{border-color:var(--accent);color:var(--accent);}

.lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:9999;align-items:center;justify-content:center;cursor:zoom-out;}
.lb.on{display:flex;}
.lb img{max-width:90vw;max-height:90vh;object-fit:contain;}

.footer{padding:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border-top:1px solid var(--border);}
.footer-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center;}
.footer-social{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:6px 12px;border:1px solid var(--border);transition:all .2s;}
.footer-social:hover{color:var(--accent);border-color:var(--border-accent);}
.footer-social svg{width:14px;height:14px;fill:currentColor;flex-shrink:0;}
.footer-social img.soc-logo{height:13px;width:auto;opacity:0.55;filter:grayscale(1) brightness(1.8);transition:all .2s;}
.footer-social:hover img.soc-logo{opacity:1;filter:grayscale(0) brightness(1);}
.footer-social:hover img.soc-logo{opacity:1;}
.footer-social:hover img.soc-logo{opacity:1;}
.footer img{height:22px;width:auto;mix-blend-mode:screen;}
.footer a{font-size:11px;color:var(--muted);letter-spacing:0.12em;text-transform:uppercase;transition:color .2s;}
.footer a:hover{color:var(--accent);}

@media(max-width:720px){
  .hero-iso{height:44px;}
  .hero-wm{height:26px;}
  .hero-brand{gap:0.75rem;}
  .video-overlay{padding:1.5rem 1.25rem 1.25rem;}
  .nav{padding:1rem 1.25rem;}
  .nav-links{display:none;}
  .stats-bar{grid-template-columns:repeat(3,1fr);}
  .stat-item{padding:1.25rem 1rem;}
  .stat-val{font-size:1.6rem;}
  .section{padding:3.5rem 1.25rem;}
  .rider-layout,.booking-layout{grid-template-columns:1fr;}
  .releases-grid{grid-template-columns:repeat(2,1fr);}
  .bc-grid{grid-template-columns:repeat(2,1fr);}
  .ach-grid{grid-template-columns:1fr;}
  .gslide{width:calc(50% - 1.5px);}
}

@keyframes ra-pulse {
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.06);}
}
.ra-btn{
  display:inline-block;
  cursor:pointer;
  animation:ra-pulse 2.8s ease-in-out infinite;
  transition:transform .15s,opacity .2s,box-shadow .2s;
  opacity:0.88;
  border-radius:8px;
}
.ra-btn:hover{
  animation:none;
  transform:scale(1.1);
  opacity:1;
  box-shadow:0 0 20px rgba(255,59,48,0.35);
}
.ra-btn:active{transform:scale(0.97);}

.booking-video{position:relative;width:100%;overflow:hidden;border:1px solid var(--border);align-self:stretch;min-height:300px;}
.booking-video iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.booking-meta{display:flex;gap:3rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);}