@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#090909;--panel:#121212;--text:#f5f5f2;--muted:#a8a8a3;--line:#2a2a28;--accent:#d7ff4f;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(9,9,9,.88);border-bottom:1px solid #242424}.nav{max-width:var(--max);margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.logo{font:800 20px "Space Grotesk";letter-spacing:-.06em}.navlinks{display:flex;gap:25px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800;color:#bbb}.navlinks a:hover{color:#fff}
.wrap{max-width:var(--max);margin:auto;padding:0 24px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.02;margin:0 0 20px}h1{font-size:clamp(55px,8vw,112px);letter-spacing:-.075em}h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em}h3{font-size:23px}.lede{font-size:clamp(18px,2vw,22px);color:#d0d0cb;max-width:700px}
.hero{position:relative;min-height:calc(100vh - 60px);display:flex;align-items:end;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 18%,rgba(0,0,0,.2) 45%,rgba(0,0,0,.9) 100%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 70%)}.hero-content{position:relative;z-index:1;width:100%;padding:90px 0 70px}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;padding:13px 19px;border-radius:999px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.primary{background:var(--accent);color:#080808}.secondary{border:1px solid #555;background:rgba(0,0,0,.2)}
.section{padding:100px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-head p{max-width:520px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);padding:27px;min-height:180px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#555}.card .num{color:#666;font-size:11px;font-weight:800}.card h3{margin-top:38px;margin-bottom:8px}.card p{margin:0;color:var(--muted);font-size:13px}
.page-title{padding:100px 0 60px}.tracklist{border-top:1px solid var(--line)}.track{display:grid;grid-template-columns:46px 1fr auto;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.n{color:#666;font-size:12px}.title{font-weight:700}.artist{color:var(--muted);font-size:13px;margin-top:3px}.time{color:#777;font-size:13px}.artist-hero{padding:105px 0 70px;border-bottom:1px solid var(--line)}.bio{max-width:760px;font-size:20px;color:#c8c8c3}.artist-meta{color:var(--muted);font-size:14px;margin-bottom:25px}.footer{border-top:1px solid var(--line);padding:40px 0 60px;color:#777;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:800px){.nav{padding:16px 18px}.navlinks{gap:12px;font-size:10px}.wrap{padding:0 18px}.hero{min-height:calc(100vh - 54px)}.grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:20px}.track{grid-template-columns:30px 1fr auto;gap:10px}}