:root{
  --bg:#0c0a08;--bg-alt:#161310;--gold:#c9a961;--gold-bright:#e6c478;
  --cream:#ede1c8;--cream-dim:#a89b82;--line:rgba(201,169,97,.22);--spotify:#1db954;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--cream);
  font-family:'Inter',sans-serif;font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold-bright)}
.topbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 32px;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:rgba(12,10,8,.92);backdrop-filter:blur(8px);z-index:10;
}
.brand{font-family:'Anton',sans-serif;font-size:20px;letter-spacing:.18em;color:var(--gold)}
.brand span{color:var(--cream)}
.back{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim)}
.back:hover{color:var(--gold)}
.wrap{max-width:820px;margin:0 auto;padding:56px 24px 90px}
.kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
h1{
  font-family:'Anton',sans-serif;font-size:clamp(34px,6vw,62px);line-height:1;
  text-transform:uppercase;color:var(--cream);letter-spacing:-.01em;
}
h1 .album{
  display:block;font-family:'Cormorant Garamond',serif;font-style:italic;
  text-transform:none;color:var(--gold);font-size:.6em;margin-top:10px;letter-spacing:.01em;
}
.meta-line{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim);margin:18px 0 34px}
.video{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--line);margin-bottom:46px;overflow:hidden}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.story p{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.7;color:var(--cream);margin-bottom:22px}
.story p:first-of-type::first-letter{
  font-family:'Anton',sans-serif;font-size:62px;float:left;line-height:.78;
  padding:6px 14px 0 0;color:var(--gold);
}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:46px;padding-top:34px;border-top:1px solid var(--line)}
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 26px;
  border:1px solid var(--gold);color:var(--gold);
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;transition:all .25s;
}
.btn:hover{background:var(--gold);color:var(--bg)}
.btn.solid{background:var(--gold);color:var(--bg)}
.btn.solid:hover{background:var(--gold-bright);border-color:var(--gold-bright)}
.btn.sp{border-color:var(--spotify);color:var(--spotify)}
.btn.sp:hover{background:var(--spotify);color:#fff}
footer{border-top:1px solid var(--line);padding:28px;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim)}
@media(max-width:600px){.story p{font-size:19px}.wrap{padding:40px 20px 70px}}