:root{--ink:#140c10;--night:#1f1218;--dust:#f4e6d6;--sand:#d9b48f;--sun:#e8743b;--copper:#b5532c;--pink:#ff4fa3;--turq:#2ec4b6;--mute:#bfa99a;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--dust);font:400 17px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}a{color:var(--turq)}h1,h2,h3{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.03em;line-height:1;margin:0 0 .4em}
h1{font-size:clamp(3.2rem,13vw,8rem)}h2{font-size:clamp(2.4rem,7vw,4.2rem)}h3{font-size:1.8rem}
.wrap{width:min(1160px,92vw);margin:auto}.eyebrow{font:700 .78rem/1 Inter;letter-spacing:.28em;text-transform:uppercase;color:var(--pink)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:99}
header{position:sticky;top:0;z-index:50;background:rgba(20,12,16,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font:400 1.7rem 'Bebas Neue';letter-spacing:.08em;color:var(--dust);text-decoration:none}.logo span{color:var(--pink)}
.menu{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0}.menu a{color:var(--dust);text-decoration:none;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.menu a:hover,.menu a[aria-current]{opacity:1;color:var(--pink)}
.burger{display:none;background:none;border:0;color:var(--dust);font-size:1.7rem}
@media(max-width:820px){.burger{display:block}.menu{position:fixed;inset:64px 0 auto 0;flex-direction:column;background:var(--night);padding:1.5rem 6vw;gap:1.1rem;transform:translateY(-130%);transition:.35s}.menu.open{transform:none}}
.hero{position:relative;min-height:calc(100svh - 64px);display:grid;align-items:end;overflow:hidden}
.hero-media{position:absolute;inset:0}.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,16,.1) 30%,rgba(20,12,16,.95)),linear-gradient(90deg,rgba(20,12,16,.75),transparent 70%)}
.hero .wrap{position:relative;z-index:2;padding:0 0 9vh}.hero p.tag{font-size:1.15rem;max-width:34ch;color:#f8dccb}
.page-hero{padding:16vh 0 6vh;background:radial-gradient(ellipse at 70% 0%,rgba(232,116,59,.35),transparent 60%),radial-gradient(ellipse at 10% 100%,rgba(255,79,163,.18),transparent 60%)}
.btn{display:inline-flex;gap:.5rem;align-items:center;padding:.9rem 1.5rem;border-radius:999px;background:var(--pink);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;transition:.25s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,79,163,.35)}.btn.ghost{background:transparent;border:1.5px solid var(--turq);color:var(--turq)}.btn.off{background:#3a2a31;color:var(--mute);cursor:default;box-shadow:none;transform:none}
.btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
section{padding:12vh 0}.alt{background:linear-gradient(180deg,var(--night),var(--ink))}
.split{display:grid;gap:3rem;align-items:center}@media(min-width:860px){.split{grid-template-columns:1fr 1fr}.split.rev>:first-child{order:2}}
.frame{border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5);position:relative}.frame img{width:100%;height:100%;object-fit:cover}
.frame:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none}
.lead{font-size:1.2rem;color:#f8dccb}.muted{color:var(--mute)}
.count{display:flex;gap:clamp(.6rem,3vw,1.6rem);margin:1.6rem 0}.count div{background:rgba(255,255,255,.05);border:1px solid rgba(46,196,182,.35);border-radius:14px;padding:.8rem 0;width:clamp(66px,18vw,104px);text-align:center}
.count b{display:block;font:400 clamp(2rem,7vw,3.4rem)/1 'Bebas Neue';color:var(--dust)}.count small{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--turq)}
.release{display:grid;gap:2.5rem;align-items:center;background:linear-gradient(135deg,rgba(232,116,59,.18),rgba(255,79,163,.12));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:clamp(1.4rem,4vw,3rem)}@media(min-width:860px){.release{grid-template-columns:.9fr 1.1fr}}
.tracks{list-style:none;padding:0;margin:1.5rem 0;counter-reset:t}.tracks li{counter-increment:t;display:flex;align-items:center;gap:1rem;padding:.85rem .4rem;border-bottom:1px solid rgba(255,255,255,.08)}
.tracks li:before{content:counter(t,decimal-leading-zero);font:400 1.3rem 'Bebas Neue';color:var(--sun);width:2ch}.tracks .t{flex:1;font-weight:600}.tracks .d{color:var(--mute);font-variant-numeric:tabular-nums}
.tracks li.hl{background:linear-gradient(90deg,rgba(255,79,163,.14),transparent);border-radius:10px}.pill{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:.25rem .55rem;border-radius:99px;background:var(--turq);color:var(--ink);font-weight:800}.pill.pk{background:var(--pink);color:#fff}
.video-card{max-width:420px;margin:auto}.video-card video{width:100%;aspect-ratio:9/16;background:#000}
.grid{columns:2 220px;column-gap:14px}.grid button{all:unset;cursor:zoom-in;display:block;margin:0 0 14px;border-radius:14px;overflow:hidden;break-inside:avoid;position:relative}
.grid img{width:100%;transition:transform .6s}.grid button:hover img,.grid button:focus-visible img{transform:scale(1.05)}.grid button:focus-visible{outline:3px solid var(--pink)}
@media(min-width:900px){.grid{columns:3}}
.lb{position:fixed;inset:0;background:rgba(10,6,8,.95);display:none;place-items:center;z-index:100}.lb.open{display:grid}.lb img{max-height:86vh;max-width:92vw;border-radius:10px}
.lb button{position:absolute;background:rgba(255,255,255,.1);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:1.5rem;cursor:pointer}.lb .x{top:16px;right:16px}.lb .p{left:12px}.lb .n{right:12px}.lb p{position:absolute;bottom:12px;color:var(--mute);font-size:.9rem}
.timeline{position:relative;margin:2rem 0;padding-left:2rem;border-left:2px solid rgba(46,196,182,.4)}.timeline li{list-style:none;position:relative;margin:0 0 2.6rem}
.timeline li:before{content:"";position:absolute;left:calc(-2rem - 8px);top:.35rem;width:14px;height:14px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(255,79,163,.2)}.timeline .when{font:700 .75rem Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--sun)}
.cards{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:1.6rem}.card h3{color:var(--dust)}
.soon{display:inline-block;padding:.35rem .8rem;border:1px dashed var(--sand);border-radius:99px;color:var(--sand);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}
.look{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;list-style:none}.look li{padding:.5rem .9rem;border-radius:99px;background:rgba(46,196,182,.12);border:1px solid rgba(46,196,182,.35);font-size:.9rem}
blockquote.lyric{font:400 clamp(2rem,6vw,3.4rem)/1.05 'Bebas Neue';color:var(--pink);margin:0;letter-spacing:.03em}
footer{padding:4rem 0 3rem;border-top:1px solid rgba(255,255,255,.07);background:var(--night);font-size:.9rem;color:var(--mute)}footer .wrap{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}footer a{color:var(--dust)}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
