.archive-wrap{padding-bottom:72px}
.archive-head{max-width:740px;margin:0 auto;padding:72px 0 56px;text-align:center}
.archive-head h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.06;margin:16px 0 24px;overflow-wrap:anywhere}
.archive-head p{color:var(--muted);line-height:1.8;max-width:620px;margin:0 auto}
.archive-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.archive-filters{display:flex;gap:8px 22px;flex-wrap:wrap}
.archive-filters a{font-size:.83rem;padding:12px 0;border-bottom:1px solid transparent}
.archive-filters a[aria-current]{border-color:var(--ink)}
.archive-filters span{font-size:.7rem;color:var(--muted);margin-left:5px}
.archive-count{font-size:.75rem;color:var(--muted);margin:0}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px}
.archive-card{min-width:0}
.archive-card a{display:block}
.archive-mat{height:310px;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--mat)}
.archive-mat img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.archive-card a:hover img{transform:scale(1.025)}
.archive-card h2{font-size:1.5rem;line-height:1.2;margin:18px 0 7px;overflow-wrap:anywhere}
.archive-card p{font-size:.71rem;color:var(--muted);margin:0}
.archive-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:58px 0 32px}
.archive-pagination a{min-width:44px;min-height:44px;padding:10px 14px;text-align:center;border:1px solid var(--line);font-size:.8rem}
.archive-pagination a[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.archive-note{max-width:730px;margin:36px auto 0;font-size:.82rem;color:var(--muted);line-height:1.8;text-align:center}
.archive-detail-head{padding:48px 0 32px}
.archive-detail{margin:0;text-align:center}
.archive-detail img{display:block;width:auto;height:auto;max-width:100%;max-height:80vh;margin:0 auto}
.archive-detail figcaption{font-size:.75rem;color:var(--muted);margin-top:18px}
.archive-back{text-align:center;margin-top:32px}
.archive-wrap a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.archive-mat{height:280px}}
@media(max-width:560px){.archive-wrap{padding-left:20px;padding-right:20px}.archive-head{padding:44px 0 32px}.archive-grid{grid-template-columns:1fr;gap:36px}.archive-mat{height:340px;padding:18px}.archive-toolbar{margin-bottom:28px}.archive-filters{gap:8px 18px}.archive-card h2{font-size:1.6rem}.archive-detail-head{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.archive-mat img{transition:none}.archive-card a:hover img{transform:none}}