section.split-feature {
	overflow: hidden;
}

section.split-feature .row {
	align-items: stretch;
}

section.split-feature .image-wrapper,
section.split-feature .content-wrapper {
	position: relative;
}

section.split-feature .content-wrapper {
	display: flex;
	align-items: flex-start;
	padding-bottom: 4rem;
}

section.split-feature .info {
	width: 100%;
	max-width: 640px;
}


section.split-feature .text-content{
	max-width:400px;
}

section.split-feature .text-content ul {
	list-style: none;
	padding-left: 1rem;
}

section.split-feature .text-content ul li {
	position: relative;
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: .25rem 0;
}

section.split-feature .text-content ul li::before {
	content: '';
	width: 0.12rem;
	height: 1rem;
	background: var(--brand-orange);
	top: 6px;
	display: block;
}

/* image column */
section.split-feature .image-wrapper {
	min-height: 40vh;
}

section.split-feature .image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: calc(-50vw + 50%);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

/* reversed layout */
section.split-feature .row.reverse {
	flex-direction: row-reverse;
}

section.split-feature .row.reverse .image {
	left: 0;
	right: calc(-50vw + 50%);
}

@media (max-width: 767.98px) {
	section.split-feature .row,
	section.split-feature .row.reverse {
		flex-direction: column;
	}

	section.split-feature .image-wrapper {
		min-height: 280px;
	}
	
	section.split-feature .text-content {
		max-width: none;
	}
	
	section.split-feature .row.reverse .image {
		right: 0;
		left: 0;
		margin-right: calc(var(--bs-gutter-x) * .5);
		margin-left: calc(var(--bs-gutter-x) * .5);
	}
	
	section.split-feature .content-wrapper {
		padding-bottom: 2rem;
	}

	section.split-feature .image {
		position: absolute;
		left: 0;
		right: 0;
	}
}

/* desktop-only animated state */
@media (min-width: 992px) {
	section.split-feature.animate-in-view .image {
		transform: translateX(50px);
	}

	section.split-feature.animate-in-view.in-view .image {
		transform: translateX(0);
	}
}