.scroll_content_layout {
    display: grid;
    grid-template-columns: minmax(22rem, 31.5rem) minmax(0, 90.4rem);
    column-gap: clamp(4rem, 5vw, 6.7rem);
    align-items: start;
}

.scroll_content_nav_wrap {
    position: sticky;
    top: 14.6rem;
}

.scroll_content_nav {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.scroll_content_nav_link {
    color: rgba(87, 87, 86, 0.3);
    font-family: "proxima-nova", sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.scroll_content_nav_link:hover,
.scroll_content_nav_link:focus,
.scroll_content_nav_link.is-active {
    color: #cad400;
}

.scroll_content_items {
    --jumbotron-standard-margin: clamp(3rem, var(--jumbotron-fluid), var(--jumbotron-standard-max));

    display: flex;
    flex-direction: column;
    gap: var(--jumbotron-standard-margin);
}

.scroll_content_item {
    scroll-margin-top: 17rem;
}

.scroll_content_media {
    width: 100%;
}

.scroll_content_media img,
.scroll_content_media picture {
    display: block;
    width: 100%;
}

.scroll_content_media img {
    aspect-ratio: 905 / 545;
    object-fit: cover;
}

.scroll_content_text {
    max-width: 74.4rem;
    margin-top: 8.2rem;
    margin-left: auto;
    color: #575756;
    font-size: 1.6rem;
    line-height: 1.3;
}

.scroll_content_text > :last-child {
    margin-bottom: 0;
}

@media (max-width:767px) {
    .scroll_content_layout {
        display: block;
    }

    .scroll_content_nav_wrap {
        display: none;
    }

    .scroll_content_text {
        max-width: none;
        margin-top: var(--default-margin-bottom);
    }
}

@media (min-width:768px) and (max-width:991px) {
    .scroll_content_layout {
        display: block;
    }

    .scroll_content_nav_wrap {
        display: none;
    }

    .scroll_content_text {
        margin-top: var(--default-margin-bottom);
    }
}