.promo-banner__card {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  min-height: 360px;
  border-radius: 28px;
  overflow: hidden;
  background: #1c1c1a;
  color: #f4f4f1;
}
.promo-banner__copy { padding: clamp(1.5rem, 4vw, 3rem); display: flex; flex-direction: column; justify-content: center; }
.promo-banner__copy h2 { color: #f4f4f1; max-width: 12ch; }
.promo-banner__copy p { color: #bdbdb6; max-width: 36ch; margin-bottom: 1.3rem; }
.promo-banner__media img { width: 100%; height: 100%; object-fit: cover; min-height: 100%; }

@media (max-width: 800px) {
  .promo-banner__card { grid-template-columns: 1fr; }
  .promo-banner__media { min-height: 220px; }
}