.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cat-nav{margin-top:-4px}
.cat-chips{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0 4px}
.cat-chips a{display:inline-flex;align-items:center;padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-soft);transition:all .2s;background:#fff}
.cat-chips a:hover{border-color:var(--blue);color:var(--blue)}
.cat-chips a.active{background:var(--navy);border-color:var(--navy);color:#fff}
.acard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .25s;position:relative}
.acard:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.acard .cmeta{display:flex;gap:12px;align-items:center;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}
.acard .cat{color:var(--blue);text-transform:uppercase;letter-spacing:.05em}
.acard h3{font-size:19px;line-height:1.4}
.acard p{color:var(--ink-soft);font-size:14.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.acard .go{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;font-size:14px;margin-top:auto}
.acard .go svg{width:16px;height:16px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}
.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border:1px solid var(--line);border-radius:10px;font-family:var(--mono);font-size:13px;color:var(--ink);transition:all .2s}
.pagination .current,.pagination a:hover{background:var(--navy);border-color:var(--navy);color:#fff}

@media(max-width:1000px){.art-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.art-grid{grid-template-columns:1fr}}