/* Image and copy */
.image-copy__inner { display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 9fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.image-copy--right .image-copy__inner { grid-template-columns: minmax(0, 9fr) minmax(0, 11fr); }
.image-copy--right .image-copy__media { order: 2; }
.image-copy__media { position: relative; aspect-ratio: 5 / 4; overflow: hidden; border-radius: var(--radius); background: var(--c-surface-alt, #f3f1ec); }
.image-copy__media img { width: 100%; height: 100%; object-fit: cover; }
.image-copy__body { max-width: 540px; }
.image-copy__copy { margin-top: 1.25rem; }
.image-copy__cta { margin-top: 1.75rem; }
.image-copy--bleed .image-copy__inner { gap: 0; align-items: stretch; }
.image-copy--bleed .image-copy__media { aspect-ratio: auto; min-height: 480px; border-radius: 0; }
.image-copy--bleed .image-copy__body { padding: clamp(2.5rem, 6vw, 6rem) var(--gutter); max-width: none; display: flex; flex-direction: column; justify-content: center; }
.image-copy--bleed .image-copy__body > * { max-width: 540px; }
.image-copy--bleed.image-copy--left .image-copy__body { padding-left: clamp(2rem, 6vw, 6rem); }
.image-copy--bleed.image-copy--right .image-copy__body { padding-right: clamp(2rem, 6vw, 6rem); margin-left: auto; align-items: flex-end; text-align: right; }
.image-copy--bleed.image-copy--right .image-copy__body .eyebrow { flex-direction: row-reverse; }
.jk-section--dark .image-copy__media { background: var(--c-dark-alt, #242424); }
/* Stacked image/copy sections alternate neatly when compact. */
.image-copy.jk-section--compact + .image-copy.jk-section--compact { padding-top: 0; }
@media (max-width: 900px) {
    .image-copy__inner, .image-copy--right .image-copy__inner { grid-template-columns: 1fr; gap: 1.75rem; }
    .image-copy--right .image-copy__media { order: 0; }
    .image-copy__media { aspect-ratio: 4 / 3; }
    .image-copy--bleed .image-copy__media { min-height: 0; aspect-ratio: 4 / 3; }
    .image-copy--bleed.image-copy--right .image-copy__body { align-items: flex-start; text-align: left; }
    .image-copy--bleed.image-copy--right .image-copy__body .eyebrow { flex-direction: row; }
}