/* Split hero (patterns/kit-hero-split.php). Photo on slanted yellow, as the team portraits. */
.sp-kit-hero-split.sp-kit { padding-top: calc(var(--wp--custom--header--height, 72px) + 40px); }
@media (min-width: 1024px) {
	.sp-kit-hero-split.sp-kit { padding-top: calc(var(--wp--custom--header--height, 72px) + 64px); }
}
.sp-kit-hero-split .sp-kit-hero-split__grid {
	display: grid;
	gap: 40px;
	align-items: center;
}
@media (min-width: 1024px) {
	.sp-kit-hero-split .sp-kit-hero-split__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 64px; }
}
.sp-kit-hero-split .sp-kit__title { margin-bottom: 24px; }
.sp-kit-hero-split .sp-kit__intro { max-width: 560px; margin-bottom: 32px; }
.sp-kit-hero-split .sp-kit-hero-split__media {
	position: relative;
	aspect-ratio: 4 / 3;
	background: var(--wp--preset--color--primary);
	clip-path: polygon(0 0, 100% 0, calc(100% - 64px) 100%, 0 100%);
}
.sp-kit-hero-split .sp-kit-hero-split__photo {
	position: absolute;
	inset: 16px 16px 0 0;
	margin: 0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 52px) 100%, 0 100%);
}
.sp-kit-hero-split .sp-kit-hero-split__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sp-kit-hero-split.is-style-sp-yellow .sp-kit-hero-split__media { background: var(--wp--preset--color--black-light); }