/* Composant : text-image */
.component-text-image {
	padding-top: var(--component-space-normal);
	padding-bottom: var(--component-space-normal);
	background: var(--component-color-light);
}

.component-text-image__inner {
	display: grid;
	gap: clamp(24px, 4vw, 56px);
	align-items: center;
}

.component-text-image__figure { margin: 0; }

.component-text-image__image {
	width: 100%;
	height: auto;
	border-radius: var(--component-radius-lg);
}

.component-text-image__title {
	margin: 0 0 0.6em;
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	line-height: 1.2;
	color: var(--component-color-dark);
}

.component-text-image__text {
	color: var(--component-color-text);
	line-height: 1.7;
}

.component-text-image__text > *:last-child { margin-bottom: 0; }

.component-text-image__text img {
	max-width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.component-text-image__inner { grid-template-columns: 1fr 1fr; }

	.component-text-image--image-right .component-text-image__figure { order: 2; }
	.component-text-image--image-right .component-text-image__content { order: 1; }
}