/* ==========================================================================
   Content section block — H2 + image + text
   ========================================================================== */
.content-section {
  padding-top: var(--space-section);
}

.content-section h2 {
  margin-bottom: var(--space-h2-text);
}

.content-section__media {
  width: 100%;
  aspect-ratio: 1774 / 887;
  background: var(--color-card-bg);
  border-radius: var(--radius-card-sm);
  overflow: hidden;
  margin-bottom: var(--space-h2-text);
}

.content-section__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.content-section__body {
  max-width: 100%;
}

.content-section__cta {
  margin-top: var(--space-paragraph);
  width: fit-content;
}

/* Continuation of the previous section (e.g. a short supplementary block
   appended right after a content-section) — tighter top spacing. */
.content-section--tight {
  padding-top: var(--space-paragraph);
  max-width: 100%;
}