:root{
  --ground:#130D20; --panel:#1D1530; --line:#322650;
  --ink:#EFEAF8; --body:#D8CCF2; --muted:#A79BC4;
  --accent:#9D8CFF; --on-accent:#17102B; --world:#9D8CFF;
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--ground)}
body{
  background:var(--ground); color:var(--body);
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:17px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
a{color:inherit}
img{display:block;max-width:100%}
.masthead{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:34px 0 22px;border-bottom:1px solid var(--line);
}
.masthead .brand{
  font-family:"League Spartan",sans-serif;font-weight:700;
  letter-spacing:.34em;font-size:13px;color:var(--accent);text-transform:uppercase;
}
.masthead .domain{
  letter-spacing:.34em;font-size:12px;color:var(--muted);text-transform:uppercase;
}
.kicker{
  letter-spacing:.32em;font-size:13px;text-transform:uppercase;color:var(--world);
  font-weight:500;
}
h1{
  font-family:"League Spartan",sans-serif;font-weight:700;color:var(--ink);
  line-height:1.02;letter-spacing:.01em;
}
.headline{
  font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:500;
  color:var(--body);font-size:30px;line-height:1.3;max-width:34ch;
}
.btn{
  display:inline-block;font-family:"Space Grotesk",sans-serif;font-weight:500;
  letter-spacing:.3em;font-size:13px;text-transform:uppercase;text-decoration:none;
  padding:18px 44px;border-radius:9px;background:var(--accent);color:var(--on-accent);
}
.btn.gold{background:var(--world);color:#17102B}
.btn.outline{
  background:transparent;color:var(--ink);border:1px solid var(--line);
  padding:17px 34px;
}
.latest{
  letter-spacing:.26em;font-size:12px;color:var(--muted);text-transform:uppercase;
}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:64px 0 30px}
.hero .art img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:14px}
.hero h1{font-size:76px;margin:26px 0 30px}
.hero .headline{margin-bottom:44px}
.hero .cta{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.hero.poster h1{font-size:104px;line-height:.98}
.double-rule{border-top:3px solid var(--world);width:46%;margin:38px 0 8px;position:relative}
.double-rule::after{content:"";position:absolute;left:0;right:0;top:6px;border-top:1px solid var(--world)}
.slash{width:44%;height:11px;background:var(--world);border-radius:6px;transform:rotate(-4deg);margin:6px 0 40px}
section{padding:52px 0 0}
.section-label{
  letter-spacing:.32em;font-size:12px;color:var(--accent);text-transform:uppercase;margin-bottom:24px;
}
.about p{max-width:62ch;font-size:19px}
.releases{list-style:none}
.release{
  display:flex;align-items:center;gap:26px;padding:20px 0;border-top:1px solid transparent;
}
.release .cover{flex:0 0 104px}
.release .cover img{width:104px;height:104px;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.release .num{
  font-family:"League Spartan",sans-serif;font-size:34px;color:var(--world);flex:0 0 58px;
}
.release .meta{flex:1;min-width:0}
.release .tick{width:34px;height:5px;border-radius:3px;background:var(--world);margin-bottom:10px}
.release .title{font-size:23px;color:var(--ink);font-weight:500}
.release .sub{color:var(--muted);font-size:15px;margin-top:3px}
.listen-link{
  letter-spacing:.28em;font-size:13px;color:var(--accent);text-decoration:none;text-transform:uppercase;
  white-space:nowrap;
}
.listen-pill{
  letter-spacing:.28em;font-size:13px;text-transform:uppercase;text-decoration:none;
  background:var(--world);color:#17102B;padding:13px 30px;border-radius:999px;white-space:nowrap;font-weight:500;
}
.hear{
  margin-top:64px;background:var(--panel);border-radius:14px;padding:44px 48px;
  display:flex;justify-content:space-between;align-items:center;gap:36px;flex-wrap:wrap;
}
.hear h2{font-family:"League Spartan",sans-serif;color:var(--ink);font-size:27px;font-weight:600;margin-bottom:12px}
.hear p{color:var(--muted);max-width:52ch}
footer{
  margin-top:84px;border-top:1px solid var(--line);padding:30px 0 64px;
  display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
footer .brand{
  font-family:"League Spartan",sans-serif;letter-spacing:.3em;font-size:13px;color:var(--ink);text-transform:uppercase;
}
footer .tagline{font-family:"Cormorant Garamond",serif;font-style:italic;color:var(--muted);margin-top:8px;font-size:17px}
footer .credit{color:var(--muted);font-size:15px}
@media (max-width:860px){
  .wrap{padding:0 22px}
  .hero{grid-template-columns:1fr;gap:34px;padding-top:42px}
  .hero h1{font-size:52px}
  .hero.poster h1{font-size:64px}
  .headline{font-size:25px}
  .hear{padding:32px 26px}
  .release .cover{flex-basis:76px}
  .release .cover img{width:76px;height:76px}
  .release .num{flex-basis:40px;font-size:26px}
}