.cat-grid{flex-direction:column;gap:32px;display:flex}.cat-featured{border:1.5px solid var(--v1-line);color:inherit;background:#fff;border-radius:20px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;overflow:hidden}.cat-featured:hover{border-color:#00a7e273;transform:translateY(-4px);box-shadow:0 24px 48px -22px #0f1b2638}.cat-featured__visual{background:var(--v1-surface);min-height:320px;position:relative;overflow:hidden}.cat-featured__visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.cat-featured:hover .cat-featured__visual img{transform:scale(1.04)}.cat-featured__body{flex-direction:column;justify-content:center;padding:36px 36px 32px;display:flex}.cat-featured__title{color:var(--v1-ink);margin:12px 0;font-family:Nunito,sans-serif;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.2}.cat-featured__desc{color:var(--v1-muted);margin-bottom:18px;font-size:15.5px;line-height:1.6}.cat-featured__cta{color:var(--v1-blue);align-self:flex-start;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:700;transition:gap .18s;display:inline-flex}.cat-featured:hover .cat-featured__cta{gap:12px}.cat-rest{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.cat-card{border:1.5px solid var(--v1-line);color:inherit;background:#fff;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.cat-card:hover{border-color:#00a7e266;transform:translateY(-3px);box-shadow:0 18px 36px -20px #0f1b2633}.cat-card__visual{aspect-ratio:16/10;background:var(--v1-surface);overflow:hidden}.cat-card__visual img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.cat-card:hover .cat-card__visual img{transform:scale(1.04)}.cat-card__body{flex-direction:column;flex:1;padding:18px 20px 22px;display:flex}.cat-card__title{color:var(--v1-ink);flex:1;margin:8px 0 10px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;line-height:1.35}.cat-tag{color:var(--v1-blue);letter-spacing:.05em;text-transform:uppercase;background:#00a7e21f;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.cat-tag--sm{padding:3px 9px;font-size:10.5px}.cat-meta{color:var(--v1-muted);align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.cat-meta--sm{font-size:12px}.cat-empty{text-align:center;color:var(--v1-muted);padding:48px 20px}.cat-empty a{color:var(--v1-blue);text-decoration:underline}.cat-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.cat-pagination__edge{border:1.5px solid var(--v1-line);color:var(--v1-ink);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.cat-pagination__edge:hover{border-color:var(--v1-blue);color:var(--v1-blue);background:#00a7e20a}.cat-pagination__edge--disabled{opacity:.4;cursor:not-allowed}.cat-pagination__list{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cat-pagination__num{min-width:40px;height:40px;color:var(--v1-ink);border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.cat-pagination__num:hover{border-color:var(--v1-line);background:var(--v1-surface)}.cat-pagination__num--active{background:var(--v1-blue);color:#fff;border-color:var(--v1-blue)}.cat-pagination__num--active:hover{background:var(--v1-blue);color:#fff}.cat-pagination__ellipsis{color:var(--v1-muted);padding:0 4px;font-weight:700}@media (width<=1024px){.cat-featured{grid-template-columns:1fr}.cat-featured__visual{aspect-ratio:16/9;min-height:auto}.cat-featured__body{padding:24px 22px 26px}.cat-rest{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cat-rest{grid-template-columns:1fr}.cat-pagination__edge span{display:none}}
