/* About-specific composition on top of the current Projects design. */
.about-page .about-introduction {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    grid-template-areas: "portrait identity" "portrait biography";
    column-gap: clamp(2rem, 5vw, 5rem);
    row-gap: 1.5rem;
    align-items: start;
}
.about-page .about-identity { grid-area: identity; }
.about-page .about-title {
    font-size: clamp(2.8rem, 5.2vw, 4.6rem);
    line-height: 1.06;
    letter-spacing: -.025em;
    margin: 1rem 0 0;
    text-wrap: balance;
}
.about-page .about-portrait { grid-area: portrait; margin: 0; }
.about-page .about-portrait img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--bs-border-radius);
}
.about-page figcaption {
    font-size: .75rem;
    line-height: 1.6;
    color: #aaa394;
    margin-top: .9rem;
}
.about-page .about-biography { grid-area: biography; }
.about-page .about-biography-label {
    padding-top: 1.25rem;
    margin-bottom: 1.25rem;
    border-top: 1px solid #6a6a6a;
}
.about-page .about-biography p { text-align: justify; }
.about-page .about-prose { max-width: 48rem; }
.about-page .about-prose p { text-align: justify; margin-bottom: 1.5rem; }
.about-page .about-prose p:last-child { margin-bottom: 0; }
.about-page .about-editions {
    border-top: 1px solid #6a6a6a;
    margin-top: 2rem;
    padding-top: 2rem;
}
.about-page .history-group + .history-group { margin-top: 3rem; }
.about-page .history-group-title {
    font-size: clamp(1.4rem, 2.25vw, 1.9rem);
    margin: 0 0 1.25rem;
}
.about-page .history-table {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #6a6a6a;
}
.about-page .history-row {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: 1.5rem;
    padding-block: 1.5rem;
    border-bottom: 1px solid #495057;
}
.about-page .history-year { color: #aaa394; font-size: .875rem; padding-top: .125rem; }
.about-page .history-year strong { font-weight: 400; }
.about-page .history-copy { min-width: 0; overflow-wrap: break-word; }
.about-page .history-primary { color: #c9c9c9; line-height: 1.65; }
.about-page .history-detail { color: #aaa394; font-size: .875rem; line-height: 1.7; margin-top: .5rem; }
.about-page + .site-footer { padding-top: 3rem; }
@media (max-width: 991.98px) {
    .about-page .about-introduction {
        grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
        grid-template-areas: "identity identity" "portrait biography";
        row-gap: 2rem;
    }
}
@media (max-width: 767.98px) {
    .about-page .about-introduction {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "identity" "portrait" "biography";
    }
    .about-page .about-portrait { max-width: 420px; }
}
@media (max-width: 575.98px) {
    .about-page .history-row { grid-template-columns: 1fr; gap: .5rem; }
}