.th{max-width:1200px;margin:0 auto;padding:40px 24px 72px}.th-head{margin-bottom:32px}.th-head__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#0080ba;margin:0 0 8px;font-size:12px;font-weight:700}.th-head__title{color:#0a1628;margin:0 0 10px;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.1}.th-head__lede{color:#5a6b7d;max-width:640px;margin:0;font-size:16px}.th-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.th-card{background:#f8fafc;border:1px solid #e8edf2;border-radius:14px;flex-direction:column;gap:4px;padding:14px 14px 16px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.th-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #04293a1a}.th-card__media{aspect-ratio:16/9;background:#e2e8f0;border-radius:10px;width:100%;margin-bottom:8px;display:block;overflow:hidden}.th-card__media img{object-fit:cover;width:100%;height:100%;display:block}.th-card__initial{color:#64748b;justify-content:center;align-items:center;width:100%;height:100%;font-size:34px;font-weight:800;display:flex}.th-card__name{color:#0a1628;font-size:15.5px;font-weight:700;line-height:1.3}.th-card:hover .th-card__name{color:#0080ba}.th-card__count{color:#94a3b8;font-size:12.5px}.th-empty{text-align:center;color:#5a6b7d;border:1.5px dashed #d7e0e8;border-radius:14px;padding:44px 32px}@media (max-width:1024px){.th-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.th{padding:28px 16px 56px}.th-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
