/**
 * content-section.css — BEM: content-section, content-section__*
 * Full-width, single column: H2 -> image -> text -> H3 structure.
 * The block spans the full width of its .container (no max-width cap), and
 * text stays left-aligned by default (no text-align/justify-items override).
 * Images render uncropped, at the full width of the content column, with
 * their natural aspect ratio (height: auto) so there is no letterboxing.
 */

.content-section__inner {
  display: grid;
  gap: var(--space-h2-to-text);
}

.content-section__image {
  width: 100%;
  border-radius: var(--radius-card);
  overflow: hidden;
}

.content-section__image img {
  display: block;
  width: 100%;
  height: auto;
}

.content-section__body {
  display: grid;
  gap: var(--space-paragraph);
}

.content-section__body h3 {
  color: var(--color-heading-gold);
}

.content-section__cta {
  width: fit-content;
}