:root{--black:#0b0b0b;--panel:#161616;--gold:#d4a017;--gold-light:#f0c43f;--text:#f5f1e6;--muted:#c9c2ae}
*{box-sizing:border-box}
html{font-size:112.5%}
body{margin:0;background:var(--black);color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
a{color:var(--gold-light)}
a:focus,button:focus,.btn:focus{outline:3px solid var(--gold-light);outline-offset:3px}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:var(--gold);color:#000;padding:8px;z-index:9}
header{background:#000;border-bottom:3px solid var(--gold);padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.logo{color:var(--gold);font-size:1.4rem;font-weight:bold;text-decoration:none;letter-spacing:.08em;text-transform:uppercase}
nav a{margin-right:16px;text-decoration:none;color:var(--text);padding:8px 0;display:inline-block}
nav a:hover,nav a[aria-current]{color:var(--gold)}
main{max-width:1000px;margin:0 auto;padding:16px}
.hero{padding:40px 0;text-align:center;border-bottom:1px solid var(--gold)}
h1{color:var(--gold);font-size:2rem;line-height:1.2;margin:.2em 0}
h2{color:var(--gold);margin-top:1.6em}
.btn{display:inline-block;background:var(--gold);color:#000;font-weight:bold;padding:14px 24px;border-radius:4px;text-decoration:none;margin-top:12px}
.btn:hover{background:var(--gold-light)}
.grid{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0}
.card{background:var(--panel);border:1px solid var(--gold);border-radius:6px;padding:16px}
.placeholder{background:#222;border:2px dashed var(--gold);color:var(--muted);display:flex;align-items:center;justify-content:center;min-height:180px;text-align:center;padding:12px;margin-bottom:12px}
footer{border-top:3px solid var(--gold);text-align:center;padding:24px 16px;color:var(--muted);margin-top:40px}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}h1{font-size:2.6rem}}
img{max-width:100%;height:auto;display:block}
.card.art{margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
.card.art img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#000}
.card.art figcaption{padding:16px}
.card.art h3{margin:0 0 .3em;color:var(--gold)}
.card.art p{margin:0;color:var(--muted)}
.wide{margin:24px 0}
.wide img{width:100%;border:1px solid var(--gold);border-radius:6px}
.wide.narrow{max-width:480px;margin-left:auto;margin-right:auto}
.wide figcaption{color:var(--muted);text-align:center;padding-top:8px}