/* Gallery — layered on styles.css */
.g-hero{padding:clamp(48px,7vw,88px) 0 clamp(24px,3vw,36px)}
.g-hero .sub{max-width:58ch}
.filters{display:grid;gap:14px;margin:0 0 32px;padding:20px 0;border-top:1px solid var(--line-gilt);border-bottom:1px solid var(--line)}
.frow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.frow .lab{min-width:84px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gilt)}
.chip{font:inherit;font-size:.86rem;font-weight:500;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--olive-m);cursor:pointer}
.chip:hover{border-color:var(--gilt);color:var(--olive-d)}
.chip[aria-pressed="true"]{background:var(--olive-d);color:var(--bone);border-color:var(--olive-d)}
.chip .n{opacity:.6;margin-left:6px;font-size:.78rem}
.g-count{color:var(--olive-m);font-size:.92rem;margin:0 0 18px}
.g-grid{columns:3 260px;column-gap:clamp(18px,3vw,28px)}
.g-card{break-inside:avoid;margin:0 0 clamp(18px,3vw,28px);background:var(--bone-2);border:1px solid var(--line);border-radius:3px;box-shadow:var(--shadow);overflow:hidden}
.g-card .art{background:var(--bone);padding:16px}
.g-card img{width:100%;height:auto;box-shadow:0 2px 4px rgba(70,60,40,.25),0 10px 22px rgba(70,60,40,.16)}
.g-card .meta{padding:14px 18px 18px;border-top:1px solid var(--line)}
.g-card h3{font-size:1.2rem;margin:0 0 2px;text-wrap:balance}
.g-card .yr{font-size:.84rem;color:var(--olive-m);margin:0 0 10px;text-wrap:balance}
.g-card .tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.g-card .tags span{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gilt);border:1px solid var(--line-gilt);border-radius:999px;padding:2px 9px}
.g-card .acts{display:flex;gap:14px;flex-wrap:wrap;font-size:.88rem;font-weight:600}
.g-empty{padding:40px 0;color:var(--olive-m)}
.g-more{margin-top:40px;border:1px solid var(--line-gilt);border-left:4px solid var(--gilt);background:var(--bone-2);border-radius:3px;padding:18px 22px;color:var(--olive-m);max-width:72ch;text-wrap:balance}
.g-more strong{color:var(--olive-d)}
.chip{white-space:nowrap}
.filters .frow>.frow{flex:1;min-width:0}

.finder{font:inherit;font-size:1rem;width:min(440px,100%);padding:10px 14px;border:1px solid var(--line-gilt);border-radius:3px;background:var(--bone);color:var(--olive-d)}
.finder:focus{outline:2px solid var(--gilt);outline-offset:1px}