/* =========================
   EDITORIAL STORY
========================= */

.editorial-story {
    display: grid;

    grid-template-columns: 1.3fr 1fr;

    align-items: center;

    min-height: 100vh;

    background: #fafaf3;
}

.story-image img {
    width: 100%;

    height: 100vh;

    object-fit: cover;

    display: block;
}

.story-content {
    padding: 0 10%;
}

.story-content span {
    font-size: 12px;

    letter-spacing: 4px;

    text-transform: uppercase;

    color: #666;
}

.story-content h2 {
    margin-top: 20px;

    font-size: 72px;

    font-weight: 300;

    line-height: 1;
}

.story-content p {
    margin-top: 30px;

    max-width: 500px;

    font-size: 18px;

    line-height: 1.8;

    color: #555;
}

.story-content a {
    display: inline-block;

    margin-top: 40px;

    padding: 18px 45px;

    border: 1px solid #111;

    text-decoration: none;

    color: #111;

    transition: .35s ease;
}

.story-content a:hover {
    background: #111;

    color: #fff;
}