/* Four portraits gather, then spread as the section enters the viewport. */
#about-main .about-people {gap:24px;margin-top:80px;padding-block:24px 12px;}
#about-main .about-people figure {min-width:0;transform-origin:50% 65%;}
#about-main .about-people .about-person-image {aspect-ratio:3/4;max-height:none;}
#about-main .about-people .about-person-image img {filter:grayscale(1);transform:none;}
#about-main .about-people figcaption {padding-top:20px;}
#about-main .about-people h3 {font-size:clamp(19px,1.7vw,25px);}
#about-main .about-people figcaption p {max-width:240px;}
@media(min-width:768px) and (prefers-reduced-motion:no-preference) {
 #about-main .about-people[data-spread] figure {transform:translate3d(var(--spread-x,0px),var(--spread-y,0px),0) rotate(var(--spread-angle,0deg));}
 #about-main .about-people[data-spread] figcaption {opacity:var(--spread-caption,1);}
}
@media(max-width:767px) {
 #about-main .about-people {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;margin-top:40px;padding-block:0;}
 #about-main .about-people h3 {font-size:20px;}
 #about-main .about-people figcaption {padding-top:14px;}
 #about-main .about-people figcaption p {font-size:12px;}
}
@media(max-width:360px) {
 #about-main .about-people {column-gap:12px;}
 #about-main .about-people h3 {font-size:18px;}
}