/* Content + image split. */

.content-image { padding: var(--section-pad) 0; }

.content-image__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 6vw, 5rem);
    align-items: center;
}

.content-image--left .content-image__text { order: 2; }
.content-image--left .content-image__media { order: 1; }

.content-image__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.375rem;
}

.content-image__headline { font-size: var(--fs-h2); }

.content-image__body { color: var(--text-secondary); }

.content-image__media { margin: 0; }

.content-image__media img {
    border-radius: 4px;
    box-shadow: var(--shadow-md);
}

@media (max-width: 850px) {
    .content-image__inner { grid-template-columns: 1fr; }
    .content-image--left .content-image__text { order: 1; }
    .content-image--left .content-image__media { order: 2; }
}