/* =====================================================================
   GOKUDO: Leadership page.
   Banner, footer, wrap, label, and font variables come from base.css (loaded
   site-wide) plus style.css. The page head takes the baseline from components.css.
   Loaded on the page:leadership context: registered in gokudo_pages()
   (inc/routing.php) and resolved by inc/assets.php, not by functions.php.
   ===================================================================== */

/* ============ LEADERS ============ */
/* A portrait, the name in the accent, and the job title under it. The team is small,
   so a row holds 3 people, not 4, and each portrait is large. The cards are not links,
   so they take no hover. */
.leaders{padding:72px 0 120px;background:var(--bg)}
.ld-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 40px}
.ld-card{margin:0;min-width:0}
.ld-portrait{aspect-ratio:4/5;overflow:hidden;background:var(--bg2);display:flex;align-items:center;justify-content:center}
.ld-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.ld-noimg{font-family:var(--display);font-weight:900;font-size:clamp(140px,16vw,220px);line-height:1;color:var(--wash-lg);user-select:none;pointer-events:none}
.ld-name{font-family:var(--display);font-weight:700;font-size:clamp(30px,3.2vw,46px);line-height:1;text-transform:uppercase;letter-spacing:var(--track-md);color:var(--blue);margin:28px 0 0}
.ld-role{font-family:var(--body);font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--ink);margin:14px 0 0;max-width:34ch}
.ld-empty{color:var(--faint);font-size:15px;line-height:1.7}

@media(max-width:960px){
	.ld-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}
}
@media(max-width:560px){
	.leaders{padding:48px 0 90px}
	.ld-grid{grid-template-columns:1fr;gap:48px}
}