:root {
  --bg-top:#f0e4cf;
  --bg-bottom:#d6b98a;
  --card:#ffffff;
  --text:#2b2b2b;
  --muted:#6b6b6b;
  --accent:#f2b705;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  background:linear-gradient(var(--bg-top),var(--bg-bottom));
  color:var(--text);
}
.album{max-width:1100px;margin:auto;padding:32px 24px 60px;}
.two-column{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;}
.left-column{position:sticky;top:24px;}
.artwork img{
  width:100%;
  border-radius:18px;
  box-shadow:0 22px 50px rgba(0,0,0,.25);
}
.info h1{font-size:2.6rem;margin:0;}
.info h2{font-weight:normal;color:var(--muted);margin-top:8px;}
.intro{margin-top:20px;font-style:italic;line-height:1.5;}
.track{
  background:var(--card);
  padding:18px 20px;
  border-radius:14px;
  margin-bottom:22px;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
}
.track-header{display:flex;gap:14px;margin-bottom:10px;}
.track-num{color:var(--accent);font-weight:bold;}
audio{width:100%;margin:8px 0;}
.download{color:#9a6a00;text-decoration:none;}
.album-list{max-width:1000px;margin:auto;padding:48px 24px 60px;}
.site-header{text-align:center;margin-bottom:48px;}
.albums{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:36px;
}
.album-card img{
  width:100%;
  border-radius:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}
footer{text-align:center;font-size:.85rem;color:#555;margin-top:60px;}
@media(max-width:900px){
  .two-column{grid-template-columns:1fr}
  .left-column{position:static}
}