/* GBF 2.4.0: scoped leadership and profile layouts. */
.leadership-hero{background:var(--pale);padding:78px 0 48px}
.leadership-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(58px,6vw,88px);letter-spacing:-.04em;line-height:1.05;margin:0 0 24px}
.leadership-lead{max-width:800px;font-size:20px;line-height:1.8;color:var(--text);margin:0}
.leadership-page-copy{max-width:800px;margin-top:25px}
.leadership-directory{padding-top:0;background:var(--pale)}
.community-frame .text-link{display:inline-block;margin-top:26px}
@media(max-width:600px){.leadership-hero{padding:52px 0 35px}.leadership-hero h1{font-size:56px}.leadership-lead{font-size:17px}}
.advisory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.advisory-focus{margin-top:42px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:140px}
.advisory-focus-title{max-width:100%;font-size:clamp(30px,3.1vw,44px);line-height:1.2;letter-spacing:-.02em;margin-bottom:28px;text-wrap:balance}
.portrait-nuzaira-azam .person-image-bundled{width:112%;height:112%;left:-6%;top:-1%}
.portrait-umar-john .person-image-bundled{width:115%;height:138%;left:-7.5%;top:-4.5%}
.president-overview{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:center;gap:60px;padding:40px;background:var(--ink);color:#fff;border-radius:5px;margin-bottom:35px;scroll-margin-top:140px}
.president-overview .person-portrait{margin:0}
.president-overview-copy h3{font-family:var(--serif);font-size:clamp(40px,4.4vw,64px);font-weight:500;line-height:1.1;margin-bottom:25px}
.president-overview-copy p{font-size:18px;color:#d0e0eb;max-width:670px;margin-bottom:29px}
.president-hero{background:var(--pale)}
.president-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:100px}
.president-hero-copy{max-width:700px}
.president-back{font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);display:inline-block;margin-bottom:43px;padding-bottom:6px;color:var(--text)}
.president-back:hover{color:var(--ink);border-color:var(--blue)}
.president-hero h1{font-family:var(--serif);font-size:clamp(54px,6vw,88px);line-height:1.04;letter-spacing:-.04em;font-weight:500;margin:0 0 25px}
.president-role{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:#416782;line-height:1.8;margin-bottom:25px}
.president-intro{font-size:20px;color:var(--text);line-height:1.8;margin-bottom:32px}
.president-hero-portrait{width:100%;max-width:460px;justify-self:end;padding:16px;border:1px solid #c5d7e4;border-radius:6px;background:#fff}
.president-hero-portrait .person-portrait{margin:0}
.president-biography-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:100px;align-items:start}
.president-biography h2{font-size:clamp(36px,3.3vw,50px);margin:0 0 32px;line-height:1.16;color:var(--ink)}
.president-biography p+h2{margin-top:54px}
.president-biography p{font-size:18px;line-height:1.9}
.president-biography .president-references{font-size:13px;line-height:2.2;margin-top:36px}
.president-details{background:var(--paper);padding:34px;border:1px solid var(--line);border-radius:5px}
.president-details dl{margin:0}
.president-details dl>div{padding:23px 0;border-top:1px solid var(--line)}
.president-details dl>div:last-child{padding-bottom:0}
.president-details dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;line-height:1.8;margin-bottom:9px}
.president-details dd{font-size:15px;color:var(--text);line-height:1.9;margin:0}
@media(max-width:1100px){.advisory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.president-overview{gap:40px}.president-hero-grid,.president-biography-grid{gap:55px}.president-overview-copy p{font-size:17px}}
@media(max-width:800px){.president-overview{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);padding:28px;gap:30px}.president-overview-copy h3{font-size:40px}.president-overview-copy .eyebrow{font-size:10px;margin-bottom:18px}.president-overview-copy p{font-size:16px}.president-hero-grid,.president-biography-grid{grid-template-columns:1fr;gap:42px}.president-hero-portrait{justify-self:start;max-width:460px}.president-hero-copy{max-width:680px}.president-details{max-width:680px}.president-hero h1{font-size:70px}}
@media(max-width:600px){.advisory-grid{grid-template-columns:1fr}.president-overview{grid-template-columns:1fr;padding:26px;gap:29px;scroll-margin-top:115px}.president-overview-copy h3{font-size:40px;margin-bottom:21px}.president-overview-copy p{font-size:16px}.president-overview .button{font-size:13px;min-height:52px;padding:15px 21px}.president-hero h1{font-size:56px}.president-back{margin-bottom:31px}.president-role{font-size:11px;margin-bottom:22px}.president-intro{font-size:17px;margin-bottom:28px}.president-hero-portrait{padding:12px}.president-biography h2{font-size:38px}.president-biography p{font-size:16px}.president-details{padding:27px}.president-hero-grid,.president-biography-grid{gap:35px}}

/* A stretched profile link keeps the standard portrait-card proportions. */
.people-card-linked{position:relative}
.person-profile-link{color:inherit;text-decoration:none}
.person-profile-link::after{content:"";position:absolute;inset:0}
.people-card-linked:focus-within{outline:3px solid var(--blue);outline-offset:4px}
.person-profile-link:focus{outline:none}
.person-profile-link:hover{color:var(--blue)}