/* Block: Text with image. Figma: About 1:220-1:230 */

.section--text-media { --pt: clamp(48px, 5.6vw, 108px); }

.text-media__lead {
	max-width: 24.8em; /* 1240 at 50px */
	line-height: 1.1;
	letter-spacing: -0.05em;
}

.text-media__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 54.07%; /* image is 876 of the 1620 container */
	gap: 40px;
	margin-top: clamp(40px, 7.03vw, 135px);
}

.text-media__text {
	max-width: calc(568px + 4.69vw);
	padding: clamp(0px, 4.84vw, 93px) 0 0 clamp(0px, 4.69vw, 90px); /* text starts 93 below and 90 right of the grid */
	font-size: var(--fs-h4);
	line-height: 1.5;
	letter-spacing: -0.025em;
}

.text-media__text > * + * { margin-top: 1.58em; }

.text-media__media { aspect-ratio: 876 / 1180; }

.text-media__caption {
	max-width: 23.4em; /* 702 at 30px */
	margin-top: clamp(28px, 3.07vw, 59px);
	font-size: clamp(1.25rem, 1.5625vw, 1.875rem); /* 30 */
	line-height: 1.2;
	letter-spacing: -0.05em;
}

.text-media__button { margin-top: clamp(28px, 3.07vw, 59px); }

@media (max-width: 1024px) {
	.text-media__row {
		grid-template-columns: 1fr;
		gap: var(--space-m);
	}

	.text-media__text {
		max-width: 40em;
		padding: 0;
	}

	.text-media__media { max-width: 640px; }
}