.lead-head{padding:72px 22px 40px;text-align:center;background:var(--grey)}
.lead-head h1{font-size:clamp(40px,6vw,72px)}
.lead-head .sub{color:var(--navy);opacity:.75}

.org{background:var(--navy);color:var(--grey);padding:48px 22px 80px;text-align:center;overflow:visible}
.org-grid{max-width:1024px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px 24px}
.org-grid .person{width:min(260px,calc(50% - 12px))}

.person{background:none;border:0;font:inherit;color:inherit;cursor:pointer;text-align:center;display:block}
.person .ph{aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--c,var(--orange));transition:transform .3s ease,box-shadow .3s ease}
.person img{width:100%;height:100%;object-fit:cover}
.person:hover .ph,.person:focus-visible .ph{transform:scale(1.03);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.person .n{font-size:19px;font-weight:600;margin-top:14px;overflow-wrap:anywhere}
.person .t{font-size:14px;color:var(--peach);margin-top:4px}

dialog{border:0;border-radius:20px;padding:32px;width:min(440px,92vw);margin:auto;text-align:center;background:var(--grey);color:var(--navy)}
dialog::backdrop{background:rgba(0,31,61,.7);backdrop-filter:blur(6px)}
dialog img{width:160px;border-radius:14px;margin:0 auto 16px;background:var(--orange)}
dialog h3{font-size:28px}
.bio-title{color:var(--navy);opacity:.75;margin:4px 0 16px}
.bio-close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:var(--navy)}


@media (max-width:600px){
  .org-grid .person{width:min(260px,100%)}
}