.about-preview {
    grid-template-columns: minmax(110px, .55fr) minmax(320px, 1.15fr) minmax(280px, .8fr);
    grid-template-areas: "label copy media";
    gap: 5vw;
    align-items: start;
}

.about-preview > .eyebrow {
    grid-area: label;
}

.about-preview__copy {
    grid-area: copy;
    max-width: 760px;
    padding-top: 3vw;
}

.about-preview__media {
    grid-area: media;
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: var(--paper-deep);
}

.about-preview__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 38%;
}

@media (max-width: 900px) {
    .about-preview {
        grid-template-columns: 1fr;
        grid-template-areas:
            "label"
            "media"
            "copy";
        gap: 28px;
    }

    .about-preview__media {
        max-width: 520px;
    }

    .about-preview__copy {
        padding-top: 12px;
    }
}