/* Keep intrinsic dimensions; only shrink when the container is narrower. */
.promo-banner {
  padding-block: 20px;
  background: var(--tw-surface);
}
.promo-banner-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin-inline: auto;
}
.promo-banner-link { display: block; }

.promo-banner-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.promo-banner-pair .promo-banner-link { min-width:0; border-radius:20px; overflow:hidden; }
.promo-banner-pair picture { display:block; }
.promo-banner-pair .promo-banner-image { width:100%; height:auto; }
@media(max-width:767px) { .promo-banner-pair { grid-template-columns:minmax(0,1fr); gap:16px; } }