/* ─── Text + Image ────────────────────────────────────────── */

.section-text-image {
    padding: var(--space-lg) 0;
    overflow: hidden;
}

.text-image__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: var(--space-lg);
}

/* ── Content ──────────────────────────────────────────────── */
.text-image__content {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.text-image__subtitle {
    /* colour set inline from ACF */
}

.text-image__heading {
    color: var(--color-text);
}

.text-image__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    color: var(--color-body);
}

.text-image__body p {
    margin: 0;
}

/* ── Media ────────────────────────────────────────────────── */
.text-image__media {
    position: relative;
    overflow: hidden;
    --clip: 14%;
    clip-path: polygon(
        var(--clip) 0,
        100% 0,
        100% calc(100% - var(--clip)),
        calc(100% - var(--clip)) 100%,
        0 100%,
        0 var(--clip)
    );
    margin-right: calc(-1 * var(--space-md));
}

.text-image__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ── Responsive ───────────────────────────────────────────── */
@media ( max-width: 900px ) {
    .text-image__inner {
        grid-template-columns: 1fr;
    }

    .text-image__media {
        order: -1;
        margin-right: 0;
        border-radius: 12px;
    }
}