.cats{padding-block:clamp(56px,8vh,96px);background:var(--surface)}.ccards-sec{padding-block:clamp(48px,7vh,88px);background:var(--background)}.cats-head{max-width:640px;margin-bottom:36px}.cats-head .eyebrow{margin-bottom:14px}.cats-head h2{font-size:clamp(26px,3vw,38px);color:var(--primary);margin-bottom:12px}.cats-head .sub{font-size:16.5px;color:var(--text-secondary);line-height:1.6}.ccards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ccard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .28s ease,box-shadow .28s ease}.ccard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.ccard-media{position:relative;aspect-ratio:16/11;background:radial-gradient(120% 120% at 50% 0,#fff,var(--surface));overflow:hidden}.ccard-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ccard-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.ccard-body h3{font-size:19px;color:var(--primary);margin-bottom:6px;line-height:1.2}.ccard-body p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px;flex:1}.ccard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.ccard-count{font-size:12.5px;color:var(--text-secondary);background:var(--surface);border-radius:8px;padding:5px 10px}.ccard-count,.ccard-link{font-weight:600;font-family:var(--font-display)}.ccard-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--accent);transition:gap .2s ease}.ccard-link svg{width:16px;height:16px;transition:transform .2s ease}.ccard:hover .ccard-link{gap:10px}.ccard:hover .ccard-link svg{transform:translateX(3px)}.cats-cta{margin-top:36px;display:flex;justify-content:center}.cat-bc{display:flex;align-items:center;gap:9px;font-size:13.5px;margin-bottom:22px}.cat-bc,.cat-bc a{color:var(--text-secondary)}.cat-bc a{transition:color .2s ease}.cat-bc a:hover{color:var(--accent)}.cat-bc .sep{opacity:.5}.cat-bc .cur{color:var(--primary);font-weight:600}@media (max-width:900px){.ccards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.ccards{grid-template-columns:1fr}}