/* Promo – Image + Paragraph (hero-style) */
.promo-paragraph { 
  background: var(--promo-bg, #F7FAFC);
  padding-block: var(--space-12, 3rem);
  border-bottom: solid 1px var(--highlight);
}
.promo-paragraph--pad-sm { padding-block: 24px; }
.promo-paragraph--pad-md { padding-block: 40px; }
.promo-paragraph--pad-lg { padding-block: 64px; }

/* Grid (matches promo-list) */
.promo-paragraph__inner{
  display: grid;
  grid-template-columns: 1fr;        /* stack on mobile */
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
}
@media (min-width: 960px){
  .promo-paragraph__inner{ grid-template-columns: 1.15fr 1fr; } /* image : text */
  .promo-paragraph__media{ order: 1; }       /* default image left */
  .promo-paragraph__content{ order: 2; }
  .promo-paragraph.is-img-right .promo-paragraph__media{ order: 2; }   /* flip on desktop */
  .promo-paragraph.is-img-right .promo-paragraph__content{ order: 1; }
}

/* Media card */
.promo-paragraph__figure{ margin: 0; }
.promo-paragraph__img{
  width: 100%; height: auto; display: block;
  border-radius: var(--radius, 12px);
  box-shadow: var(--shadow-sm, 2px 4px 20px rgba(0,0,0,.1));
}
@media (min-width: 960px){
  .promo-paragraph__media{ aspect-ratio: 16/9; display: flex; }
  .promo-paragraph__img{ width: 100%; height: 100%; object-fit: cover; }
}

/* Content */
.promo-paragraph__content{ max-width: 48rem; }
.promo-paragraph__title{
  margin: 0 0 var(--space-4, 1rem);
  font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
  font-weight: 800;
  font-size: var(--step-2, 2.5rem);
  line-height: 1.1;
  color: var(--brand);
}

/* Paragraph (replaces list) */
.promo-paragraph__para{
  color: var(--muted, #6B7280);
  font-size: var(--step-0, 1rem);
  line-height: 1.6;
  margin: 0 0 var(--space-6, 1.5rem);
}
.promo-paragraph__para p{ margin: 2rem 0; }

/* CTA */
.promo-paragraph__cta{ margin-top: var(--space-6, 1.5rem); }
.promo-paragraph__cta .btn.btn--cta{
  background: var(--highlight);
  border-color: var(--highlight);
}
@media (max-width: 959px){
  .promo-paragraph__cta{ text-align: center; }
}