.card{perspective:1000px;width:100%;max-width:450px;height:320px}.card-inner{position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d}.card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0;border-radius:3px;overflow:hidden;background:#fff;padding-top:10px;color:#000}.card-front{display:flex;flex-direction:column;font-family:"Space Grotesk"}.card-img{width:100%;height:200px;object-fit:cover;padding-left:5px;padding-right:5px}.card-title{padding:10px;text-align:center;color:#000}.card-back{transform:rotateY(180deg);padding:15px;font-size:16px;display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk"}