.cat{max-width:1160px;margin:auto;padding:42px 24px 72px}
.crumb{color:var(--text-3);font-size:.92rem}
.crumb a{color:var(--text-2)}
.intro{max-width:720px;color:var(--text-2);line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-2)}
.card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.card div{padding:18px}
.card h2{font-size:1.15rem;margin:0;letter-spacing:-.015em}
.card h2 a{color:var(--text-1);text-decoration:none}
.card h2 a:hover{color:var(--brand)}
.card p{margin-top:8px;color:var(--text-2);line-height:1.55;font-size:.95rem}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.cat{padding:28px 18px 54px}.grid{grid-template-columns:1fr}}