@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --bg:#090807;
  --panel:#100d09;
  --gold:#d5ae5d;
  --gold2:#f0d391;
  --text:#f6f0e4;
  --muted:#b9ad9a;
  --line:rgba(213,174,93,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:50;height:78px;display:flex;align-items:center;justify-content:space-between;padding:10px 5vw;background:rgba(8,7,6,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand img{width:180px;height:58px;object-fit:cover;object-position:left center}
.nav{display:flex;gap:30px;font-family:"Cormorant Garamond",serif;font-size:18px}
.nav a:hover{color:var(--gold2)}
.menu{display:none;background:none;border:0;color:var(--text);font-size:28px}
.hero{min-height:650px;display:grid;grid-template-columns:48% 52%;border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 30%,rgba(162,95,18,.18),transparent 35%),linear-gradient(90deg,#0a0806 0%,#0b0907 55%,#120b05)}
.hero-copy{padding:100px 4vw 70px 6vw;align-self:center}
.eyebrow{letter-spacing:.33em;color:var(--gold);font-size:12px;font-weight:600}
h1,h2,h3{font-family:"Cormorant Garamond",serif;margin:.1em 0}
h1{font-size:clamp(68px,9vw,126px);line-height:.72;color:var(--gold2)}
h2{font-size:clamp(42px,5vw,72px);line-height:.95}
h3{font-size:28px;font-weight:500;color:var(--gold2)}
.genre{font-family:"Cormorant Garamond",serif;letter-spacing:.2em;font-size:26px}
.tagline{color:var(--muted);margin:20px 0 28px}
.hero-image{background:linear-gradient(90deg,rgba(10,8,6,.25),rgba(10,8,6,0)),url('assets/hero-dawa.jpg') center/cover no-repeat;min-height:650px}
.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn{display:inline-block;border:1px solid var(--gold);padding:14px 20px;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600;border-radius:3px}
.btn.primary{background:linear-gradient(180deg,var(--gold2),#bd8b32);color:#0a0806;border:0}
.btn.ghost:hover{background:rgba(213,174,93,.08)}
.text-link{color:var(--gold2);font-weight:600}
.release-grid{display:grid;grid-template-columns:31% 44% 25%;min-height:420px;border-bottom:1px solid var(--line)}
.cover-card{padding:28px 5vw;display:flex;align-items:center}
.cover-card img{width:100%;max-width:320px;border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.5)}
.release-copy{padding:58px 6vw 48px 3vw;align-self:center}
.release-copy p{max-width:620px;color:#d7cbbb;line-height:1.7}
.quote{display:flex;align-items:center;padding:40px;background:radial-gradient(circle at 60% 50%,rgba(165,94,13,.22),transparent 58%)}
.quote p{font:italic 38px/1.08 "Cormorant Garamond",serif;color:var(--gold2)}
.artist{display:grid;grid-template-columns:42% 58%;min-height:380px;border-bottom:1px solid var(--line)}
.artist-image{background:url('assets/artist-profile.jpg') center/cover no-repeat}
.artist-copy{padding:60px 8vw;align-self:center}
.artist-copy p{color:#d1c6b4;line-height:1.7;max-width:760px}
.streaming{text-align:center;padding:34px 5vw;border-bottom:1px solid var(--line)}
.platforms{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:20px}
.platforms a{padding:10px 18px;border-right:1px solid var(--line);font-family:"Cormorant Garamond",serif;font-size:20px}
.about-label{display:grid;grid-template-columns:28% 44% 28%;min-height:310px;border-bottom:1px solid var(--line)}
.studio-image{background:url('assets/studio.jpg') center/cover no-repeat}
.turntable-image{background:url('assets/turntable.jpg') center/cover no-repeat}
.label-copy{padding:45px 5vw;align-self:center}
.label-copy p{color:#d1c6b4;line-height:1.7}
.press-contact{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.press-contact>div{background:#0d0b09;padding:55px 7vw}
.press-contact p{color:#cbbfae;line-height:1.7}
footer{padding:30px 5vw 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer img{width:145px;height:52px;object-fit:cover;object-position:left}
.footer-nav{display:flex;gap:18px;flex-wrap:wrap;font-family:"Cormorant Garamond",serif}
footer p{font-size:11px;color:#8f8374}

@media (max-width:820px){
  .nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b0907;padding:22px 6vw;flex-direction:column;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .menu{display:block}
  .hero{grid-template-columns:1fr}
  .hero-copy{padding:70px 7vw 35px}
  .hero-image{min-height:430px}
  .release-grid{grid-template-columns:1fr}
  .cover-card{justify-content:center}
  .quote{min-height:220px}
  .artist{grid-template-columns:1fr}
  .artist-image{min-height:360px}
  .about-label{grid-template-columns:1fr}
  .studio-image,.turntable-image{min-height:240px}
  .press-contact{grid-template-columns:1fr}
  footer{justify-content:center;text-align:center}
}