/* Témoignages — maquette : trois cartes 405 × 450 (rayon 40), inclinées de
   +6°, −3° et +3° ; photo ronde de 170 px, pastille d'école, citation 20 px. */
.cci-temoignages {
	display: flex;
	justify-content: center;
	gap: clamp(0rem, -2rem + 3vw, 1rem);
	margin: 0;
	padding: 1.5rem var(--gutter) 2rem;
	list-style: none;
}

.cci-temoignages > li {
	display: flex;
	flex: 0 1 25.3rem;
}

.cci-temoignages > li:nth-child(3n + 2) {
	z-index: 1;
}

.cci-temoin {
	--rot: 6deg;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	min-height: 28rem;
	padding: 3rem 2rem 2.5rem;
	border-radius: var(--r-xl);
	background: var(--blanc);
	color: var(--marine);
	text-align: center;
	transform: rotate(var(--rot));
	transition: transform 0.6s var(--ease-out);
}

.cci-temoignages > li:nth-child(3n + 2) > .cci-temoin {
	--rot: -3deg;
	background: var(--rouge);
	color: var(--blanc);
}

.cci-temoignages > li:nth-child(3n) > .cci-temoin {
	--rot: 3deg;
	background: var(--marine);
	color: var(--blanc);
}

.cci-temoin:hover {
	transform: rotate(0deg) translateY(-6px);
}

.cci-temoin .cci-temoin__photo {
	width: 10.6rem;
	height: 10.6rem;
	border-radius: 50%;
	object-fit: cover;
	flex: none;
}

.cci-temoin__ecole {
	margin-top: -1.75rem;
	padding: 0.1rem 1rem;
	border-radius: var(--r-pill);
	background: var(--rouge);
	color: var(--blanc);
	font-size: clamp(0.875rem, 0.8rem + 0.25vw, 1.125rem);
	line-height: 1.5;
}

.cci-temoignages > li:nth-child(3n + 2) > .cci-temoin .cci-temoin__ecole {
	background: var(--marine-2);
}

.cci-temoin blockquote {
	margin: 0;
	font-size: var(--fs-md);
	font-weight: var(--fw-light);
	line-height: 1.3;
}

.cci-temoin figcaption {
	margin-top: auto;
	font-size: clamp(0.9375rem, 0.85rem + 0.3vw, 1.125rem);
	line-height: 1.3;
}

.cci-temoin__nom {
	display: block;
	font-weight: var(--fw-semibold);
}

@media (max-width: 60rem) {
	.cci-temoignages {
		justify-content: flex-start;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		padding-block: 2.5rem;
	}

	.cci-temoin {
		flex: 0 0 min(80vw, 22rem);
		scroll-snap-align: center;
		--rot: 2deg;
	}

	.cci-temoignages > li:nth-child(3n + 2) > .cci-temoin { --rot: -1.5deg; }
	.cci-temoignages > li:nth-child(3n) > .cci-temoin { --rot: 1.5deg; }
}