.promo-trio{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
@media screen and (max-width: 749px){ .promo-trio{ grid-template-columns: 1fr; } }
.promo-sq{
  aspect-ratio: 1/1; border-radius: 10px; position: relative; overflow: hidden;
  display: flex; align-items: flex-end; padding: 22px; color: #fff; text-decoration: none;
}
.promo-sq img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.promo-sq::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,0.35), transparent 60%); z-index: 1; }
.promo-sq__copy{ position: relative; z-index: 2; }
.promo-sq__copy h4{ color: #fff; font-size: 1.84rem; font-family: var(--font-heading-family); margin: 0; }
.promo-sq__copy p{ font-size: 1.28rem; opacity: 0.9; margin: 4px 0 0; }