.brand-story {
    margin: 44px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #dfe8dd;
}

.brand-story-image {
    min-height: 420px;
    background: url("https://images.unsplash.com/photo-1490481651871-ab68de25d43d?auto=format&fit=crop&w=1200&q=85") center / cover;
}

.brand-story-copy {
    padding: clamp(32px, 6vw, 88px);
    align-self: center;
}

.brand-story-copy h2 {
    max-width: 530px;
    margin: 12px 0;
    color: var(--wine);
    font: 600 42px/1.05 var(--serif);
}

.brand-story-copy p {
    max-width: 490px;
    color: #554e49;
    line-height: 1.8;
}

.brand-story-copy > a {
    display: inline-block;
    margin-top: 12px;
    color: var(--wine);
    font-size: 11px;
    font-weight: bold;
}

@media (max-width: 700px) {
    .brand-story {
        grid-template-columns: 1fr;
    }

    .brand-story-image {
        min-height: 300px;
    }

    .brand-story-copy {
        padding: 34px 6%;
    }

    .brand-story-copy h2 {
        font-size: 32px;
    }
}