/* About page only: complements the shared FaceForward palette and typography. */
.about-intro {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 64px;
    align-items: start;
}
.about-intro h2 { max-width: 430px; }
.about-intro p:last-child { margin-bottom: 0; }
.about-profile {
    display: grid;
    grid-template-columns: minmax(0, 440px) minmax(0, 1fr);
    gap: clamp(36px, 6vw, 88px);
    align-items: center;
}
.about-portrait { margin: 0; }
.about-portrait img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(52, 57, 54, .12);
}
.about-bio { max-width: 580px; }
.about-bio .button { margin-top: 8px; }
@media (max-width: 760px) {
    .about-intro, .about-profile { grid-template-columns: 1fr; gap: 28px; }
    .about-intro h2 { margin-bottom: 0; }
    .about-portrait { width: 100%; max-width: 440px; margin-inline: auto; }
    .about-bio { max-width: none; }
}