:root{--bg:#faf6ef;--ink:#2b2018;--wood:#6f4e37;--gold:#b8893b;--card:#fff;--mut:#6b5d52;--g:#1f8f4e}
@media(prefers-color-scheme:dark){:root{--bg:#1e1812;--ink:#f3ebdf;--card:#2a221a;--mut:#c2b5a6;--gold:#e0b25f}}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--ink)}
h1,h2,h3,.logo{font-family:Georgia,serif;line-height:1.2}a{color:inherit}img{max-width:100%;height:auto}
.top{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid #8884;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem}
.logo{font-size:1.25rem;font-weight:700;text-decoration:none}nav{display:flex;gap:1.1rem;align-items:center}nav a{text-decoration:none}nav a[aria-current]{color:var(--gold);font-weight:600}
.burger{display:none;background:none;border:0;padding:.5rem;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0}
main>section{max-width:1050px;margin:auto;padding:2.2rem 1rem}
.hero{display:grid;gap:1.5rem;align-items:center;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0}.hero p{color:var(--mut)}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)!important}
.btn{display:inline-block;padding:.75rem 1.3rem;border-radius:999px;background:var(--g);color:#fff;text-decoration:none;font-weight:600;border:0;font-size:1rem;cursor:pointer;margin:.2rem 0}.btn.alt{background:var(--wood)}nav .btn{padding:.45rem 1rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border-radius:14px;padding:.8rem;box-shadow:0 2px 10px #0002}.card h3{margin:.6rem 0 .2rem}.card p{margin:0 0 .5rem;color:var(--mut)}.lnk{color:var(--gold);font-weight:600}
figure{margin:0;position:relative}figure img{width:100%;display:block;border-radius:10px;background:#e8dccb}figcaption{position:absolute;left:8px;top:8px;background:#000a;color:#fff;font-size:.72rem;padding:2px 8px;border-radius:99px}
.rows{display:grid;gap:1.2rem}.row{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:1.2rem;align-items:center;background:var(--card);border-radius:14px;padding:.8rem}
.band{text-align:center;background:var(--card);border-radius:14px;margin:1rem auto}.note{font-size:.88rem;color:var(--mut)}.tbc{background:#ffe9a8;color:#5a4300;padding:0 .4rem;border-radius:4px;font-size:.85rem}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.filters button{padding:.45rem 1rem;border-radius:99px;border:1px solid var(--wood);background:none;color:var(--ink);cursor:pointer;font-size:.95rem}.filters .on{background:var(--wood);color:#fff}
.gal figure{cursor:zoom-in}.gal figure[hidden]{display:none}
.two{display:grid;gap:2rem;grid-template-columns:1fr 1fr}form label{display:block;margin:.7rem 0;font-size:.9rem}form input,form select,form textarea{display:block;width:100%;padding:.6rem;margin-top:.2rem;border:1px solid #8886;border-radius:8px;font:inherit;background:var(--card);color:var(--ink)}
footer{text-align:center;padding:2rem 1rem 6rem;color:var(--mut);font-size:.9rem}
.fab{position:fixed;right:14px;bottom:14px;z-index:15;padding:.85rem 1.2rem;border-radius:999px;background:var(--g);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0005}
dialog{border:0;border-radius:14px;padding:.8rem;max-width:min(92vw,720px);background:var(--card);color:var(--ink)}dialog::backdrop{background:#000b}dialog img{width:100%;border-radius:10px}.x{float:right;font-size:1.6rem;background:none;border:0;color:inherit;cursor:pointer}
@media(max-width:760px){.burger{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);padding:1rem;border-bottom:1px solid #8884}nav.open{display:flex}nav a{padding:.5rem 0}nav .btn{text-align:center}.hero,.two,.row{grid-template-columns:1fr}}