/* Gabarit Équipe — valeurs dérivées des nodes Figma (référence 1728).
   Sections : hero 88→372, notaires 493→1536, bandeau 1676→2313,
   collaborateurs 2453→3673, CTA 3813→4264. Écart inter-sections : 140. */

.equipe > section {
	position: relative;
}

/* ──────────────────────── Hero — y 157 → 372 ─────────────────────────────── */

.eq-hero {
	padding-top: clamp(2.25rem, 3.99306vw, 4.3125rem); /* 69 : 157 − 88 */
}

.eq-hero__title {
	margin-left: var(--gutter); /* 44 */
	max-width: 45.77546%;       /* 791 */
	font-family: var(--ff-display);
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);
	color: var(--c-ink);
}

.eq-hero__intro {
	margin-top: clamp(0.5rem, 0.92593vw, 1rem); /* 16 */
	margin-left: 2.77778%;                      /* 48 */
	max-width: 22.86458%;                       /* 395 */
}

/* ────────────────────── Notaires — y 493 → 1536 ──────────────────────────── */

.eq-notaires {
	margin-top: clamp(3.25rem, 7.00231vw, 7.5625rem); /* 121 : 493 − 372 */
}

.eq-notaire {
	position: relative;
	display: grid;
	/* 50 | 751 | 69 | 808 | 50 */
	grid-template-columns: 2.89352% 43.46065% 3.99306% 46.75926% 2.89352%;
}

.eq-notaire + .eq-notaire {
	margin-top: clamp(4.5rem, 7.69676vw, 8.3125rem); /* 133 : 1081 − 948 */
}

/* Filet entre les deux notaires : x 451 → 1678, 63 au-dessus du second bloc. */
.eq-notaire + .eq-notaire::before {
	content: "";
	position: absolute;
	top: calc(-1 * clamp(2rem, 3.64583vw, 3.9375rem)); /* 63 */
	left: 26.09954%;  /* 451 */
	right: 2.89352%;  /* 1678 → largeur 1227 */
	height: var(--rule);
	background: var(--c-line);
}

.eq-notaire__media {
	grid-column: 2;
	/* Sans « start », la boîte s'étire à la hauteur de la LIGNE de grille, que la
	   colonne de texte impose dès qu'elle dépasse le portrait : les deux aplats
	   suivaient cet étirement alors que le portrait garde son « aspect-ratio »,
	   et dépassaient de 20 px sous lui à 1280. */
	align-self: start;
	display: grid;
	grid-template-columns: 19.30759% 34.22104% 46.47137%; /* 145 | 257 | 349 sur 751 */
}

.eq-notaire__tint {
	background: rgba(48, 112, 171, 0.6);
}

.eq-notaire__solid {
	background: var(--c-accent);
}

.eq-notaire--deep .eq-notaire__tint {
	background: rgba(20, 56, 98, 0.6);
}

.eq-notaire--deep .eq-notaire__solid {
	background: var(--c-deep);
}

.eq-notaire__photo {
	position: relative;
	aspect-ratio: 349 / 455;
	overflow: hidden;
}

.eq-notaire__photo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Le bloc de texte est caté sur le bas du portrait (maquette). */
.eq-notaire__body {
	grid-column: 4;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.eq-notaire__name {
	margin-top: 11px;
	font-size: var(--fs-card);
	line-height: var(--lh-card);
	letter-spacing: var(--ls-card);
	color: var(--c-ink);
}

.eq-notaire__bio {
	margin-top: clamp(0.5rem, 0.92593vw, 1rem); /* 16 */
}

/* La maquette laisse une ligne vide avant la ligne de contact. */
.eq-notaire__contact {
	margin-top: calc(var(--fs-body) * var(--lh-body)); /* 30 */
}

.eq-notaire__tags {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(0.625rem, 0.92593vw, 1rem); /* 16 */
	margin-top: clamp(1.5rem, 2.37269vw, 2.5625rem); /* 41 */
}

/* ─────────────────────── Bandeau — y 1676 → 2313 ─────────────────────────── */

.eq-band {
	margin-top: clamp(3.75rem, 8.10185vw, 8.75rem); /* 140 */
	padding-inline: 2.89352%;                       /* 50 → 1628 */
}

.eq-band__media {
	position: relative;
	aspect-ratio: 1628 / 637;
	overflow: hidden;
}

.eq-band__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ──────────────────── Collaborateurs — y 2453 → 3673 ─────────────────────── */

.eq-collab {
	margin-top: clamp(3.75rem, 8.10185vw, 8.75rem); /* 140 */
	padding-left: 2.83565%;                         /* 49 */
	padding-right: 3.00926%;                        /* 1676 → 1627 utiles */
}

.eq-collab__grid {
	margin-top: clamp(1.5rem, 2.37269vw, 2.5625rem); /* 41 */
	display: grid;
	grid-template-columns: repeat(4, 21.45052%);     /* 349 sur 1627 */
	column-gap: 4.73264%;                            /* 77 */
	row-gap: clamp(2rem, 3.81944vw, 4.125rem);       /* 66 */
}

.eq-collab__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.eq-collab__photo {
	position: relative;
	align-self: stretch;
	aspect-ratio: 349 / 455;
	overflow: hidden;
	background: #ebebeb; /* aplat des cartes sans portrait (maquette) */
}

.eq-collab__photo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.eq-collab__placeholder {
	position: absolute;
	top: 21.75824%;                /* 99 sur 455 : la maquette ne centre pas */
	left: 50%;
	transform: translateX(-50%);
	width: 74.14040%;              /* 258.75 sur 349 */
	aspect-ratio: 258.75 / 230;
}

/* La pastille de fonction chevauche le bas du portrait de 14 px. */
.eq-collab__badge {
	position: relative;
	z-index: 1;
	margin-top: -14px;
	text-align: center;
}

.eq-collab__name {
	margin-top: 11px;
	font-size: var(--fs-card);
	line-height: var(--lh-card);
	letter-spacing: var(--ls-card);
	color: var(--c-ink);
}

.eq-collab__email {
	margin-top: clamp(0.1875rem, 0.28935vw, 0.3125rem); /* 5 */
	/* Une adresse est un mot insécable : sans césure elle débordait de la carte. */
	overflow-wrap: anywhere;
}

/* La maquette garde l'adresse sur une ligne, quitte à dépasser un peu la carte
   (node 289:138 : 359 px de large pour une carte de 349). */
@media (min-width: 1200px) {
	.eq-collab__email {
		white-space: nowrap;
	}
}

.eq-collab__email a:hover,
.eq-collab__email a:focus-visible {
	text-decoration: underline;
}

/* ──────────────────────── CTA — y 3813 → 4264 ────────────────────────────── */

.eq-cta {
	margin-top: clamp(3.75rem, 8.10185vw, 8.75rem);    /* 140 */
	margin-bottom: clamp(3.75rem, 8.10185vw, 8.75rem); /* 140 avant le pied */
}

/* ─────────────────────────── Reflow ──────────────────────────────────────── */

@media (max-width: 1199px) {

	/* Le titre et le chapô n'ont qu'une marge à gauche : sans gouttière à droite
	   le texte allait jusqu'au bord. */
	.eq-hero__title,
	.eq-hero__intro {
		padding-right: var(--gutter-text);
	}

	.eq-hero__title {
		margin-left: var(--gutter-text);
		max-width: 32ch;
	}

	.eq-hero__intro {
		margin-left: var(--gutter-text);
		max-width: 46ch;
	}

	.eq-notaire {
		grid-template-columns: var(--gutter-text) 1fr var(--gutter-text);
		row-gap: clamp(1.5rem, 3vw, 2.5rem);
	}

	.eq-notaire__media,
	.eq-notaire__body {
		grid-column: 2;
	}

	/* Mêmes bandes décoratives que le hero des expertises : inutiles ici. */
	.eq-notaire__media {
		grid-template-columns: 1fr;
	}

	.eq-notaire__tint,
	.eq-notaire__solid {
		display: none;
	}

	.eq-notaire__photo {
		max-width: 360px;
	}

	.eq-notaire + .eq-notaire::before {
		left: var(--gutter-text);
		right: var(--gutter-text);
	}

	.eq-collab__grid {
		grid-template-columns: repeat(2, 47.5%);
		column-gap: 5%;
	}
}

@media (max-width: 767px) {
	.eq-band,
	.eq-collab {
		padding-inline: var(--gutter-text);
	}

	.eq-band__media {
		aspect-ratio: 4 / 3;
	}

	/* Huit portraits pleine largeur donnaient une page interminable. */
	.eq-collab__grid {
		grid-template-columns: repeat(2, 48%);
		column-gap: 4%;
	}

	.eq-collab__badge {
		white-space: normal;
		text-align: center;
	}
}