:root{
      --bg:#080808;
      --text:#f4f1ea;
      --muted:#9b978f;
      --line:rgba(255,255,255,.11);
      --max:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 18% 0%, rgba(224,184,132,.13), transparent 28%),
        radial-gradient(circle at 85% 18%, rgba(127,154,183,.12), transparent 25%),
        var(--bg);
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .container{width:min(var(--max), calc(100% - 40px)); margin:auto}
    .eyebrow{font-size:.72rem; letter-spacing:.22em; text-transform:uppercase; color:var(--muted); font-weight:700;}
    nav{
      position:fixed; top:0; left:0; right:0; z-index:30;
      backdrop-filter:blur(16px);
      background:linear-gradient(to bottom, rgba(8,8,8,.88), rgba(8,8,8,.35), transparent);
      border-bottom:1px solid transparent;
      transition:.3s ease;
    }
    nav.scrolled{background:rgba(8,8,8,.9); border-color:var(--line)}
    .nav-wrap{height:78px; display:flex; align-items:center; justify-content:space-between;}
    .brand{font-size:1.2rem; font-weight:900; letter-spacing:.38em}
    .nav-links{display:flex; gap:24px; align-items:center}
    .nav-links a{font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; color:#d7d2c8}
        .nav-links a:hover{color:white}
    .nav-links a.active{
      color:#ffffff;
      background:rgba(255,255,255,.08);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.14),
        0 0 18px rgba(255,255,255,.06);
      border-radius:999px;
      padding:8px 12px;
    }
    .menu-btn{display:none;background:none;border:0;color:white;font-size:1.4rem}
    .lang-switch{
      display:flex; align-items:center; gap:4px;
      margin-left:8px; padding:4px;
      border:1px solid var(--line); border-radius:999px;
      background:rgba(255,255,255,.025);
    }
    .lang-btn{
      border:0; background:transparent; color:var(--muted);
      padding:7px 10px; border-radius:999px;
      font-size:.7rem; font-weight:800; letter-spacing:.1em;
      cursor:pointer; transition:.2s ease;
    }
    .lang-btn.active{background:var(--text); color:#0b0b0b}
    .lang-btn:hover{color:white}
    .lang-btn.active:hover{color:#0b0b0b}

    .hero{
      min-height:100svh;
      display:grid;
      align-items:end;
      position:relative;
      isolation:isolate;
      overflow:hidden;
    }
    .hero:before{
      content:"";
      position:absolute; inset:0; z-index:-3;
      background:
        linear-gradient(to top, rgba(8,8,8,1) 0%, rgba(8,8,8,.22) 36%, rgba(8,8,8,.28) 100%),
        linear-gradient(110deg, rgba(0,0,0,.2), rgba(0,0,0,.05));
    }
    .sun{
      position:absolute; width:42vw; height:42vw; max-width:620px; max-height:620px;
      border-radius:50%; left:-8vw; bottom:8vh; z-index:-2;
      background:radial-gradient(circle at 50% 50%, #ffe4b8 0 10%, #d89c62 30%, rgba(216,156,98,.35) 55%, transparent 72%);
      opacity:.88;
    }
    .moon{
      position:absolute; width:29vw; height:29vw; max-width:430px; max-height:430px;
      border-radius:50%; right:-5vw; top:11vh; z-index:-2;
      background:radial-gradient(circle at 36% 32%, #f4f1eb 0 18%, #bcc7d0 46%, #8596a8 70%, #5b6570 100%);
      box-shadow:0 0 110px rgba(151,173,197,.18);
      opacity:.75;
    }
    .horizon{
      position:absolute; left:0; right:0; bottom:0; height:44%; z-index:-1;
      background:
        linear-gradient(to top, rgba(8,8,8,.95), rgba(8,8,8,.08)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 80px);
      clip-path:polygon(0 60%, 10% 54%, 18% 62%, 28% 45%, 40% 56%, 52% 48%, 64% 63%, 76% 50%, 88% 59%, 100% 49%, 100% 100%, 0 100%);
    }
    .hero-content{padding:155px 0 86px}
    h1{font-size:clamp(4.8rem, 16vw, 13rem); letter-spacing:.02em; line-height:.78; margin:0; font-weight:950;}
    .hero-copy{margin-top:38px; max-width:720px; display:flex; flex-direction:column; gap:20px;}
    .tagline{font-size:clamp(1.3rem, 2.4vw, 2.1rem); line-height:1.15; font-weight:500; letter-spacing:-.03em;}
    .hero-sub{color:#b9b5ae; max-width:520px; line-height:1.7; font-size:.98rem;}
    .actions{display:flex; gap:12px; flex-wrap:wrap}
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      min-height:50px; padding:0 22px;
      border:1px solid rgba(255,255,255,.18); border-radius:999px;
      background:#050505;
      color:#ffffff;
      text-transform:uppercase; letter-spacing:.12em; font-size:.75rem; font-weight:800;
      transition:.25s ease;
    }
    .btn.primary{
      background:#050505;
      color:#ffffff;
      border-color:rgba(255,255,255,.18);
    }
    .btn:hover,
    .btn.primary:hover{
      transform:translateY(-2px);
      background:#ffffff;
      color:#050505;
      border-color:#ffffff;
    }

    section{padding:110px 0}
    .section-head{display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:44px;}
    .section-title{font-size:clamp(2.2rem, 5vw, 4.7rem); line-height:.95; letter-spacing:-.055em; margin:8px 0 0; font-weight:850;}
    .section-intro{max-width:520px;color:var(--muted);line-height:1.7}

    .release{display:grid; grid-template-columns:1.05fr .95fr; gap:28px; align-items:stretch;}
    .cover{
      min-height:600px; border-radius:28px; overflow:hidden; position:relative;
      border:1px solid var(--line);
      background:
        radial-gradient(circle at 35% 35%, rgba(245,193,126,.8), transparent 16%),
        linear-gradient(180deg, #a66c45 0%, #252b37 47%, #0c0e12 100%);
    }
    .cover:before{
      content:""; position:absolute; left:0; right:0; bottom:0; height:49%;
      background:
        linear-gradient(to top, rgba(5,9,13,.1), rgba(5,9,13,.2)),
        repeating-radial-gradient(ellipse at center, rgba(255,255,255,.16) 0 1px, transparent 1px 20px);
      transform:perspective(400px) rotateX(58deg) scale(1.8);
      transform-origin:bottom;
      opacity:.42;
    }
    .cover-label{position:absolute; left:34px; bottom:30px; right:34px; display:flex; justify-content:space-between; align-items:end; gap:18px;}
    .cover h3{font-size:clamp(2rem,4vw,4.5rem); margin:0; letter-spacing:-.04em}
    .cover small{color:#d4c7ba;letter-spacing:.16em;text-transform:uppercase}
    .release-panel{
      border:1px solid var(--line); border-radius:28px;
      padding:42px; display:flex; flex-direction:column; justify-content:space-between;
      background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
    }
    .release-panel h3{font-size:clamp(2.4rem,4vw,4.3rem); margin:8px 0 18px; line-height:.95; letter-spacing:-.05em;}
    .release-panel p{color:var(--muted);line-height:1.75;max-width:540px}
    .meta{display:flex;gap:16px;flex-wrap:wrap;margin:26px 0}
    .pill{border:1px solid var(--line); border-radius:999px; padding:10px 14px; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; color:#d8d3cb;}


    .upcoming-wrap{
      position:relative;
      overflow:hidden;
      border:1px solid var(--line);
      border-radius:30px;
      padding:48px;
      background:
        radial-gradient(circle at 15% 20%, rgba(224,184,132,.13), transparent 28%),
        radial-gradient(circle at 88% 22%, rgba(127,154,183,.12), transparent 24%),
        linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
    }
    .upcoming-top{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:28px;
      margin-bottom:34px;
    }
    .upcoming-title{
      font-size:clamp(2.8rem,6vw,6rem);
      line-height:.92;
      letter-spacing:-.06em;
      margin:8px 0 0;
    }
    .upcoming-copy{
      max-width:460px;
      color:var(--muted);
      line-height:1.7;
      margin:0;
    }
    .countdown{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
      margin:30px 0 28px;
    }
    .countdown-item{
      border:1px solid var(--line);
      border-radius:18px;
      background:rgba(0,0,0,.22);
      padding:22px 14px;
      text-align:center;
    }
    .countdown-number{
      display:block;
      font-size:clamp(2rem,4.5vw,4rem);
      line-height:1;
      letter-spacing:-.05em;
      font-weight:800;
    }
    .countdown-label{
      display:block;
      margin-top:8px;
      color:var(--muted);
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:.66rem;
      font-weight:700;
    }
    .release-status{
      display:flex;
      align-items:center;
      gap:10px;
      color:#d8d3cb;
      font-size:.78rem;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .release-status-dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:#e7e2da;
      box-shadow:0 0 18px rgba(231,226,218,.4);
      flex:0 0 auto;
    }


    .music-player{
      border:1px solid var(--line);
      border-radius:28px;
      padding:34px;
      background:
        radial-gradient(circle at 12% 0%, rgba(224,184,132,.10), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
      overflow:hidden;
    }
    .music-player-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:24px;
      margin-bottom:24px;
    }
    .music-player-title{
      font-size:clamp(2rem,4vw,3.8rem);
      line-height:.98;
      letter-spacing:-.05em;
      margin:8px 0 0;
    }
    .music-player-copy{
      max-width:430px;
      color:var(--muted);
      line-height:1.7;
      margin:0;
    }
    .spotify-frame{
      width:100%;
      height:352px;
      border:0;
      border-radius:18px;
      display:block;
      background:#121212;
    }

    .album-showcase{display:grid; grid-template-columns:.9fr 1.1fr; gap:28px; align-items:start;}
    .album-panel{
      border:1px solid var(--line); border-radius:28px; padding:36px;
      background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
      position:sticky; top:110px;
    }
    .album-panel h3{font-size:clamp(2.2rem,4.6vw,4.4rem); line-height:.95; letter-spacing:-.05em; margin:10px 0 18px;}
    .album-panel p{color:var(--muted);line-height:1.78}
    .album-tracklist{border:1px solid var(--line); border-radius:28px; overflow:hidden; background:#0b0b0b; box-shadow:0 25px 80px rgba(0,0,0,.28);}
    .album-tracklist img{width:100%; height:auto; display:block;}

    .tracks{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
    .track{
      border:1px solid var(--line);
      border-radius:22px;
      padding:24px;
      min-height:245px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      position:relative;
      overflow:hidden;
      background:#0b0b0b;
      background-size:cover;
      background-position:center;
      transition:.32s ease;
      isolation:isolate;
    }
    .track::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      background:linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.56) 48%, rgba(0,0,0,.18) 100%);
      transition:.32s ease;
    }
    .track::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:-2;
      opacity:.9;
      transition:transform .55s ease, opacity .32s ease;
    }
    .track:hover{
      transform:translateY(-5px);
      border-color:rgba(255,255,255,.28);
    }
    .track:hover::after{transform:scale(1.045);opacity:1}
    .track:hover::before{
      background:linear-gradient(to top, rgba(0,0,0,.87) 0%, rgba(0,0,0,.42) 50%, rgba(0,0,0,.08) 100%);
    }
    .track-num{
      font-size:.72rem;
      color:rgba(255,255,255,.72);
      letter-spacing:.14em;
    }
    .track h4{
      font-size:1.55rem;
      margin:0 0 8px;
      letter-spacing:-.03em;
      color:#fff;
      text-shadow:0 2px 16px rgba(0,0,0,.5);
    }
    .track p{
      margin:0;
      color:rgba(255,255,255,.72);
      font-size:.88rem;
    }

    .track-evident::after{
      background-image:url('/assets/image_01_72b4e85bddb1.jpg');
      background-size:cover;
      background-position:center 52%;
    }
    .track-midnight::after{
      background-image:url('/assets/image_02_de9bf179cd29.jpg');
      background-size:cover;
      background-position:center 58%;
    }
    .track-3am::after{
      background-image:url('/assets/image_03_a17282dfedde.jpg');
      background-size:cover;
      background-position:center 48%;
    }
    .track-poison::after{
      background-image:url('/assets/image_04_c08659d9c622.jpg');
      background-size:cover;
      background-position:center 58%;
    }
    .track-poison::before{
      background:
        linear-gradient(to top, rgba(0,0,0,.91), rgba(0,0,0,.34)),
        repeating-linear-gradient(118deg, transparent 0 34px, rgba(255,255,255,.025) 35px 36px);
    }
    .track-night::after{
      background-image:url('/assets/image_05_56b0bcffa84a.jpg');
      background-size:cover;
      background-position:center 60%;
    }
    .track-night::before{
      background:linear-gradient(to top, rgba(0,0,0,.90), rgba(0,0,0,.25));
    }
    .track-feelit::after{
      background-image:url('/assets/image_06_3c7eb19c06dd.jpg');
      background-size:cover;
      background-position:center 34%;
    }
    .track-feelit::before{
      background:
        linear-gradient(to top, rgba(0,0,0,.90), rgba(0,0,0,.28)),
        repeating-radial-gradient(circle at 50% 30%, transparent 0 18px, rgba(255,255,255,.022) 19px 20px);
    }

    .visuals{display:grid; grid-template-columns:repeat(3,minmax(0,270px)); justify-content:center; gap:22px;}
    .visual{
      width:100%; aspect-ratio:9 / 16; min-height:0; border-radius:24px; border:1px solid var(--line);
      padding:24px; display:flex; align-items:end; position:relative; overflow:hidden;
      background:
        linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.10)),
        radial-gradient(circle at 65% 24%, rgba(215,181,143,.25), transparent 18%),
        linear-gradient(145deg, #314052, #15181e 48%, #0a0a0a);
      background-size:cover;
      background-position:center;
    }
    .visual::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.18) 45%, rgba(0,0,0,.08));
      z-index:1;
      pointer-events:none;
    }
    .visual > div{position:relative; z-index:2;}
    .campaign-video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      opacity:0;
      z-index:0;
      transition:opacity .35s ease;
      pointer-events:none;
    }
    .visual.video-active .campaign-video{
      opacity:1;
    }
    .visual.video-active::before{
      background:linear-gradient(to top, rgba(0,0,0,.76), rgba(0,0,0,.10) 48%, rgba(0,0,0,.03));
    }
    .visual.visual-evident{
      background-image:
        linear-gradient(to top, rgba(0,0,0,.64), rgba(0,0,0,.08)),
        url('/assets/image_01_72b4e85bddb1.jpg');
      background-size:cover;
      background-position:center;
    }
    .visual.visual-midnight{
      background-image:
        linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.12)),
        url('/assets/image_02_de9bf179cd29.jpg');
      background-size:cover;
      background-position:center;
    }
    .visual.visual-3am{
      background-image:
        linear-gradient(to top, rgba(0,0,0,.70), rgba(0,0,0,.12)),
        url('/assets/image_03_a17282dfedde.jpg');
      background-size:cover;
      background-position:center;
    }
    .visual h4{margin:0;font-size:1.25rem}
    .visual span{font-size:.72rem;color:#c4c0b8;text-transform:uppercase;letter-spacing:.14em}

    .about-grid{display:grid; grid-template-columns:1fr 1fr; gap:42px; align-items:center;}
    .about-photo{
      border:1px solid var(--line);
      border-radius:28px;
      overflow:hidden;
      background:rgba(255,255,255,.02);
      box-shadow:0 18px 60px rgba(0,0,0,.24);
      min-height:520px;
    }
    .about-photo img{width:100%; height:100%; object-fit:cover; display:block;}
    .about-photo .caption{padding:18px 22px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; letter-spacing:.12em; text-transform:uppercase;}
    .quote{font-size:clamp(2.1rem,4.8vw,4.8rem);line-height:1.03;letter-spacing:-.05em;margin:0 0 18px 0;}
    .about-copy{color:#aaa59e;line-height:1.85;font-size:1rem}
    .about-copy strong{color:white;font-weight:650}

    .press{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
    .press-card{border:1px solid var(--line);border-radius:22px;padding:32px; background:rgba(255,255,255,.02);}
    .press-card h3{font-size:1.8rem;margin:6px 0 14px}
    .press-card p{color:var(--muted);line-height:1.7}
    .info-row{display:flex;justify-content:space-between;gap:20px; padding:13px 0;border-bottom:1px solid var(--line); font-size:.88rem;}
    .info-row span:first-child{color:var(--muted)}

    .cta{padding:100px 0 120px;}
    .cta-box{
      border:1px solid var(--line); border-radius:30px; padding:54px; text-align:center; position:relative; overflow:hidden;
      background: radial-gradient(circle at 50% 120%, rgba(224,184,132,.18), transparent 36%), rgba(255,255,255,.025);
    }
    .cta-box h2{font-size:clamp(2.8rem,7vw,7rem);line-height:.9;letter-spacing:-.06em;margin:10px 0 24px;}
    .cta-box p{color:var(--muted);max-width:660px;margin:0 auto 30px;line-height:1.7}


    .contact-grid{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:28px;
      align-items:start;
    }
    .contact-copy{
      border:1px solid var(--line);
      border-radius:28px;
      padding:38px;
      background:rgba(255,255,255,.02);
    }
    .contact-copy h2{
      font-size:clamp(2.5rem,5vw,5rem);
      line-height:.94;
      letter-spacing:-.055em;
      margin:10px 0 18px;
    }
    .contact-copy p{
      color:var(--muted);
      line-height:1.75;
      margin:0;
    }
    .contact-email{
      display:inline-block;
      margin-top:24px;
      color:#fff;
      font-size:.9rem;
      letter-spacing:.04em;
    }
    .contact-form{
      border:1px solid var(--line);
      border-radius:28px;
      padding:36px;
      background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
    }
    .form-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }
    .field{
      display:flex;
      flex-direction:column;
      gap:8px;
      margin-bottom:16px;
    }
    .field label{
      font-size:.72rem;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:#d8d3cb;
      font-weight:700;
    }
    .field input,
    .field textarea{
      width:100%;
      border:1px solid rgba(255,255,255,.14);
      background:#0b0b0b;
      color:#fff;
      border-radius:14px;
      padding:15px 16px;
      outline:none;
      font:inherit;
      transition:.2s ease;
    }
    .field textarea{
      min-height:170px;
      resize:vertical;
    }
    .field input:focus,
    .field textarea:focus{
      border-color:rgba(255,255,255,.48);
      background:#0d0d0d;
    }
    .field input::placeholder,
    .field textarea::placeholder{
      color:#77736d;
    }
    .form-note{
      color:var(--muted);
      font-size:.78rem;
      line-height:1.6;
      margin-top:14px;
    }

    footer{border-top:1px solid var(--line);padding:26px 0 42px}
    .footer-wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}
    .socials{display:flex;gap:18px;flex-wrap:wrap}
    .socials a{font-size:.78rem;color:#d6d0c7;text-transform:uppercase;letter-spacing:.11em}

    .reveal{opacity:0;transform:translateY(26px);transition:.75s ease}
    .reveal.show{opacity:1;transform:none}

    @media (max-width: 980px){
      .release,.album-showcase,.about-grid,.press,.contact-grid{grid-template-columns:1fr}
      .upcoming-top{flex-direction:column;align-items:flex-start}
      .countdown{grid-template-columns:repeat(2,1fr)}
      .album-panel{position:static}
      .visuals{grid-template-columns:minmax(0,320px);justify-content:center}
      .visual{width:100%;aspect-ratio:9 / 16;min-height:0}
      .tracks{grid-template-columns:1fr 1fr}
      .about-photo{min-height:auto}
    }
    @media (max-width: 900px){
      .nav-links{
        position:absolute;top:78px;left:20px;right:20px;
        display:none;flex-direction:column;align-items:flex-start;
        padding:20px;border:1px solid var(--line);border-radius:18px;
        background:rgba(10,10,10,.96)
      }
      .nav-links.open{display:flex}
      .lang-switch{margin-left:0;margin-top:6px}
      .menu-btn{display:block}
      .cover{min-height:480px}
      .moon{width:50vw;height:50vw}
      .sun{width:68vw;height:68vw}
    }
    @media (max-width: 600px){
      .container{width:min(var(--max), calc(100% - 24px))}
      nav .container{width:calc(100% - 24px)}
      .hero-content{padding-bottom:56px}
      .tracks{grid-template-columns:1fr}
      .section-head{align-items:start;flex-direction:column}
      .release-panel,.cta-box,.album-panel,.contact-copy,.contact-form,.upcoming-wrap{padding:28px}
      .form-row{grid-template-columns:1fr}
      .countdown{gap:10px}
      .countdown-item{padding:18px 10px}
      section{padding:82px 0}
      h1{font-size:clamp(5.2rem, 28vw, 8rem)}
    }
  
    /* --- Mobile polish only: desktop remains unchanged --- */
    @media (max-width: 600px){
      body{
        -webkit-text-size-adjust:100%;
      }

      .nav-wrap{
        height:66px;
      }

      .nav-links{
        top:66px;
        left:12px;
        right:12px;
        padding:18px;
        gap:18px;
        max-height:calc(100svh - 78px);
        overflow-y:auto;
      }

      .nav-links a{
        width:100%;
        font-size:.76rem;
        padding:3px 0;
      }
      .nav-links a.active{
        padding:10px 12px;
      }

      .lang-switch{
        align-self:flex-start;
        margin-top:4px;
      }

      .hero{
        min-height:92svh;
      }

      .hero-content{
        padding:118px 0 48px;
      }

      .hero-copy{
        margin-top:28px;
        gap:16px;
      }

      .tagline{
        font-size:1.35rem;
        max-width:92%;
      }

      .hero-sub{
        font-size:.92rem;
        line-height:1.65;
        max-width:94%;
      }

      .hero .actions{
        width:100%;
        gap:10px;
      }

      .hero .btn{
        flex:1 1 calc(50% - 5px);
        min-width:0;
        padding:0 14px;
        font-size:.68rem;
      }

      .sun{
        width:82vw;
        height:82vw;
        left:-30vw;
        bottom:12vh;
      }

      .moon{
        width:58vw;
        height:58vw;
        right:-18vw;
        top:10vh;
      }

      section{
        padding:70px 0;
      }

      .section-head{
        margin-bottom:30px;
        gap:14px;
      }

      .section-title{
        font-size:clamp(2.35rem, 12vw, 3.5rem);
        line-height:.98;
      }

      .section-intro{
        font-size:.92rem;
        line-height:1.65;
      }

      .release{
        gap:16px;
      }

      .cover{
        min-height:390px;
        border-radius:22px;
      }

      .cover-label{
        left:22px;
        right:22px;
        bottom:22px;
      }

      .cover h3{
        font-size:2rem;
      }

      .release-panel{
        border-radius:22px;
      }

      .release-panel h3{
        font-size:2.6rem;
      }

      .release-panel .actions{
        display:grid;
        grid-template-columns:1fr;
      }

      .release-panel .btn{
        width:100%;
      }

      .upcoming-wrap{
        border-radius:22px;
      }

      .upcoming-title{
        font-size:clamp(2.55rem, 13vw, 4rem);
      }

      .upcoming-copy{
        font-size:.92rem;
      }

      .countdown{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin:24px 0 22px;
      }

      .countdown-number{
        font-size:2.45rem;
      }

      .countdown-label{
        font-size:.61rem;
      }

      .album-showcase{
        gap:18px;
      }

      .album-panel,
      .album-tracklist,
      .music-player{
        border-radius:22px;
      }

      .music-player{
        padding:22px;
      }

      .music-player-head{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
      }

      .music-player-title{
        font-size:2.4rem;
      }

      .spotify-frame{
        height:352px;
        border-radius:16px;
      }

      .album-panel h3{
        font-size:2.7rem;
      }

      .album-tracklist img{
        width:100%;
        height:auto;
      }

      .tracks{
        gap:12px;
      }

      .track{
        min-height:205px;
        border-radius:18px;
        padding:20px;
      }

      .track h4{
        font-size:1.35rem;
      }

      .track p{
        font-size:.82rem;
      }

      .visuals{
        grid-template-columns:minmax(0, 290px);
        gap:18px;
      }

      .visual{
        border-radius:20px;
        padding:20px;
      }

      .visual h4{
        font-size:1.15rem;
      }

      .about-grid{
        gap:22px;
      }

      .about-photo{
        border-radius:22px;
      }

      .quote{
        font-size:clamp(2rem, 10vw, 3rem);
        line-height:1.04;
      }

      .about-copy{
        font-size:.94rem;
        line-height:1.75;
      }

      .press{
        gap:14px;
      }

      .press-card{
        padding:26px;
        border-radius:20px;
      }

      .contact-grid{
        gap:16px;
      }

      .contact-copy,
      .contact-form{
        border-radius:22px;
      }

      .contact-copy h2{
        font-size:clamp(2.5rem, 12vw, 3.8rem);
      }

      .field input,
      .field textarea{
        font-size:16px; /* Prevents iOS zoom on focus */
      }

      .contact-form .btn{
        width:100%;
      }

      footer{
        padding:24px 0 34px;
      }

      .footer-wrap{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
      }

      .socials{
        gap:14px;
      }
    }

    @media (max-width: 390px){
      .hero .actions{
        display:grid;
        grid-template-columns:1fr;
      }

      .hero .btn{
        width:100%;
      }

      .countdown-item{
        padding:16px 8px;
      }

      .countdown-number{
        font-size:2.15rem;
      }

      .visuals{
        grid-template-columns:minmax(0, 100%);
      }
    }


    .album-highlights{
      margin-top:90px;
    }


    @media (max-width:600px){
      .album-highlights{
        margin-top:58px;
      }
    }


    /* --- V35: artist image hero background --- */
    .hero{
      background:
        linear-gradient(90deg,
          rgba(7,7,7,.92) 0%,
          rgba(7,7,7,.78) 30%,
          rgba(7,7,7,.52) 52%,
          rgba(7,7,7,.22) 76%,
          rgba(7,7,7,.34) 100%),
        linear-gradient(to top,
          rgba(8,8,8,.96) 0%,
          rgba(8,8,8,.38) 30%,
          rgba(8,8,8,.08) 72%),
        url('/assets/image_07_ce71936be149.jpg');
      background-size:cover;
      background-position:center 24%;
      background-repeat:no-repeat;
    }

    .hero:before{
      background:
        radial-gradient(circle at 74% 36%, rgba(224,184,132,.10), transparent 28%),
        linear-gradient(to right, rgba(0,0,0,.06), transparent 65%);
    }

    .hero .sun,
    .hero .moon,
    .hero .horizon{
      display:none;
    }

    .hero-content{
      position:relative;
      z-index:2;
    }

    .hero h1,
    .hero .tagline,
    .hero .hero-sub,
    .hero .eyebrow{
      text-shadow:0 2px 24px rgba(0,0,0,.42);
    }

    @media (max-width:900px){
      .hero{
        background:
          linear-gradient(to top,
            rgba(6,6,6,.94) 0%,
            rgba(6,6,6,.64) 43%,
            rgba(6,6,6,.28) 72%,
            rgba(6,6,6,.22) 100%),
          linear-gradient(90deg,
            rgba(0,0,0,.38),
            rgba(0,0,0,.12)),
          url('/assets/image_07_ce71936be149.jpg');
        background-size:cover;
        background-position:center 32%;
      }
    }

    @media (max-width:600px){
      .hero{
        background-position:center 30%;
      }

      .hero-content{
        padding-top:108px;
      }
    }



    /* --- V37: split hero with child portrait on the right --- */
    .hero{
      min-height:100svh;
      background:
        radial-gradient(circle at 13% 61%, rgba(224,184,132,.20), transparent 24%),
        radial-gradient(circle at 76% 33%, rgba(255,255,255,.035), transparent 24%),
        linear-gradient(110deg, #090908 0%, #0c0b0a 48%, #0a0a0a 100%);
      overflow:hidden;
    }

    .hero:before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      background:
        linear-gradient(to top, rgba(5,5,5,.88) 0%, rgba(5,5,5,.12) 38%, transparent 70%),
        radial-gradient(circle at 26% 70%, rgba(205,151,96,.11), transparent 25%);
    }

    .hero:after{
      content:none;
    }

    .hero .sun,
    .hero .moon,
    .hero .horizon{
      display:none;
    }

    .hero-content{
      position:relative;
      z-index:3;
      padding-right:52%;
    }

    .hero-copy{
      max-width:620px;
    }

    .hero-portrait{
      position:absolute;
      z-index:2;
      right:6.5%;
      top:16%;
      width:min(39vw, 520px);
      height:min(70vh, 650px);
      min-height:520px;
      overflow:hidden;
      border-radius:46% 46% 38% 38% / 17% 17% 23% 23%;
      border:1px solid rgba(255,255,255,.10);
      box-shadow:
        0 35px 90px rgba(0,0,0,.48),
        0 0 0 1px rgba(255,255,255,.025) inset;
      background:#111;
    }

    .hero-portrait:after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(to top, rgba(0,0,0,.28), transparent 34%),
        linear-gradient(90deg, rgba(0,0,0,.10), transparent 30%);
    }

    .hero-portrait img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:50% 38%;
      display:block;
      transform:scale(1.02);
    }

    .hero h1,
    .hero .tagline,
    .hero .hero-sub,
    .hero .eyebrow{
      text-shadow:0 2px 24px rgba(0,0,0,.45);
    }

    @media (max-width:1100px){
      .hero-content{
        padding-right:46%;
      }

      .hero-portrait{
        right:3%;
        width:min(42vw, 460px);
        height:min(66vh, 590px);
        min-height:470px;
      }
    }

    @media (max-width:900px){
      .hero{
        min-height:auto;
        padding-bottom:34px;
      }

      .hero-content{
        padding-right:0;
        padding-bottom:30px;
      }

      .hero-portrait{
        position:relative;
        right:auto;
        top:auto;
        width:min(88vw, 430px);
        height:auto;
        aspect-ratio:4 / 5;
        min-height:0;
        margin:0 auto 20px;
        border-radius:34px;
      }

      .hero-portrait img{
        object-position:50% 35%;
      }
    }

    @media (max-width:600px){
      .hero-content{
        padding-top:108px;
      }

      .hero-portrait{
        width:calc(100% - 24px);
        max-width:390px;
        aspect-ratio:4 / 5;
        border-radius:26px;
      }
    }


    /* --- V38: exact uploaded child image in hero --- */
    .hero-portrait{
      position:absolute;
      z-index:2;
      right:6%;
      top:14%;
      width:min(40vw, 540px);
      height:min(72vh, 670px);
      min-height:540px;
      border-radius:30px;
      overflow:hidden;
      background:#111;
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 34px 90px rgba(0,0,0,.48);
    }

    .hero-portrait img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center center;
      display:block;
      transform:none;
    }

    @media (max-width:1100px){
      .hero-portrait{
        right:3%;
        width:min(42vw, 470px);
        height:min(66vh, 600px);
        min-height:480px;
      }
    }

    @media (max-width:900px){
      .hero-portrait{
        position:relative;
        right:auto;
        top:auto;
        width:min(88vw, 430px);
        height:auto;
        aspect-ratio:1 / 1;
        min-height:0;
        margin:0 auto 24px;
        border-radius:24px;
      }
    }

    @media (max-width:600px){
      .hero-portrait{
        width:calc(100% - 24px);
        max-width:390px;
        aspect-ratio:1 / 1;
      }
    }


    /* --- V39: guaranteed embedded artist portrait --- */
    .hero{
      position:relative;
      min-height:100svh;
      background:
        radial-gradient(circle at 13% 64%, rgba(211,156,99,.18), transparent 25%),
        linear-gradient(105deg,#090909 0%,#0d0c0b 52%,#0a0a0a 100%);
    }

    .hero-portrait{
      display:block !important;
      position:absolute !important;
      right:5.5% !important;
      top:15% !important;
      width:min(40vw,540px) !important;
      height:min(72vh,670px) !important;
      min-height:520px !important;
      opacity:1 !important;
      visibility:visible !important;
      z-index:2 !important;
      overflow:hidden !important;
      border-radius:28px !important;
      border:1px solid rgba(255,255,255,.12) !important;
      background:#161616 !important;
      box-shadow:0 34px 90px rgba(0,0,0,.50) !important;
    }

    .hero-portrait img{
      display:block !important;
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      object-position:center center !important;
      opacity:1 !important;
      visibility:visible !important;
      transform:none !important;
    }

    .hero-content{
      position:relative;
      z-index:3;
      padding-right:51%;
    }

    @media (max-width:900px){
      .hero{
        min-height:auto;
      }

      .hero-portrait{
        position:relative !important;
        right:auto !important;
        top:auto !important;
        width:min(88vw,430px) !important;
        height:auto !important;
        min-height:0 !important;
        aspect-ratio:1/1 !important;
        margin:95px auto 12px !important;
        border-radius:24px !important;
      }

      .hero-content{
        padding-right:0;
        padding-top:28px;
      }
    }

    @media (max-width:600px){
      .hero-portrait{
        width:calc(100% - 24px) !important;
        margin-top:82px !important;
      }
    }


    /* --- V40: persistent artist image in Spotify section --- */
    .spotify-identity{
      display:flex;
      align-items:center;
      gap:18px;
      margin:4px 0 18px;
      padding:14px 16px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:18px;
      background:rgba(255,255,255,.025);
    }
    .spotify-identity img{
      width:78px;
      height:78px;
      flex:0 0 78px;
      object-fit:cover;
      object-position:center;
      border-radius:14px;
      display:block;
      border:1px solid rgba(255,255,255,.10);
    }
    .spotify-identity-copy{
      min-width:0;
    }
    .spotify-identity-copy strong{
      display:block;
      color:#fff;
      font-size:1.1rem;
      line-height:1.15;
      margin-bottom:6px;
    }
    .spotify-identity-copy span{
      display:block;
      color:#aaa59d;
      font-size:.82rem;
      letter-spacing:.04em;
    }
    @media (max-width:600px){
      .spotify-identity{
        gap:14px;
        padding:12px;
        border-radius:16px;
      }
      .spotify-identity img{
        width:64px;
        height:64px;
        flex-basis:64px;
        border-radius:12px;
      }
    }


    .seo-section-link{
      display:inline-block;
      margin-top:12px;
      color:#c8c2b8;
      font-size:.72rem;
      letter-spacing:.12em;
      text-transform:uppercase;
      border-bottom:1px solid rgba(255,255,255,.16);
      padding-bottom:4px;
      transition:.2s ease;
    }
    .seo-section-link:hover{color:#fff;border-color:rgba(255,255,255,.5)}


    .seo-page-hero{
      min-height:82svh;
      display:flex;
      align-items:flex-end;
      padding:150px 0 78px;
      position:relative;
      overflow:hidden;
      border-bottom:1px solid var(--line);
    }
    .seo-page-hero::before{
      content:"";
      position:absolute;inset:0;pointer-events:none;
      background:
        radial-gradient(circle at 78% 28%,rgba(127,154,183,.13),transparent 28%),
        radial-gradient(circle at 13% 72%,rgba(224,184,132,.15),transparent 24%),
        linear-gradient(to top,rgba(8,8,8,.88),rgba(8,8,8,.16));
    }
    .seo-hero-grid{
      position:relative;z-index:2;
      display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);
      gap:70px;align-items:center;
    }
    .seo-page-title{
      margin:14px 0 24px;
      font-size:clamp(4.6rem,11vw,9.5rem);
      line-height:.82;letter-spacing:-.055em;font-weight:950;
    }
    .seo-lead{
      max-width:680px;color:#bbb5ac;font-size:1rem;line-height:1.8;
    }
    .seo-hero-art{
      position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;
      border:1px solid var(--line);box-shadow:0 34px 90px rgba(0,0,0,.42);
    }
    .seo-hero-art img{width:100%;height:100%;object-fit:cover}
    .seo-hero-art::after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(to top,rgba(0,0,0,.34),transparent 48%);
      pointer-events:none;
    }
    .seo-content{padding:96px 0}
    .seo-copy-grid{
      display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start;
      padding-bottom:76px;
    }
    .seo-copy h2{
      margin:0 0 20px;font-size:clamp(2.3rem,5vw,4.5rem);
      line-height:.95;letter-spacing:-.045em;
    }
    .seo-copy p{color:#aaa59d;line-height:1.85;margin:0 0 18px;max-width:760px}
    .seo-track-grid{
      display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
    }
    .seo-track-card{
      min-height:290px;border-radius:22px;overflow:hidden;position:relative;
      border:1px solid var(--line);padding:22px;display:flex;align-items:flex-end;
      background:#111;background-size:cover;background-position:center;
      transition:.25s ease;
    }
    .seo-track-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.28)}
    .seo-track-card::before{
      content:"";position:absolute;inset:0;
      background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.12));
    }
    .seo-track-card > div{position:relative;z-index:2}
    .seo-track-card span{color:#b8b2aa;font-size:.7rem;letter-spacing:.14em}
    .seo-track-card h3{margin:7px 0 0;font-size:1.45rem}
    .seo-platforms{
      display:flex;gap:10px;flex-wrap:wrap;margin-top:26px
    }
    .seo-album-layout{
      display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
      gap:54px;align-items:start;
    }
    .seo-album-cover{
      position:sticky;top:110px;border-radius:24px;overflow:hidden;
      border:1px solid var(--line);
    }
    .seo-tracklist{
      display:grid;grid-template-columns:1fr 1fr;gap:0 30px;
      border-top:1px solid var(--line);
    }
    .seo-track-row{
      display:grid;grid-template-columns:42px 1fr;gap:12px;
      padding:18px 0;border-bottom:1px solid var(--line);
    }
    .seo-track-row .n{color:#777;font-size:.75rem;padding-top:3px}
    .seo-track-row strong{font-size:1rem;font-weight:650}
    .seo-breadcrumb{
      margin-top:18px;color:#888;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase
    }
    .seo-breadcrumb a:hover{color:#fff}
    .seo-info-card{
      padding:28px;border:1px solid var(--line);border-radius:22px;
      background:rgba(255,255,255,.025);margin-top:30px;
    }
    .seo-info-card p{margin:0;color:#aaa59d;line-height:1.8}
    .seo-page-nav .nav-links a.current{
      color:#fff;background:rgba(255,255,255,.08);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
      border-radius:999px;padding:8px 12px;
    }
    @media(max-width:900px){
      .seo-page-hero{padding-top:120px;min-height:auto}
      .seo-hero-grid,.seo-copy-grid,.seo-album-layout{grid-template-columns:1fr;gap:38px}
      .seo-hero-art{max-width:520px}
      .seo-track-grid{grid-template-columns:1fr 1fr}
      .seo-album-cover{position:static;max-width:520px}
    }
    @media(max-width:600px){
      .seo-page-hero{padding:105px 0 58px}
      .seo-page-title{font-size:clamp(4rem,23vw,6.8rem)}
      .seo-content{padding:70px 0}
      .seo-track-grid,.seo-tracklist{grid-template-columns:1fr}
      .seo-copy-grid{padding-bottom:54px}
    }

.track-page-title{font-size:clamp(3rem,6vw,6.8rem);line-height:.96;overflow-wrap:break-word}.seo-track-row a:hover{text-decoration:underline}.seo-nav-wrap{display:flex;gap:24px;flex-wrap:wrap}.seo-copy a{text-decoration:underline}.reveal:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}