:root{--bg:#050505;--panel:#0b0b0b;--text:#f7f7f7;--muted:#aaa;--red:#ff1a1a;--line:#242424}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(#050505e8,#05050500);backdrop-filter:blur(6px)}
.brand{font-style:italic;font-weight:900;font-size:24px;letter-spacing:-1px}.brand b,.hero h1 span,.tagline strong,.kicker,footer b{color:var(--red)}
.nav{display:flex;gap:30px;font-size:12px;font-weight:800;letter-spacing:1.2px}.nav a:hover{color:var(--red)}.menu-btn{display:none;background:none;border:0;color:white;font-size:26px}
.hero{height:100svh;min-height:680px;position:relative;background:url('/assets/hero.jpg') center/cover no-repeat;display:grid;place-items:center;text-align:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0008 0%,#0003 45%,#050505 100%),radial-gradient(circle at center,#0000 0%,#0008 100%)}
.hero-content{position:relative;z-index:2;padding:100px 20px 0}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2.4px}.hero h1{font-size:clamp(58px,10vw,144px);line-height:.84;margin:14px 0 22px;font-weight:1000;font-style:italic;letter-spacing:-6px;text-shadow:0 10px 30px #000}
.tagline{font-size:clamp(15px,2vw,25px);font-weight:800;letter-spacing:8px;margin:0 0 34px}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border:1px solid #444;font-size:12px;font-weight:900;letter-spacing:.8px;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:white}.btn.primary{background:var(--red);border-color:var(--red)}.btn.ghost{background:#050505a8}.scroll{position:absolute;bottom:28px;z-index:2;font-size:10px;letter-spacing:2px;color:#ddd}
.section{padding:100px 7vw;max-width:1400px;margin:auto}.section h2,.booking h2{font-size:clamp(34px,5vw,72px);margin:10px 0 20px;letter-spacing:-2px}.lead,.about p,.booking p{color:#c6c6c6;line-height:1.8;max-width:740px}
.release{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.release-card{aspect-ratio:1/1;max-width:390px;justify-self:end;border:1px solid #3b1111;background:radial-gradient(circle at 50% 45%,#751010,#140505 55%,#050505);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 70px #ff1a1a18}.release-card span{font-size:12px;letter-spacing:3px}.release-card strong{font-size:56px;line-height:.77;text-align:center;margin:18px}.release-card small{color:var(--red);letter-spacing:2px}
.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0}.platforms a{border:1px solid var(--line);padding:24px;text-align:center;font-weight:800;background:#090909;transition:.2s}.platforms a:hover{border-color:var(--red);transform:translateY(-2px)}
.tracks{border-top:1px solid var(--line)}.tracks article{display:flex;gap:25px;align-items:center;padding:22px 5px;border-bottom:1px solid var(--line)}.tracks article>span{color:var(--red);font-weight:900}.tracks b{display:block}.tracks small{display:block;color:var(--muted);margin-top:5px}
.dark{max-width:none;background:#080808;padding-left:max(7vw,calc((100vw - 1400px)/2 + 7vw));padding-right:max(7vw,calc((100vw - 1400px)/2 + 7vw))}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.video-card{min-height:260px;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 50% 25%,#5a1010,#090909 55%);transition:.2s}.video-card:hover{border-color:var(--red);transform:translateY(-4px)}.video-card span{font-size:38px;margin-bottom:auto}.video-card b{font-size:20px}.video-card small{color:#aaa;margin-top:5px}.centered{margin:0 auto;display:flex;max-width:290px}
.about{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.eight{font-size:clamp(130px,22vw,330px);font-weight:1000;font-style:italic;letter-spacing:-20px;color:#120707;text-shadow:0 0 70px #ff1a1a33;text-align:center}.signature{font-weight:900!important;letter-spacing:3px;color:white!important}
.social{text-align:center}.social .platforms{max-width:900px;margin:35px auto}
.booking{text-align:center;padding:110px 7vw;background:radial-gradient(circle at 50% 50%,#4c0909,#090909 55%)}.booking p{margin:0 auto 30px}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 5vw;border-top:1px solid var(--line);font-size:11px;letter-spacing:1.2px;color:#aaa}
@media(max-width:760px){
 .topbar{height:68px}.menu-btn{display:block}.nav{position:absolute;top:68px;right:18px;display:none;flex-direction:column;background:#090909;border:1px solid #222;padding:20px;min-width:180px}.nav.open{display:flex}
 .hero{min-height:650px;background-position:center}.hero-content{padding-top:80px}.hero h1{letter-spacing:-3px}.tagline{letter-spacing:3px;line-height:1.7}
 .section{padding:72px 22px}.release,.about{grid-template-columns:1fr}.release-card{justify-self:start;max-width:100%;width:100%}.platforms{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}.video-card{min-height:210px}
 .eight{order:-1}.social .platforms{grid-template-columns:1fr 1fr}.booking{padding:80px 22px}footer{flex-direction:column;text-align:center}
}