/* =========================================
   EDITORIAL SECTION
========================================= */

.editorial-section {

    position: relative;

    height: 720px;

    overflow: hidden;

    color: var(--white);

}


/* IMAGE */

.editorial-image {

    position: absolute;

    inset: 0;

}

.editorial-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}


/* OVERLAY */

.editorial-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.72),
            rgba(0,0,0,0.30) 55%,
            rgba(0,0,0,0.05)
        );

}


/* CONTENT */

.editorial-content {

    position: absolute;

    left: 9%;

    top: 50%;

    transform: translateY(-50%);

    width: 550px;

}

.editorial-content .section-eyebrow {

    color: #e1bd83;

}

.editorial-content h2 {

    margin: 18px 0 25px;

    font-family: var(--serif);

    font-size: clamp(58px, 7vw, 95px);

    font-weight: 400;

    line-height: 0.88;

    letter-spacing: -2px;

}

.editorial-content p {

    max-width: 390px;

    margin-bottom: 32px;

    font-size: 13px;

    font-weight: 300;

    line-height: 1.8;

    color: rgba(255,255,255,0.85);

}


/* MOBILE */

@media (max-width: 600px) {

    .editorial-section {

        height: 650px;

    }

    .editorial-image img {

        object-position: 65% center;

    }

    .editorial-overlay {

        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,0.72),
                rgba(0,0,0,0.25)
            );

    }

    .editorial-content {

        left: 7%;

        width: 86%;

    }

    .editorial-content h2 {

        font-size: 58px;

    }

}