.feature-split { padding: 80px 0; background: var(--color-white); }
.feature-split--bg-grey { background: var(--color-grey-light-1); }

.feature-split__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 60px;
    align-items: start;
}
.feature-split--reverse .feature-split__media { order: 2; }

.feature-split__media {
    border-radius: var(--radius-lg);
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: var(--color-grey-light-2);
}
.feature-split__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: left center; /* hero-type sources carry a flat backdrop on the right */
    display: block;
}

.feature-split__title {
    font-size: 32px; line-height: 42px; font-weight: 700;
    color: var(--color-black);
    margin: 0 0 24px;
}
.feature-split__content { font-size: 16px; line-height: 26px; color: var(--color-black); }
.feature-split__content p { margin: 0 0 1em; }
.feature-split__content p:last-child { margin-bottom: 0; }

.feature-split__block { margin-top: 32px; }
.feature-split__block-heading {
    font-size: 20px; line-height: 28px; font-weight: 700;
    color: var(--color-black);
    margin: 0 0 12px;
}
.feature-split__block-body { font-size: 16px; line-height: 26px; color: var(--color-black); }
.feature-split__block-body p { margin: 0 0 1em; }
.feature-split__block-body p:last-child { margin-bottom: 0; }

.feature-split__list {
    display: flex; flex-direction: column; gap: 12px;
    margin: 12px 0 0;
}
.feature-split__list-item {
    display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: start;
    font-size: 16px; line-height: 24px; color: var(--color-black);
}
.feature-split__list-icon {
    color: var(--color-green-dark);
    display: inline-flex; align-items: center; justify-content: center;
    margin-top: 2px;
}

@media (max-width: 991px) {
    .feature-split { padding: 56px 0; }
    .feature-split__grid { grid-template-columns: 1fr; gap: 32px; }
    .feature-split--reverse .feature-split__media { order: 0; }
}

@media (max-width: 767px) {
    .feature-split { padding: 40px 0; }
    .feature-split__title { font-size: 26px; line-height: 34px; }
    .feature-split__list-icon { color: var(--color-blue); }
}