.card{position:relative;border-radius:1rem;overflow:hidden;width:180px;aspect-ratio:3/4;height:280px;box-shadow:0 4px 10px rgba(0,0,0,.1);@media (max-width:700px){width:100%;height:240px}}.card-image{width:100%;height:100%;object-fit:cover}.card-overlay{position:absolute;display:flex;align-items:center;justify-content:center;bottom:0;width:100%;padding:12px 8px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));color:#fff;text-align:center}.card-title{text-align:center;width:80%;font-family:Playfair;font-size:19px;font-style:normal;font-weight:300;line-height:20px;letter-spacing:-.19px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (min-width:640px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}}