/* Founder-approved About people section; FD-2026-10-06-002. */
.about-people { max-width: 1160px; margin: 3.5rem auto 0; }
.about-people > h3 { margin: 0 0 1.65rem; color: var(--white); font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 620; letter-spacing: -.035em; line-height: 1.15; }
.about-people__rows { border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.about-person { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 2rem; align-items: center; padding: 1.75rem 0; }
.about-person + .about-person { border-top: 1px solid rgba(255,255,255,.14); }
.about-person__portrait { width: 170px; height: 170px; position: relative; overflow: hidden; border-radius: .5rem; background: #344354; }
/* Original JPEG bytes are unchanged. Visible Charlie rectangle: x32 y480, 640 square; Shane: x285 y25, 700 square. */
.about-person__portrait img { position: absolute; height: auto; max-width: none; display: block; }
.about-person__portrait--charlie img { width: 110%; left: -5%; top: -75%; }
.about-person__portrait--shane img { width: 171.428571%; left: -40.714286%; top: -3.571429%; }
.about-person__copy { min-width: 0; }
.about-person__copy h4 { margin: 0; color: var(--white); font-size: clamp(1.5rem, 2.3vw, 1.9rem); font-weight: 620; letter-spacing: -.035em; line-height: 1.15; }
.about-person__role { margin: .55rem 0 .8rem; color: #91bedf; font-size: .86rem; font-weight: 650; line-height: 1.45; }
.about-person__copy > p:last-child { max-width: 65ch; margin: 0; color: #c8d4e3; font-size: 1rem; line-height: 1.65; }
.about-people__philosophy { max-width: 78ch; margin: 2rem 0 0; color: rgba(255,255,255,.8); font-size: 1.08rem; line-height: 1.65; }
@media (max-width: 620px) {
  .about-people { margin-top: 2.5rem; }
  .about-person { grid-template-columns: 110px minmax(0,1fr); gap: 1.1rem; align-items: start; padding: 1.5rem 0; }
  .about-person__portrait { width: 110px; height: 110px; }
  .about-person__copy h4 { font-size: 1.5rem; }
  .about-person__role { font-size: .78rem; }
  .about-person__copy > p:last-child { font-size: .9rem; line-height: 1.6; }
}
@media (max-width: 420px) {
  .about-person { grid-template-columns: 88px minmax(0,1fr); gap: 1rem; }
  .about-person__portrait { width: 88px; height: 88px; }
}