/*
 * Foto a un lado y texto al otro.
 *
 *   Contenedor sección        → split   (split--reverse invierte el orden en desktop)
 *     Imagen                  → split__photo
 *     Contenedor texto        → split__copy
 *       Título                → split__title
 *       Texto                 → split__text
 */

.split {
	--row-gap: 32px;
	--column-gap: 72px;

	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	width: 100%;
	padding: 72px var(--wrap-gutter);
}

.split__photo img {
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	border-radius: 32px;
}

.split__copy { display: block; }

.split__title .elementor-heading-title {
	font-family: var(--font-display);
	font-size: clamp(30px, 3.6vw, 54px);
	letter-spacing: -.03em;
	line-height: 1;
	color: var(--color-ink);
}

.split__text { max-width: 30em; margin-top: var(--space-6); padding-bottom: var(--space-8); font-size: 18px; color: var(--color-muted); }
.split__text p { margin: 0 0 1em; }

@media (min-width: 1025px) {
	.split { grid-template-columns: 1fr 1fr; padding-block: 104px; }
	.split--reverse .split__photo { order: 2; }
}