.catalog{padding:24px 0 6px}.container{max-width:1600px;margin:auto;padding:0 20px}.heading{text-align:center;margin-bottom:20px;font-size:1.6rem;font-weight:800;color:#0b1220}.grid{display:grid;gap:28px}@media (min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}}.card{position:relative;display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgb(2 6 23 / .10);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;margin-bottom:60px}.card__media{position:relative;aspect-ratio:16/10;background:#0b1220;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.card:hover .card__media img{transform:scale(1.05)}.card__meta{padding:14px 16px 35px}.card__title{margin:0 0 6px;font-size:1.12rem;font-weight:800}.card__desc{margin:0;color:#475569}.taglist{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.taglist span{font-size:.82rem;font-weight:700;color:#0b1220;background:#f3f4f6;border:1px solid #e5e7eb;padding:6px 12px;border-radius:999px}.more{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:800;font-size:.9rem;background:#fff;border:1px solid #ddd;color:#0b1220;box-shadow:0 10px 22px rgb(2 6 23 / .12);text-decoration:none;transition:background .2s ease,transform .25s ease}.more:hover{background:#f7f7f7;transform:translateX(2px)}