/* Staff team, "in a row" (block b_staff, layout row): two to a line, big
   round photo above the name and title, and an envelope button that opens
   the Reach Out form addressed to that person. */
.staff__row{--cols:2;--gap:clamp(20px,6vw,72px);list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(40px,5vw,64px) var(--gap);max-width:780px;}
.sperson--row{flex:0 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;}
.sperson--row .sperson__ph{width:clamp(140px,22vw,250px);height:clamp(140px,22vw,250px);margin-bottom:24px;}
.sperson--row h3{margin:0 0 0;font-family:var(--font-serif)!important;text-transform:none;font-weight:600;font-style:italic!important;font-size:clamp(1.3rem,1.1rem + .7vw,1.75rem);line-height:1.15;letter-spacing:0;color:var(--navy);text-wrap:balance;}
.sperson--row .sperson__role{margin:6px 0 14px;font-size:.92rem;line-height:1.4;text-wrap:balance;max-width:26ch;}
.sperson__mail{display:grid;place-items:center;flex:none;width:42px;height:42px;margin-top:auto;border-radius:50%;color:var(--cyan-deep);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cyan) 45%,transparent);transition:background-color .25s,color .25s,transform .3s var(--ease-out);}
.sperson__mail:hover{background:var(--cyan);color:#fff;transform:translateY(-2px);}
.sperson__mail:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;}
.sperson--row .sperson__ph span{font-size:clamp(2.6rem,1.8rem + 3vw,4.5rem);}
@media (max-width:640px){.sperson--row .sperson__ph{width:min(40vw,160px);height:min(40vw,160px);}}
@media (max-width:340px){.staff__row{--cols:1;}}
@media (prefers-reduced-motion:reduce){.sperson__mail{transition:none;}}