/** Text beside an image. */
.ecza-split__inner {
  display: grid;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
.ecza-split.is-textonly .ecza-split__inner { grid-template-columns: minmax(0, var(--measure)); }

/* The image is second in the source, so the text leads for a screen reader
   whichever side it is displayed on. */
.ecza-split.is-image-left .ecza-split__media { order: -1; }

.ecza-split__media { margin: 0; }
.ecza-split__media img {
  width: 100%; height: auto; display: block;
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
}
.ecza-split__media figcaption {
  margin-top: 0.65rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.ecza-split .ecza-button { margin-top: 1.5rem; }

@media (max-width: 760px) {
  .ecza-split__inner { grid-template-columns: 1fr; }
  .ecza-split.is-image-left .ecza-split__media { order: 0; }
}