/* ==========================================================================
   Section « L'équipe » : portraits à gauche, texte à droite,
   sur un panneau de marbre en retrait des bords.
   ========================================================================== */

.tl-equipe {
	position: relative;
	isolation: isolate;
	padding-block: var(--wp--preset--spacing--60);
	background: var(--wp--preset--color--creme);
	color: var(--wp--preset--color--encre);
	--tl-accent: var(--wp--preset--color--or-fonce);
}

/* Le panneau de marbre, en retrait des bords. */
.tl-equipe::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: var(--wp--preset--spacing--40);
	bottom: var(--wp--preset--spacing--40);
	left: clamp(1rem, 6vw, 7.5rem);
	right: clamp(1rem, 6vw, 7.5rem);
	background: #f4f3f1 var(--tl-marbre) center / 900px auto;
}

/* Le contenu reste à l'intérieur du panneau de marbre, avec une marge intérieure. */
.tl-equipe__colonnes {
	align-items: center !important;
	gap: clamp(2rem, 5vw, 5rem) !important;
	box-sizing: border-box;
	max-width: min(1150px, calc(100% - 2 * clamp(1rem, 6vw, 7.5rem) - 4rem)) !important;
	margin-inline: auto !important;
	padding-block: var(--wp--preset--spacing--40);
}

/* Les portraits */
.tl-equipe__portraits {
	gap: clamp(1rem, 2vw, 1.75rem) !important;
}

.tl-equipe__membre > * {
	margin-block: 0;
}

.tl-equipe__photo,
.tl-equipe__photo img {
	width: 100%;
	margin: 0;
}

.tl-equipe__photo img {
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

p.tl-equipe__nom {
	margin-top: 0.7rem;
	color: var(--wp--preset--color--noir-chaud);
	font-family: var(--wp--preset--font-family--dm-serif-display);
	font-size: 1.15rem;
	line-height: 1.2;
}

p.tl-equipe__role {
	margin-top: 0.15rem;
	color: #8a7a6a;
	font-size: 0.85rem;
}

/* Le texte */
.tl-equipe h2 {
	margin-block: 0 1.25rem;
	color: var(--wp--preset--color--noir-chaud);
}

.tl-equipe__texte > p:not(.is-style-accroche) {
	color: #5a4c41;
	font-weight: 300;
	line-height: 1.75;
}

.tl-equipe__texte .wp-block-buttons {
	margin-top: 2rem;
}