/* Media + text split section */

.media-split {
	background: #fff;
	color: #000;
	padding: 44px 0 54px;
}

.media-split-container {
	max-width: 1092px;
}

.media-split-grid {
	display: grid;
	/* Image: 50% | Text: 50% */
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(28px, 4vw, 70px);
	align-items: center;
}

.media-split--reverse .media-split-grid {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.media-split--reverse .media-split-media {
	order: 2;
}

.media-split-media {
	position: relative;
}

.media-split-image {
	width: 100%;
	height: auto;
	display: block;
}

.media-split-image--placeholder {
	width: 100%;
	aspect-ratio: 16 / 10;
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.02) 100%);
}

.media-split-kicker {
	margin: 0;
	font-size: clamp(1.4rem, 2vw, 2.4rem);
	font-weight: 300;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.media-split-title {
	margin: 10px 0 0;
	line-height: 0.92;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}

.media-split-title-bold {
	display: inline-block;
	font-weight: 900;
	font-size: clamp(1.9rem, 2.8vw, 3.6rem);
	line-height: 0.92;
}

.media-split-text {
	margin-top: 22px;
	max-width: 60ch;
	line-height: 1.75;
	color: rgba(0, 0, 0, 0.88);
	font-weight: 600;
}

.media-split-text p {
	margin: 0 0 14px;
}

.media-split-text p:last-child {
	margin-bottom: 0;
}

@media (max-width: 980px) {
	.media-split-grid {
		grid-template-columns: 1fr !important;
		grid-auto-flow: row;
	}

	/* Na mobile zawsze: media u góry, tekst na dole (również przy --reverse) */
	.media-split-media {
		order: 1 !important;
	}
	.media-split-content {
		order: 2 !important;
	}
	.media-split--reverse .media-split-media {
		order: 1 !important;
	}
	.media-split--reverse .media-split-content {
		order: 2 !important;
	}

	.media-split-text {
		max-width: 70ch;
	}

	.media-split {
		padding: 34px 0 44px;
	}
}