.about-section {
    padding: 125px 0;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 100px;
}

.about-portrait {
    position: relative;
    padding: 0 0 25px 25px;
}

.about-portrait:before {
    content: "";
    position: absolute;
    inset: 25px 25px 0 0;
    border: 1px solid var(--green);
}

.about-image {
    position: relative;
    height: 480px;
    border: 1px solid rgba(66, 49, 32, .22);
    object-fit: cover;
    object-position: 42% center;
    background: #f2e8d9;
    filter: contrast(1.04) saturate(.96);
    transition: object-position .45s ease;
}

.about-portrait:hover .about-image {
    object-position: 58% center;
}

.portrait-caption {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 18px 22px;
    background: var(--green);
    color: var(--whatsapp-ink);
    font-size: var(--type-small);
    line-height: 1.4;
}

.portrait-caption strong {
    font-family: var(--font-heading);
    font-size: var(--type-h4);
    font-weight: 600;
}

.about-copy>p:not(.eyebrow) {
    max-width: 440px;
    margin: 25px 0 0;
    color: var(--muted);
    line-height: 1.7;
    font-size: var(--type-body);
}

.about-copy .button {
    margin-top: 31px;
}