.poronin-split-section {
	max-width: 1500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 3%;
	box-sizing: border-box;
}

.poronin-split-section__box {
	--poronin-split-bg: #326748;

	display: flex;
	align-items: stretch;
	border-radius: 16px;
	overflow: hidden;
	background-color: var(--poronin-split-bg);
	isolation: isolate;
}

.poronin-split-section__box--image-right {
	flex-direction: row;
}

.poronin-split-section__box--image-left {
	flex-direction: row-reverse;
}

.poronin-split-section__content {
	--poronin-split-text: #ffffff;

	flex: 0 0 42%;
	max-width: 42%;
	padding: 60px 0 60px 70px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--poronin-split-text);
}

.poronin-split-section__content :where(h1, h2, h3, h4, h5, h6) {
	margin-bottom: 20px;
}

.poronin-split-section__content :where(.wp-block-buttons) {
	margin-top: 40px;
}


.poronin-split-section__content :where(
	h1, h2, h3, h4, h5, h6,
	p, li, figcaption,
	.wp-block-heading,
	.wp-block-paragraph,
	.wp-block-list,
	.wp-block-quote,
	.block-editor-rich-text__editable
) {
	color: var(--poronin-split-text);
}

.poronin-split-section__content a:not(.wp-block-button__link) {
	color: var(--poronin-split-text);
}

.poronin-split-section__content > .block-editor-inner-blocks,
.poronin-split-section__content > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.poronin-split-section__media {
	position: relative;
	flex: 0 0 58%;
	max-width: 58%;
	min-height: 280px;
}

.poronin-split-section__media::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.poronin-split-section__box--image-right .poronin-split-section__media::after {
	background: linear-gradient(
		to right,
		var(--poronin-split-bg) 0%,
		var(--poronin-split-bg) 12%,
		transparent 55%
	);
}

.poronin-split-section__box--image-left .poronin-split-section__media::after {
	background: linear-gradient(
		to left,
		var(--poronin-split-bg) 0%,
		var(--poronin-split-bg) 12%,
		transparent 55%
	);
}

.poronin-split-section__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.poronin-split-section__media--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.12);
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	text-align: center;
	padding: 24px;
}

.poronin-split-section--editor .poronin-split-section__content {
	min-height: 280px;
}

@media screen and (max-width: 900px) {
	.poronin-split-section__box,
	.poronin-split-section__box--image-right,
	.poronin-split-section__box--image-left {
		flex-direction: column;
	}

	.poronin-split-section__content,
	.poronin-split-section__media {
		flex: 0 0 auto;
		max-width: 100%;
		width: 100%;
	}

	.poronin-split-section__content {
		padding: 40px 32px;
	}

	.poronin-split-section__media {
		min-height: 240px;
		order: -1;
	}

	.poronin-split-section__box--image-right .poronin-split-section__media {
		order: -1;
	}

	.poronin-split-section__box--image-left .poronin-split-section__media {
		order: -1;
	}

	.poronin-split-section__box--image-right .poronin-split-section__media::after,
	.poronin-split-section__box--image-left .poronin-split-section__media::after {
		background: linear-gradient(
			to bottom,
			transparent 45%,
			var(--poronin-split-bg) 100%
		);
	}
}