/* =========================================================================
   Eastgate Leadership
   ========================================================================= */

:root {
	--egl-navy: var(--wp--preset--color--navy, #1e3a5f);
	--egl-green: var(--wp--preset--color--green, #00875a);
	--egl-muted: #6b7785;
	--egl-surface: #eef2f7;
	--egl-border: #dde4ec;
	--egl-display: var(--wp--preset--font-family--avenir-condensed, 'Avenir Next Condensed', sans-serif);
	--egl-body: var(--wp--preset--font-family--avenir, 'Avenir Next', sans-serif);
}

.eg-leaders {
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 5vw, 3.5rem);
}
.eg-leaders__heading {
	font-family: var(--egl-display);
	font-size: clamp(1.5rem, 3vw, 2rem);
	color: var(--egl-navy);
	margin: 0 0 1.5rem;
	padding-bottom: 0.6rem;
	border-bottom: 2px solid var(--egl-border);
}

.eg-leaders__desc {
	max-width: 70ch;
	margin: -0.75rem 0 1.75rem;
	color: var(--egl-muted);
	font-size: 1rem;
	line-height: 1.6;
}
.eg-leaders__desc p { margin: 0 0 0.75rem; }
.eg-leaders__desc p:last-child { margin-bottom: 0; }

.eg-leader-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(1.25rem, 3vw, 2rem);
}
@media (max-width: 900px) { .eg-leader-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .eg-leader-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .eg-leader-grid { grid-template-columns: 1fr; } }

.eg-leader { text-align: center; }
.eg-leader__photo {
	display: block;
	aspect-ratio: 4 / 5;
	border-radius: 0.75rem;
	background-size: cover;
	background-position: center top;
	background-color: var(--egl-surface);
	border: 1px solid var(--egl-border);
}
.eg-leader__name {
	font-family: var(--egl-display);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.15;
	margin: 0.75rem 0 0.15rem;
}
.eg-leader__name a { color: var(--egl-navy); text-decoration: none; }
.eg-leader__name a:hover { color: var(--egl-green); }
.eg-leader__position {
	font-size: 0.9rem;
	color: var(--egl-muted);
	margin: 0;
}
.eg-leader__campus {
	margin: 0.5rem 0 0;
}
.eg-leader__badge {
	display: inline-block;
	font-family: var(--egl-display);
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: var(--egl-navy);
	background: var(--egl-surface);
	border: 1px solid var(--egl-border);
	border-radius: 999px;
	padding: 0.2rem 0.7rem;
	line-height: 1.4;
}
.eg-leader__links {
	display: flex;
	justify-content: center;
	gap: 0.85rem;
	margin-top: 0.5rem;
	font-size: 1rem;
}
.eg-leader__links a { color: var(--egl-muted); text-decoration: none; transition: color 0.15s ease; }
.eg-leader__links a:hover { color: var(--egl-green); }

/* ---- single leader ---- */
.eg-leader-single__meta {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}
.eg-leader-single__position {
	font-family: var(--egl-display);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 700;
	color: var(--egl-green);
	margin: 0;
}
.eg-leader-single__campus { margin: 0; color: var(--egl-muted); }
.eg-leader-single__campus a { color: var(--egl-navy); }
.eg-leader-single__meta .eg-leader__links { justify-content: flex-start; font-size: 1.15rem; margin-top: 0.4rem; }
.eg-leader-single__links { margin-top: 0.25rem; }
.eg-leader-single__links .eg-leader__links {
	justify-content: flex-start;
	gap: 0.6rem;
	margin-top: 0;
	font-size: 1rem;
}
.eg-leader-single__links .eg-leader__links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid var(--egl-border, #d6dbe2);
	border-radius: 50%;
	color: var(--egl-navy);
}
.eg-leader-single__links .eg-leader__links a:hover {
	color: #fff;
	background: var(--egl-green);
	border-color: var(--egl-green);
}