/* Massively about page */
.about-massive-hero {
    min-height: 100svh;
}

.about-profile-section {
    background: #fff;
}

.about-profile-grid {
    align-items: center;
    display: grid;
    gap: clamp(3rem, 8vw, 8rem);
    grid-template-columns: minmax(16rem, 0.82fr) minmax(20rem, 1.18fr);
}

.about-profile-photo {
    margin: 0;
}

.about-profile-photo img {
    display: block;
    height: auto;
    width: 100%;
}

.about-profile-copy h2 {
    font-size: clamp(2.8rem, 5.1vw, 5.7rem);
    margin: 1.25rem 0 2rem;
}

.about-profile-copy > p:not(.section-kicker) {
    color: #555d63;
    font-family: Georgia, "Noto Serif TC", "PMingLiU", serif;
    font-size: 1.02rem;
    line-height: 1.9;
    margin: 0 0 1.2rem;
}

.about-profile-copy .outline-button {
    margin-top: 1.25rem;
}

.about-facts-section {
    border-top: 1px solid #d8d8d8;
    padding: 0 clamp(2rem, 8vw, 9rem);
}

.about-fact-row {
    align-items: start;
    border-bottom: 1px solid #d8d8d8;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(8rem, 0.35fr) minmax(0, 1.65fr);
    padding: clamp(2rem, 4vw, 3.7rem) 0;
}

.about-fact-row span {
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.13em;
}

.about-fact-row h3 {
    font-size: clamp(1.4rem, 2.6vw, 2.55rem);
    line-height: 1.45;
    margin: 0;
}

.about-contact-section {
    margin-top: clamp(5rem, 9vw, 9rem);
}