:root{--ink:#15120f;--gold:#b8892b;--stone:#f6f4f0;--line:#e7e2d9}
body{font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,.h5{font-family:'Fraunces',Georgia,serif;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}
.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:10}
.nav-link{color:var(--ink);font-weight:500}
.btn-gold{background:var(--gold);color:#fff;border:0}.btn-gold:hover{background:#9c7220;color:#fff}
.hero{background:var(--stone)}
.option{border:1px solid var(--line);border-radius:.5rem;padding:1rem;height:100%;font-weight:500}
.band{background:var(--stone)}
.pcard{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:.5rem;padding:.75rem}
.pcard img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.35rem}
.pcard small{color:#6b645a}.pcard b{color:var(--gold)}
.chip{padding:.35rem .9rem;border:1px solid var(--line);border-radius:2rem;text-decoration:none;color:var(--ink)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.panel{border:1px solid var(--line);border-radius:.5rem;padding:1.25rem;height:100%}
.empty{color:#6b645a}
.site-footer{border-top:1px solid var(--line);background:var(--stone);color:#6b645a}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}