/**
 * Metropolis Text and Image.
 */

.text-image__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(32px, 6vw, 96px);
	/* Top-aligned like the split sections, so a long text never leaves the image floating mid-column. */
	align-items: start;
}

.text-image--solo .text-image__inner {
	grid-template-columns: minmax(0, 1fr);
}

.text-image--solo .section__answer {
	max-width: 62ch;
}

.text-image--image-left .text-image__media,
.text-image--image-left .unlit {
	order: -1;
}

.text-image__copy > .text-link {
	margin-top: 16px;
}

.text-image__media {
	margin: 0;
}

/* A short quote inside the text, styled like the Person Intro quote. */
.text-image .section__answer blockquote {
	margin: 1.6em 0;
	font-family: var(--serif);
	font-size: 1.3125rem;
	line-height: 1.4;
	color: var(--fascia);
}

.text-image .section__answer blockquote cite {
	display: block;
	margin-top: 10px;
	font-family: var(--sans);
	font-size: 0.9375rem;
	font-style: normal;
	color: var(--ink-soft);
}

.is-fascia.text-image .section__answer blockquote { color: var(--on-fascia); }

.text-image__img {
	width: 100%;
	border-radius: var(--radius);
}

@media (max-width: 960px) {
	.text-image__inner { grid-template-columns: minmax(0, 1fr); }
	.text-image--image-left .text-image__media,
	.text-image--image-left .unlit { order: 0; }
}