/* components/people.css — team members */
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px)}
.person a,.person > div{display:block;text-decoration:none}
.person-photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(180deg,#EEF0F4,#DDE2EA)}
.person-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 1.4s ease}
.person a:hover .person-photo img{transform:scale(1.03)}
.person-initials{position:absolute;inset:0;display:grid;place-items:center;background:var(--indigo);color:var(--accent-light);font-family:var(--serif);font-size:clamp(2.6rem,4.4vw,3.8rem);font-weight:300;letter-spacing:.04em}
.person-initials::before{content:"";position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(216,195,155,.4);border-radius:50%}
.person h3{margin-top:20px;font-size:1.4rem;font-weight:400}
.person-role{margin-top:4px;font-size:var(--t-small);color:var(--accent-dark)}
.person-focus{margin-top:2px;font-size:var(--t-small);color:var(--muted)}
@media (max-width:900px){.people{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.people{grid-template-columns:1fr}}