:root{--bg:#0b0b0b;--fg:#eee;--muted:#888;--line:#242424}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}
.site{min-height:100vh;display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto 1fr auto}
header{grid-column:1/-1;border-bottom:1px solid var(--line);padding:24px 32px;display:flex;align-items:baseline;gap:18px}
.brand{font-size:18px;letter-spacing:.18em}
.tagline{font-size:10px;color:var(--muted);letter-spacing:.16em}
aside{border-right:1px solid var(--line);padding:28px 22px}
.sidebar-heading{font-size:10px;color:var(--muted);letter-spacing:.18em;margin:0 0 18px}
.review-link{display:block;padding:12px 8px;border-bottom:1px solid #171717}
.review-link:hover{background:#111}
.review-date{display:block;font-size:9px;color:var(--muted);letter-spacing:.14em}
.review-title{display:block;font-size:13px}
.review-artist{display:block;font-size:11px;color:#aaa}
main{max-width:980px;width:100%;padding:52px 7vw}
.kicker{font-size:10px;color:var(--muted);letter-spacing:.18em}
.title{font-size:clamp(36px,6vw,72px);line-height:1.02;font-weight:400;margin:8px 0 2px}
.artist{font-size:18px;color:#aaa}
.meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:10px;letter-spacing:.08em;margin:22px 0 30px;text-transform:uppercase}
.cover{width:min(520px,100%);aspect-ratio:1;object-fit:cover;display:block;margin-bottom:34px;background:#151515}
.lead{font-size:21px;line-height:1.5;max-width:760px;margin-bottom:28px}
.body{max-width:760px}
.body p{margin:0 0 22px}
.details{border-top:1px solid var(--line);margin-top:38px;padding-top:20px;color:var(--muted);font-size:11px}
footer{grid-column:1/-1;border-top:1px solid var(--line);padding:20px 32px;color:var(--muted);font-size:10px;letter-spacing:.08em}
@media(max-width:800px){
.site{display:block}
header{padding:20px}
.tagline{display:none}
aside{border-right:0;border-bottom:1px solid var(--line);padding:12px 14px;overflow-x:auto;white-space:nowrap}
.sidebar-heading{display:none}
.review-link{display:inline-block;border:0;padding:8px 12px;vertical-align:top}
main{padding:38px 20px}
.title{font-size:42px}
.lead{font-size:18px}
footer{padding:18px 20px}
}