/* Leadership grid and bio dialogs (2.0.0). Was an inline <style> block in page-leadership.php; loaded after lite.css
   when the Leadership page renders through the Elementor shell. */
:root{--steel:#7E8BA0}
.person-card .ph{box-sizing:border-box;display:block;aspect-ratio:3/4;position:relative;width:100%;overflow:hidden;padding:0;background:var(--steel) url(../assets/portrait-backdrop.jpg) center/cover no-repeat}
.person-card .ph::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 38%,rgba(0,0,0,0) 55%,rgba(8,18,36,.30) 100%);pointer-events:none}
.person-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.person-card .ph svg.sil{position:absolute;inset:0;width:100%;height:100%;color:var(--alum);opacity:.55}
.ph .ph-ptc{position:absolute;left:50%;right:auto;transform:translateX(-50%);bottom:15%;z-index:2;white-space:nowrap;padding:4px 9px;border-radius:2px;background:rgba(246,244,239,.9);text-align:center;font-weight:500;font-size:11.5px;line-height:1.2;letter-spacing:.06em;color:#1A1D21;pointer-events:none}
@media(max-width:640px){.ph .ph-ptc{font-size:10.5px}}
.ph .ph-flag{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:10px 14px 9px;font-weight:600;font-size:12.5px;line-height:1.3;color:var(--paper);background:linear-gradient(180deg,rgba(8,18,36,0) 0%,rgba(8,18,36,.82) 60%,rgba(8,18,36,.92) 100%)}
.person-dialog .ph{box-sizing:border-box;display:block;aspect-ratio:3/4;max-width:150px;position:relative;overflow:hidden;margin-bottom:22px;padding:0;background:var(--steel) url(../assets/portrait-backdrop.jpg) center/cover no-repeat}
.person-dialog .ph::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 38%,rgba(0,0,0,0) 55%,rgba(8,18,36,.30) 100%);pointer-events:none}
.person-dialog .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.person-dialog .ph svg.sil{position:absolute;inset:0;width:100%;height:100%;color:var(--alum);opacity:.55}
/* 09/29 flip: a scannable grid of smaller portraits, and the bio dialog carries the large one. */
/* 10/01 five people: one row of five on desktop. */
/* 10/13 six people (Steve Burris added): six in one row from 1280px up, three by two below that (Bryan's pick). */
.people{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;gap:clamp(14px,1.4vw,20px)}
.person-bio .line + .line,.person-dialog .line + .line{margin-top:12px}
.person{display:flex;flex-direction:column}
.person-card{flex:1 1 auto}
.person-card .meta{flex:1 1 auto}
.person-card .ph{aspect-ratio:4/5}
.person-card .meta{padding:16px 18px 18px}
.person-card .name{font-size:clamp(16px,1.25vw,18px)}
.person-card .role{margin-top:5px;font-size:14px}
.person-dialog{width:min(92vw,880px);max-width:880px}
.person-dialog .pd-inner{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(28px,3.4vw,44px);align-items:start}
.person-dialog .ph{max-width:none;width:100%;margin:0}
.person-dialog .pd-text{padding-right:44px;padding-top:6px}
.person-dialog .pd-close{z-index:3;background:var(--paper)}
.person-dialog h2{font-size:clamp(26px,2.4vw,34px);line-height:1.1}
@media(min-width:1280px){.person-card .meta{padding:14px 14px 16px}.person-card .name{font-size:15px}.person-card .role{font-size:13.5px}}
@media(max-width:1279px){.people{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}}
@media(max-width:820px){.person-dialog .pd-inner{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}
@media(max-width:640px){
  .people{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .person-card .meta{padding:12px 12px 14px}
  .person-card .name{font-size:15px}
  .person-card .role{font-size:13px}
  .person-dialog{width:100%;max-width:none}
  .person-dialog .pd-inner{grid-template-columns:1fr;gap:22px;padding-top:68px}
  .person-dialog .pd-close{top:14px;right:14px}
  .person-dialog .ph{aspect-ratio:4/3}
  .person-dialog .ph img{object-position:center 12%}
  .person-dialog .pd-text{padding-right:0;padding-top:0}
}