.card{position:relative;height:285px;border-radius:12px;overflow:hidden;background:#eceaf2;contain:layout paint}@media screen and (max-width:1600px){.card{height:219px}}@media screen and (max-width:1360px){.card{height:222px}}@media screen and (max-width:1200px){.card{height:294px}}@media screen and (max-width:992px){.card{height:250px}}@media screen and (max-width:768px){.card{height:295px}.card img{object-position:top}}@media screen and (max-width:480px){.card{height:180px}}.card-media-link,.image{display:block;width:100%;height:100%}.image{object-fit:cover;object-position:top;transition:transform .4s ease;background:#eceaf2}.image--placeholder{background:#e8e6ef}.card:hover .image{transform:scale(1.08)}.postOverlay{position:absolute;bottom:0;display:grid;grid-template-columns:1fr 128px;align-items:center;justify-content:space-between;padding:10px 15px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);grid-gap:5px;gap:5px;width:100%}@media screen and (max-width:768px){.postOverlay{padding:15px}}.postOverlay h3{position:relative;z-index:1;color:#fff;font-size:16px;font-weight:400;font-family:var(--font-heading);margin:0;line-height:1.2}@media screen and (max-width:768px){.postOverlay h3{font-size:18px}}@media screen and (max-width:480px){.postOverlay h3{font-size:16px;max-width:100%}}.postOverlay .btn{position:relative;z-index:1}@media screen and (max-width:480px){.postOverlay .btn{transform:scale(.9);transform-origin:left bottom}}