:root{
  --bg:#0b0b0b; --paper:#f1eee7; --muted:#aaa69e; --line:#30302e;
  --accent:#d9ff3f; --max:1240px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.45}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080808e8,transparent)}
.brand img{width:125px;filter:invert(1)}
nav{display:flex;gap:34px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
nav a:hover,.socials a:hover,.text-link:hover{color:var(--accent)}
.menu-toggle{display:none;background:none;border:0;color:white;font-weight:800}
.hero{height:100vh;min-height:650px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000b 0%,#0004 55%,#0008 100%),linear-gradient(0deg,#080808 0%,transparent 55%)}
.hero-copy{position:relative;z-index:2;width:min(var(--max),92%);margin:0 auto 9vh}
.eyebrow,.section-label{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.hero h1{font-size:clamp(80px,16vw,220px);line-height:.78;margin:20px 0 25px;letter-spacing:-.075em}
.hero-line{font-size:clamp(16px,2vw,24px);max-width:550px;margin:0 0 28px}
.buttons{display:flex;gap:10px;flex-wrap:wrap}.button{padding:14px 20px;border:1px solid var(--paper);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.button-light{background:var(--paper);color:#111}.button-outline{border-color:#aaa}
section{width:min(var(--max),92%);margin:auto;padding:110px 0}
.section-label{border-top:1px solid var(--line);padding-top:15px;margin-bottom:55px}
.feature-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.art-wrap img{width:min(560px,100%);aspect-ratio:1;object-fit:cover}
h2{font-size:clamp(40px,6vw,82px);line-height:.9;letter-spacing:-.055em;margin:15px 0 30px}
.feature-copy p,.body-copy{color:#c4c1ba;max-width:580px}
.stream-links,.socials{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px}.text-link{font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.photo-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:75px}.photo-strip img{width:100%;aspect-ratio:4/5;object-fit:cover}
.release-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.release-heading p{color:var(--muted)}
.release-list{margin-top:40px;border-top:1px solid var(--line)}
.release-row{display:grid;grid-template-columns:100px 1fr 130px 30px;gap:25px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.release-row img{width:100px;aspect-ratio:1;object-fit:cover}.release-row span{font-size:10px;color:var(--muted);letter-spacing:.14em}.release-row h3{font-size:25px;margin:5px 0}.track-count{font-size:10px;color:var(--muted);letter-spacing:.12em}
.tracklist{background:#121211;width:100%;max-width:none;padding-left:max(4vw,calc((100% - var(--max))/2));padding-right:max(4vw,calc((100% - var(--max))/2))}
.tracklist ol{list-style:none;padding:0;margin:45px 0 0;border-top:1px solid var(--line)}.tracklist li{display:grid;grid-template-columns:60px 1fr 70px;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.tracklist li span{color:var(--muted);font-size:11px}
.contact{text-align:center;padding-bottom:140px}.contact-inner{max-width:900px;margin:auto}.contact h2{font-size:clamp(70px,13vw,170px);margin-bottom:25px}.email{font-size:clamp(18px,3vw,34px);border-bottom:1px solid #777;padding-bottom:5px}.socials{justify-content:center}
footer{border-top:1px solid var(--line);padding:30px 4vw;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.12em}footer img{width:100px;filter:invert(1)}
@media(max-width:700px){nav{display:none}.menu-toggle{display:block}.hero{min-height:600px}.hero-copy{margin-bottom:70px}.feature-grid,.about-grid{grid-template-columns:1fr;gap:45px}.photo-strip{grid-template-columns:1fr 1fr}.photo-strip img:first-child{grid-column:1/-1}.release-heading{display:block}.release-row{grid-template-columns:65px 1fr 25px}.release-row img{width:65px}.track-count{display:none}section{padding:80px 0}.section-label{margin-bottom:35px}.hero h1{font-size:25vw}}