/* -----------------------------------------
   Soulmix - Sección Feature (foto + texto)
   ----------------------------------------- */

.feature {
	padding: clamp(180px, calc(180 / 1920 * 100vw), 252px) 0 clamp(120px, calc(120 / 1920 * 100vw), 168px);
}

.feature__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(64px, calc(64 / 1920 * 100vw), 90px);
	align-items: center;
}

.feature__media {
	border-radius: clamp(20px, calc(20 / 1920 * 100vw), 28px);
	overflow: hidden;
}

.feature__media img {
	width: 100%;
	height: auto;
	aspect-ratio: 10 / 11;
	object-fit: cover;
	object-position: center 90%;
}

.feature__content {
	padding-left: clamp(64px, calc(64 / 1920 * 100vw), 90px);
	max-width: clamp(720px, calc(720 / 1920 * 100vw), 1008px);
}

.feature__title {
	font-family: var(--font-base);
	font-weight: 400;
	font-size: clamp(48px, calc(48 / 1920 * 100vw), 67px);
	line-height: 1.1;
	letter-spacing: clamp(-2.8px, calc(-2 / 1920 * 100vw), -2px);
	max-width: clamp(900px, calc(900 / 1920 * 100vw), 1260px);
}

.feature__highlight {
	color: var(--color-btn-primary);
}

.feature__text {
	font-family: var(--font-condensed);
	font-weight: 400;
	font-size: clamp(15px, calc(15 / 1920 * 100vw), 21px);
	line-height: normal;
	margin-top: clamp(24px, calc(24 / 1920 * 100vw), 34px);
	max-width: clamp(430px, calc(430 / 1920 * 100vw), 602px);
}

.feature__cta {
	margin-top: clamp(48px, calc(48 / 1920 * 100vw), 67px);
}