:root{--bg:#faf8f4;--fg:#222;--dark:#1f1b16;--accent:#b5651d}
*{box-sizing:border-box}
body{margin:0;font:18px/1.6 Georgia,serif;background:var(--bg);color:var(--fg)}
header{background:var(--dark);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.8em 1.2em;gap:.5em}
.brand{color:#fff;font-size:1.4em;text-decoration:none}
nav a{color:#ddd;margin-left:1.2em;text-decoration:none;padding-bottom:2px}
nav a.on,nav a:hover{color:#fff;border-bottom:2px solid var(--accent)}
main{max-width:900px;margin:0 auto;padding:1.5em 1.2em}
img{max-width:100%;height:auto;border-radius:4px}
.tag{font-style:italic;color:var(--accent);font-size:1.3em;margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.albums img{width:100%;aspect-ratio:1/1;object-fit:cover}
.albums a{color:inherit;text-decoration:none;text-align:center}
.album{display:flex;flex-wrap:wrap;gap:1.5em;align-items:center;margin-bottom:1.5em}
.album img{width:220px}
.track{margin:0 0 1.1em}.track-title{margin:0 0 .3em}.track audio{width:100%}
.shows{list-style:none;padding:0}.shows li{padding:.8em 0;border-bottom:1px solid #ddd}
footer{text-align:center;color:#777;padding:2em 1em}
@media(max-width:520px){nav a{margin:0 .8em 0 0}}