/* Team portraits retain the supplied artwork through CSS framing. */
.page-about .team-intro-portraits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border-radius: 4px 52px 4px 4px; background: #f1eadf; }
.page-about .team-intro-portraits img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 0; }
.page-about .team-intro-portraits .portrait-kwon { object-position: left center; }
.page-about .team-intro-portraits .portrait-eom { object-position: right center; }
.page-about .people-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.page-about .person { grid-template-columns: 88px minmax(0, 1fr); gap: 20px 16px; align-content: start; align-items: center; }
.page-about .person-portrait { width: 88px; height: 104px; }
.page-about .person-role { font-family: var(--font-sans, sans-serif); }
.page-about .person-detail { align-self: start; }
@media (max-width: 1000px) { .page-about .people-list { grid-template-columns: 1fr; gap: 32px; } .page-about .person { border-top: 1px solid #d5d5cf; padding-top: 24px; } }
@media (max-width: 600px) { .page-about .team-intro-portraits { border-top-right-radius: 30px; } }
.page-about .portrait-min-frame { display: block; overflow: hidden; }
.page-about .team-intro-portraits > .portrait-min-frame { aspect-ratio: 1; }
.page-about .portrait-min-frame img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.4); transform-origin: 50% 32%; }
.page-about .person-detail > p { min-height: 3.4em; }