/* ==========================================================================
   Page de présentation d'un auteur
   Traitement clair et éditorial, volontairement différent du hero sombre des
   articles : on arrive ici depuis une signature, pas depuis un sommaire.
   ========================================================================== */

.author #page.grid-container { max-width: none; padding: 0; margin: 0; }
.author #content.site-content { padding: 0; display: block; }
.author .site-main { margin: 0; }

.ir-auteur__entete {
	background: var(--sable-2);
	border-bottom: 1px solid var(--trait);
	padding-block: clamp(36px, 5vw, 64px);
}

.ir-auteur__grille {
	display: grid;
	gap: clamp(24px, 4vw, 48px);
	align-items: center;
}

@media (min-width: 760px) {
	.ir-auteur__grille { grid-template-columns: 260px minmax(0, 1fr); }
}

.ir-auteur__portrait {
	position: relative;
	aspect-ratio: 4 / 5;
	max-width: 260px;
	border-radius: var(--rayon);
	overflow: hidden;
	background: linear-gradient(160deg, var(--lagon-clair), var(--blanc));
	display: grid;
	place-items: center;
	box-shadow: var(--ombre-carte);
}

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

.ir-auteur__initiale {
	font-family: var(--script);
	font-size: 88px;
	color: var(--lagon);
	opacity: .55;
}

.ir-auteur__nom {
	font-size: clamp(2rem, 4.4vw, 3rem);
	font-weight: 700;
	margin: 6px 0 4px;
}

.ir-auteur__role {
	font-family: var(--titre);
	font-size: 1.05rem;
	font-weight: 500;
	color: var(--brasier-fonce);
	margin: 0 0 16px;
}

.ir-auteur__bio {
	color: var(--encre-2);
	max-width: 62ch;
	font-size: 1.03rem;
}

.ir-auteur__bio p { margin: 0 0 .8em; }

.ir-auteur__specialites {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	display: grid;
	gap: 9px;
}

@media (min-width: 620px) {
	.ir-auteur__specialites { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.ir-auteur__specialites li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14.5px;
	color: var(--encre-2);
}

.ir-auteur__specialites svg { color: var(--lagon-fonce); flex: none; }

.ir-auteur__compte {
	margin: 22px 0 0;
	padding-top: 16px;
	border-top: 1px solid var(--trait);
	font-family: var(--titre);
	font-size: 14px;
	color: var(--encre-3);
}

.ir-auteur__vide {
	text-align: center;
	max-width: 46ch;
	margin-inline: auto;
	display: grid;
	gap: 14px;
	justify-items: center;
	padding-block: clamp(20px, 4vw, 40px);
}

.ir-auteur__vide h2 { font-size: 1.5rem; margin: 0; }
.ir-auteur__vide p { color: var(--encre-2); margin: 0; }

.ir-auteur .ir-cartes { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

.ir-auteur .navigation.pagination { margin-top: 32px; }
.ir-auteur .nav-links { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }

.ir-auteur .page-numbers {
	display: grid;
	place-items: center;
	min-width: 40px;
	height: 40px;
	padding-inline: 12px;
	border: 1px solid var(--trait);
	border-radius: var(--rayon-s);
	background: var(--blanc);
	font-family: var(--titre);
	font-size: 14px;
	color: var(--encre-2);
	text-decoration: none;
}

.ir-auteur .page-numbers.current,
.ir-auteur .page-numbers:hover { background: var(--nuit); border-color: var(--nuit); color: #fff; }