:root{
    --bg:#08080a;
    --bg-alt:#0e0e10;
    --card:#161613;
    --pink:#d4af37;
    --purple:#a8791a;
    --cyan:#f2d377;
    --text:#f5f0e6;
    --muted:#a39a86;
    --grad: linear-gradient(90deg,var(--purple),var(--pink),var(--cyan));
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
  }
  h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif;}
  a{text-decoration:none;color:inherit;}
  .grad-text{
    background:var(--grad);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  .container{max-width:1180px;margin:0 auto;padding:0 24px;}

  /* NAV */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(8,8,13,.85);backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1180px;margin:0 auto;}
  .logo{font-size:1.4rem;font-weight:700;letter-spacing:.02em;}
  .nav-links{display:flex;gap:28px;list-style:none;font-size:.92rem;font-weight:600;}
  .nav-links a{color:var(--muted);transition:color .2s;}
  .nav-links a:hover{color:var(--text);}
  .nav-cta{
    background:var(--grad);padding:9px 20px;border-radius:999px;font-weight:700;font-size:.85rem;color:#0e0e10;
    box-shadow:0 0 20px rgba(212,175,55,.35);
  }
  .menu-btn{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;}

  /* HERO */
  .hero{
    position:relative;
    padding:110px 24px 90px;
    text-align:center;
    overflow:hidden;
  }
  .hero::before{
    content:'';position:absolute;inset:-20% -10%;
    background:
      radial-gradient(circle at 20% 20%, rgba(212,175,55,.22), transparent 45%),
      radial-gradient(circle at 80% 30%, rgba(242,211,119,.16), transparent 45%),
      radial-gradient(circle at 50% 90%, rgba(168,121,26,.22), transparent 45%);
    filter:blur(40px);
    z-index:0;
  }
  .hero-content{position:relative;z-index:1;}
  .eyebrow{
    display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;
    color:var(--cyan);text-transform:uppercase;margin-bottom:18px;
    border:1px solid rgba(0,229,255,.35);padding:6px 16px;border-radius:999px;
  }
  .hero h1{
    font-size:clamp(2.6rem,7vw,5.2rem);font-weight:700;line-height:1.02;letter-spacing:-.02em;
    margin-bottom:20px;
  }
  .hero p{
    color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);max-width:560px;margin:0 auto 36px;
  }
  .hero p.aka{
    color:var(--cyan);font-weight:600;font-size:1.02rem;max-width:none;margin:0 0 16px;
  }
  .btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
  .btn{
    padding:14px 30px;border-radius:999px;font-weight:700;font-size:.95rem;
    display:inline-flex;align-items:center;gap:8px;transition:transform .2s;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{background:var(--grad);color:#0e0e10;box-shadow:0 0 30px rgba(212,175,55,.4);}
  .btn-outline{border:1.5px solid rgba(212,175,55,.3);color:var(--text);}
  .btn-outline:hover{border-color:var(--cyan);}

  .stream-row{display:flex;gap:22px;justify-content:center;margin-top:48px;flex-wrap:wrap;}
  .stream-row a{
    width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:var(--card);border:1px solid rgba(255,255,255,.08);font-size:1.1rem;color:var(--muted);
    transition:.2s;
  }
  .stream-row a:hover{color:#0e0e10;background:var(--pink);border-color:var(--pink);box-shadow:0 0 16px rgba(212,175,55,.4);}

  /* SECTION HEADS */
  section{padding:90px 0;}
  .section-head{text-align:center;margin-bottom:56px;}
  .section-head .tag{
    font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--pink);text-transform:uppercase;
  }
  .section-head h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;margin-top:10px;}
  .section-head p{color:var(--muted);margin-top:12px;max-width:520px;margin-left:auto;margin-right:auto;}

  /* LIVE SHOWS */
  .shows-wrap{
    max-width:820px;margin:0 auto;background:var(--card);border:1px solid rgba(255,255,255,.06);
    border-radius:20px;padding:8px 0;
  }
  .show-row{
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    padding:16px 26px;border-bottom:1px solid rgba(255,255,255,.06);
  }
  .show-row:last-child{border-bottom:none;}
  .show-info{min-width:0;}
  .show-venue{font-weight:700;font-size:1.02rem;color:var(--text);}
  .show-city{color:var(--muted);font-size:.85rem;margin-top:2px;}
  .show-date{color:var(--pink);font-weight:700;font-size:.82rem;white-space:nowrap;letter-spacing:.02em;}

  /* ABOUT */
  .about-wrap{max-width:720px;margin:0 auto;}
  .about-wrap p{color:var(--muted);font-size:1.02rem;line-height:1.85;margin-bottom:20px;}

  /* LATEST DROP */
  .latest{background:var(--bg-alt);}
  .drop-card{
    display:flex;gap:32px;align-items:center;background:var(--card);border:1px solid rgba(255,255,255,.06);
    border-radius:24px;padding:32px;flex-wrap:wrap;
  }
  .drop-art{
    width:200px;height:200px;border-radius:16px;flex-shrink:0;
    background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#0e0e10;
    box-shadow:0 20px 50px rgba(212,175,55,.3);
    overflow:hidden;
  }
  .drop-art img{width:100%;height:100%;object-fit:cover;display:block;}
  .drop-info{flex:1;min-width:220px;}
  .drop-badge{
    display:inline-block;background:rgba(212,175,55,.15);color:var(--pink);font-size:.72rem;font-weight:700;
    padding:4px 12px;border-radius:999px;letter-spacing:.06em;margin-bottom:12px;
  }
  .drop-info h3{font-size:1.8rem;margin-bottom:6px;}
  .drop-info p{color:var(--muted);margin-bottom:20px;}

  .tracklist{
    max-width:820px;margin:18px auto 0;background:var(--card);border:1px solid rgba(255,255,255,.06);
    border-radius:20px;padding:8px 0;
  }
  .tracklist-head{
    font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;
    padding:14px 26px 6px;
  }
  .track-row{
    display:flex;align-items:center;gap:16px;padding:12px 26px;border-bottom:1px solid rgba(255,255,255,.06);
    transition:background .2s;
  }
  .track-row:last-child{border-bottom:none;}
  .track-row:hover{background:rgba(255,255,255,.03);}
  .track-row img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;}
  .track-name{flex:1;font-weight:600;font-size:.98rem;}
  .track-play{color:var(--pink);font-size:.85rem;}

  /* WHATS HOT GRID */
  .hot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;}
  .hot-card{
    display:block;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;
    transition:.25s;
  }
  .hot-card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.4);}
  .hot-cover{
    height:180px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#0e0e10;
  }
  .hot-cover.c1{background:linear-gradient(135deg,#d4af37,#a8791a);}
  .hot-cover.c2{background:linear-gradient(135deg,#a8791a,#f2d377);}
  .hot-cover.c3{background:linear-gradient(135deg,#f2d377,#d4af37);}
  .hot-cover.c4{background:linear-gradient(135deg,#d4af37,#f2d377);}
  .hot-cover img{width:100%;height:100%;object-fit:cover;display:block;}
  .hot-body{padding:18px 20px;}
  .hot-body h4{font-size:1.05rem;margin-bottom:4px;}
  .hot-body span{color:var(--muted);font-size:.85rem;}

  /* STATS */
  .stats{background:var(--bg-alt);}
  .stats-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;text-align:center;
  }
  .stat-num{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;}
  .stat-label{color:var(--muted);font-size:.9rem;margin-top:6px;}

  /* SERVICES */
  .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;}
  .service-card{
    background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:34px 28px;
    transition:.25s;
  }
  .service-card:hover{border-color:rgba(212,175,55,.4);transform:translateY(-4px);}
  .service-icon{
    width:56px;height:56px;border-radius:14px;background:var(--grad);display:flex;align-items:center;
    justify-content:center;font-size:1.4rem;margin-bottom:20px;color:#0e0e10;
  }
  .service-card h3{font-size:1.3rem;margin-bottom:10px;}
  .service-card p{color:var(--muted);font-size:.92rem;margin-bottom:20px;line-height:1.6;}
  .service-link{color:var(--cyan);font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:6px;}

  /* GALLERY */
  .gallery{background:var(--bg-alt);}
  .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
  .gallery-item{
    aspect-ratio:1/1;border-radius:16px;overflow:hidden;
    border:1px solid rgba(255,255,255,.06);
  }
  .gallery-item img{
    width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s;
  }
  .gallery-item:hover img{transform:scale(1.06);}
  .gallery-item:nth-child(1){background:linear-gradient(160deg,#1c1707,#231b09);}
  .gallery-item:nth-child(2){background:linear-gradient(160deg,#171410,#221c0d);}
  .gallery-note{text-align:center;color:var(--muted);margin-top:20px;font-size:.95rem;}
  .gallery-note a{color:var(--cyan);}

  /* CONNECT / LINKS */
  .connect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;}
  .connect-card{
    background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:22px;
    text-align:center;transition:.2s;
  }
  .connect-card:hover{border-color:var(--pink);transform:translateY(-3px);}
  .connect-card i{font-size:1.6rem;margin-bottom:10px;display:block;}
  .connect-card span{font-size:.85rem;font-weight:600;color:var(--muted);}

  /* CONTACT */
  .contact{background:var(--bg-alt);}
  .contact-wrap{
    max-width:640px;margin:0 auto;background:var(--card);border:1px solid rgba(255,255,255,.06);
    border-radius:24px;padding:44px;
  }
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  input,select,textarea{
    width:100%;background:var(--bg);border:1px solid rgba(255,255,255,.1);border-radius:10px;
    padding:13px 16px;color:var(--text);font-family:inherit;font-size:.92rem;
  }
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan);}
  label{font-size:.82rem;color:var(--muted);margin-bottom:6px;display:block;font-weight:600;}
  textarea{resize:vertical;min-height:110px;margin-bottom:20px;}
  .field{margin-bottom:16px;}
  .submit-btn{
    width:100%;padding:15px;border:none;border-radius:12px;background:var(--grad);color:#0e0e10;
    font-weight:700;font-size:.98rem;cursor:pointer;box-shadow:0 0 30px rgba(212,175,55,.35);
  }

  /* FOOTER */
  footer{padding:44px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.06);}
  footer .logo{margin-bottom:16px;display:inline-block;}
  .footer-socials{display:flex;gap:18px;justify-content:center;margin-bottom:18px;}
  .footer-socials a{color:var(--muted);font-size:1.1rem;}
  .footer-socials a:hover{color:var(--pink);}
  footer p{color:var(--muted);font-size:.82rem;}

  @media(max-width:768px){
    .nav-links{display:none;}
    .form-row{grid-template-columns:1fr;}
  }

  /* BREADCRUMB */
  .breadcrumb{
    max-width:1180px;margin:0 auto;padding:18px 24px 0;
    font-size:.82rem;color:var(--muted);
  }
  .breadcrumb a{color:var(--muted);}
  .breadcrumb a:hover{color:var(--cyan);}
  .breadcrumb .sep{margin:0 8px;opacity:.5;}
  .breadcrumb .current{color:var(--text);}

  /* PAGE HERO (sub-pages) */
  .page-hero{padding:70px 24px 20px;text-align:center;}
  .page-hero h1{
    font-size:clamp(2.2rem,5.5vw,3.4rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;
    margin-bottom:16px;
  }
  .page-hero p.lede{color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);max-width:620px;margin:0 auto 32px;}

  /* PROCESS STEPS */
  .steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;counter-reset:step;}
  .step-card{
    background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:30px 26px;
    position:relative;
  }
  .step-num{
    font-family:'Space Grotesk',sans-serif;font-size:.85rem;font-weight:700;color:#0e0e10;
    background:var(--grad);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;
    justify-content:center;margin-bottom:18px;
  }
  .step-card h3{font-size:1.15rem;margin-bottom:8px;}
  .step-card p{color:var(--muted);font-size:.92rem;line-height:1.6;}

  /* FAQ */
  .faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
  .faq-item{
    background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px 28px;
  }
  .faq-item h3{font-size:1.02rem;margin-bottom:8px;color:var(--text);}
  .faq-item p{color:var(--muted);font-size:.92rem;line-height:1.7;}

  /* CREDIBILITY STRIP (reuses .stats-grid layout at smaller scale) */
  .cred-strip{background:var(--bg-alt);padding:48px 0;}

  /* RELEASE PAGES */
  .release-hero-grid{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:center;text-align:left;}
  .release-cover{width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(212,175,55,.25);flex-shrink:0;}
  .release-cover img{width:100%;height:100%;object-fit:cover;display:block;}
  .release-cover.placeholder{display:flex;align-items:center;justify-content:center;font-size:4rem;color:#0e0e10;}
  .release-meta{color:var(--pink);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;}
  .release-hero-grid h1{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:14px;}
  .release-hero-grid p.lede{margin:0 0 28px;max-width:none;}
  .spotify-embed-wrap{max-width:720px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);}
  .release-list-note{max-width:720px;margin:20px auto 0;color:var(--muted);font-size:.9rem;text-align:center;}
  @media(max-width:640px){
    .release-hero-grid{grid-template-columns:1fr;text-align:center;}
    .release-cover{max-width:220px;margin:0 auto;}
  }