.itlu-hero--slider-split {
	--itlu-hero-control-color: var(--itlu-color-text);
	--itlu-hero-control-background: color-mix(in srgb, var(--itlu-color-surface) 88%, transparent);
	--itlu-hero-control-border: var(--itlu-color-border-strong);
}

.itlu-hero--slider-split .itlu-hero-slider__slide {
	background: var(--itlu-color-surface-alt);
}

.itlu-hero--slider-split .itlu-hero-slider__media {
	inset-inline-start: 43%;
	inline-size: 57%;
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}

.itlu-hero--slider-split .itlu-hero-slider__slide.has-overlay::after {
	display: none;
}

.itlu-hero--slider-split .itlu-hero-slider__content-inner {
	inline-size: 48%;
	max-inline-size: 38rem;
}

.itlu-hero--slider-split .itlu-hero-slider__slide--center .itlu-hero-slider__content-inner,
.itlu-hero--slider-split .itlu-hero-slider__slide--right .itlu-hero-slider__content-inner {
	justify-self: start;
	text-align: start;
}

.itlu-hero--slider-split .itlu-hero-slider__slide.has-media .itlu-hero-slider__content-inner,
.itlu-hero--slider-split .itlu-hero-slider__slide.has-media :where(h1, h2, p) {
	color: var(--itlu-color-text);
}

.itlu-hero--slider-split .itlu-hero__eyebrow {
	color: var(--itlu-color-primary);
}

.itlu-hero--slider-split .itlu-hero-slider__content-inner :where(h1, h2) {
	color: var(--itlu-color-heading);
}

.itlu-hero--slider-split .itlu-hero-slider__actions {
	justify-content: start;
}

.itlu-hero--slider-split .itlu-hero-slider__footer {
	max-inline-size: calc(var(--itlu-width-wide) + (2 * var(--itlu-container-gutter)));
}

.itlu-hero--slider-split .itlu-hero-slider__pagination {
	max-inline-size: 22rem;
}

.itlu-hero--slider-split .itlu-hero-slider__controls {
	inline-size: 43%;
}

@media (max-width: 48rem) {

	.itlu-hero--slider-split .itlu-hero-slider__slide {
		grid-template-rows: minmax(15rem, 48vw) auto;
		min-block-size: 42rem;
	}

	.itlu-hero--slider-split .itlu-hero-slider__media {
		position: relative;
		grid-row: 1;
		inset: auto;
		inline-size: 100%;
		clip-path: none;
	}

	.itlu-hero--slider-split .itlu-hero-slider__content {
		grid-row: 2;
		align-items: start;
		padding-block: var(--itlu-space-5) 8rem;
	}

	.itlu-hero--slider-split .itlu-hero-slider__content-inner {
		inline-size: 100%;
		max-inline-size: none;
	}

	.itlu-hero--slider-split .itlu-hero-slider__controls {
		inline-size: 100%;
	}
}