.hdm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hdm-card{overflow:hidden;border:1px solid var(--hdm-border);border-radius:var(--hdm-radius);background:var(--hdm-surface);box-shadow:var(--hdm-shadow);transition:.25s ease}
.hdm-card:hover{transform:translateY(-5px);border-color:rgba(255,92,154,.45)}
.hdm-card__media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--hdm-surface-2)}
.hdm-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hdm-card:hover .hdm-card__media img{transform:scale(1.045)}
.hdm-card__badge{position:absolute;top:12px;left:12px;padding:7px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--hdm-primary),var(--hdm-primary-bright));font-size:10px;font-weight:900;letter-spacing:.08em}
.hdm-card__body{padding:16px}
.hdm-card__body h2,.hdm-card__body h3{margin:0 0 10px;font-size:19px}
.hdm-card__body a{color:#fff;text-decoration:none}
.hdm-card__link{color:var(--hdm-primary-soft)!important;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}