/* ==========================================================================
   Page « À propos »
   ========================================================================== */

.page-template-page-a-propos #page.grid-container,
body.page #page.grid-container { max-width: none; padding: 0; margin: 0; }
body.page #content.site-content { padding: 0; display: block; }
body.page .site-main { margin: 0; }

.ir-apropos__hero {
	background:
		radial-gradient(110% 90% at 82% 10%, rgba(23, 162, 180, .5) 0%, rgba(23, 162, 180, 0) 60%),
		linear-gradient(160deg, #0B2C3C 0%, #10425A 52%, #0C5E6C 100%);
	color: #fff;
	padding-block: clamp(52px, 8vw, 96px);
	text-align: center;
}

.ir-apropos__eyebrow {
	font-size: clamp(1.5rem, 3.2vw, 2.1rem);
	color: #FFB271;
	margin: 0 0 4px;
	line-height: 1;
}

.ir-apropos__titre {
	color: #fff;
	font-size: clamp(2.2rem, 6vw, 3.6rem);
	font-weight: 800;
	margin: 0;
}

.ir-apropos__accroche {
	font-size: clamp(1.02rem, 1.7vw, 1.2rem);
	color: rgba(255, 255, 255, .87);
	max-width: 56ch;
	margin: 16px auto 0;
}

/* Récit éditable */

.ir-apropos__texte {
	max-width: 68ch;
	margin-inline: auto;
	font-size: 17.5px;
	line-height: 1.72;
	color: var(--encre-2);
}

.ir-apropos__texte > * + * { margin-top: 1.1em; }
.ir-apropos__texte h2 { font-size: clamp(1.35rem, 2.4vw, 1.7rem); color: var(--nuit); margin-top: 1.8em; }
.ir-apropos__texte a { color: var(--lagon-fonce); }

/* Équipe */

.ir-apropos__entete { text-align: center; margin-bottom: 38px; }
.ir-apropos__entete p { color: var(--encre-2); max-width: 62ch; margin: 14px auto 0; }

.ir-apropos__grille { display: grid; gap: 24px; }

@media (min-width: 900px) { .ir-apropos__grille { grid-template-columns: repeat(2, 1fr); } }

.ir-membre {
	display: grid;
	background: var(--blanc);
	border: 1px solid var(--trait);
	border-radius: var(--rayon);
	overflow: hidden;
	box-shadow: var(--ombre-carte);
}

@media (min-width: 560px) { .ir-membre { grid-template-columns: 220px minmax(0, 1fr); } }

.ir-membre__portrait {
	position: relative;
	min-height: 260px;
	display: grid;
	place-items: center;
	background: linear-gradient(160deg, var(--lagon-clair), var(--sable-2));
}

.ir-membre:nth-child(even) .ir-membre__portrait {
	background: linear-gradient(160deg, var(--brasier-clair), var(--sable-2));
}

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

.ir-membre__initiale { font-family: var(--script); font-size: 78px; color: var(--lagon); opacity: .5; }
.ir-membre:nth-child(even) .ir-membre__initiale { color: var(--brasier); }

.ir-membre__corps { padding: 26px 28px; display: grid; gap: 10px; align-content: start; }

.ir-membre__nom { font-size: 2rem; font-weight: 400; color: var(--lagon-fonce); margin: 0; }
.ir-membre:nth-child(even) .ir-membre__nom { color: var(--brasier-fonce); }

.ir-membre__role {
	font-family: var(--titre);
	font-size: 13.5px;
	font-weight: 600;
	color: var(--encre-2);
	margin: -6px 0 4px;
}

.ir-membre__bio { font-size: 15.5px; color: var(--encre-2); margin: 0; }

.ir-membre__points {
	list-style: none;
	margin: 4px 0 6px;
	padding: 14px 0 0;
	border-top: 1px solid var(--trait);
	display: grid;
	gap: 8px;
}

.ir-membre__points li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: var(--encre-2); }
.ir-membre__points svg { color: var(--lagon-fonce); flex: none; }
.ir-membre:nth-child(even) .ir-membre__points svg { color: var(--brasier); }

.ir-membre .ir-bouton { justify-self: start; }

/* Convictions */

.ir-convictions {
	list-style: none;
	margin: 34px 0 0;
	padding: 0;
	display: grid;
	gap: 22px;
}

@media (min-width: 820px) { .ir-convictions { grid-template-columns: repeat(3, 1fr); } }

.ir-convictions li {
	display: grid;
	gap: 8px;
	align-content: start;
	background: var(--blanc);
	border: 1px solid var(--trait);
	border-radius: var(--rayon);
	padding: 24px 26px;
}

.ir-conviction__icone {
	display: grid;
	place-items: center;
	width: 44px; height: 44px;
	border-radius: 11px;
	background: var(--lagon-clair);
	color: var(--lagon-fonce);
	margin-bottom: 6px;
}

.ir-convictions strong { font-family: var(--titre); font-size: 16px; color: var(--nuit); }
.ir-convictions span:last-child { font-size: 15px; color: var(--encre-2); line-height: 1.55; }

/* Chiffres */

.ir-chiffres {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
	display: grid;
	gap: 1px;
	background: var(--trait);
	border: 1px solid var(--trait);
	border-radius: var(--rayon);
	overflow: hidden;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.ir-chiffres li {
	background: var(--blanc);
	padding: 26px 18px;
	display: grid;
	gap: 4px;
	justify-items: center;
	text-align: center;
}

.ir-chiffres strong {
	font-family: var(--titre);
	font-size: clamp(1.9rem, 3.4vw, 2.5rem);
	font-weight: 700;
	color: var(--brasier);
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

.ir-chiffres span { font-size: 14px; color: var(--encre-2); }

.ir-apropos__note {
	margin: 20px auto 0;
	max-width: 58ch;
	text-align: center;
	font-size: 14.5px;
	color: var(--encre-3);
}