.case-study-banner {
    padding: 4rem 0;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #f8f7f7 0%, #FFFFFF 100%);
}

.case-study-banner h1.main-title {
    font-size: clamp(2.5rem, 1.4805rem + 2.8369vw, 4rem);
}
.case-study-banner h1.main-title span {
    color: var(--accent);
}

.case-study-banner .text {
    margin-top: 1.75rem;
}



.case-study-listings,
.case-study-post {
    padding-bottom: 6.5rem;
}
.case-study-listings .post {
    margin-bottom: 3.5rem;
}
.case-study-listings .image {
    line-height: 0;
    aspect-ratio: 4/3;
}
.case-study-listings .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all .7s cubic-bezier(0, 0, .2, 1);
}
.case-study-listings .post:focus .image img,
.case-study-listings .post:hover .image img {
    scale: 1.03;
}

.case-study-listings .post .eyebrow {
    color: var(--sun);
}

.case-study-listings .post h3 {
    transition: all .15s cubic-bezier(0, 0, .2, 1);
}
.case-study-listings .post:focus h3,
.case-study-listings .post:hover h3 {
    color: var(--sun);
}

.case-study-listings .post .meta,
.case-study-single-banner .meta {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: .75rem;
}

.load-more-controls {
    text-align: center;
    margin-top: 4rem;
}

.case-study-single-banner {
    padding: 4rem 0;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #f8f7f7 0%, #FFFFFF 100%);
}



@media (max-width: 575px) {
    .case-study-banner,
    .case-study-single-banner {
        padding: 3rem 0;
    }
    .case-study-single-banner h1.main-title {
        font-size: clamp(2.5rem, 1.4805rem + 2.8369vw, 4rem);
    }
}


body:not(.modal-open) .case-study-details .aside {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    z-index: 1020;
}