.card{position:relative;height:270px;border-radius:14px;overflow:hidden;cursor:pointer;background:#ddd;box-shadow:0 6px 18px rgba(15,35,55,.06);opacity:0;transform:translateY(12px);transition:all .45s cubic-bezier(.2,.9,.2,1)}.card.visible{opacity:1;transform:translateY(0)}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.48) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;text-align:center;padding:12px;opacity:0;transition:opacity .28s}.card:hover .overlay{opacity:1}.card:hover img{transform:scale(1.06)}@media (max-width:640px){.card{height:180px;border-radius:12px}}