/* content-section.css */
.content-section { padding-block: 0; margin-top: var(--space-section); }
.content-section__inner { max-width: 100%; }

/* Картинка после H2 — ПОЛНОСТЬЮ видна, без обрезания */
.content-section__media { margin-top: var(--space-h2-text); }
.content-section__media img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;      /* показывать целиком, без кропа */
  object-position: center;
  clip-path: var(--clip-cut);
  background: var(--color-bg-dark);
}
.content-section__body { margin-top: var(--space-h2-text); }

/* На мобильном: картинка выше текста, но после H2 (порядок в DOM уже такой) */
@media (max-width: 767px) {
  .content-section__media img { max-height: none; }
}