.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.grid--1 {
    grid-column: span 1;
}

.grid--2 {
    grid-column: span 2;
}

.grid--3 {
    grid-column: span 3;
}

.grid--4 {
    grid-column: span 4;
}

.grid--5 {
    grid-column: span 5;
}

.grid--6 {
    grid-column: span 6;
}

.grid--7 {
    grid-column: span 7;
}

.grid--8 {
    grid-column: span 8;
}

.grid--9 {
    grid-column: span 9;
}

.grid--10 {
    grid-column: span 10;
}

.grid--11 {
    grid-column: span 11;
}

.grid--12 {
    grid-column: span 12;
}

/* Hero */

.case-study-hero__wrapper {
    align-items: flex-end;
}

.case-study-hero__logo {
    display: flex;
    align-items: center;
    gap: clamp(0.75rem, 0.1063rem + 2.7985vw, 2.625rem);
    font-size: clamp(0.875rem, 0.4888rem + 1.6791vw, 2rem);
    color: #45A2DA;
    font-weight: 500;
}

.case-study-hero__logo img {
    max-height: clamp(1.4375rem, 0.7938rem + 2.7985vw, 3.3125rem);
}

.case-study-hero h1 {
    font-size: clamp(2.625rem, 1.681rem + 4.1045vw, 5.375rem);
    color: #fff
}

.case-study-hero__col > img {
    width: 100%;
}

/* Fold */

.case-study-fold {
    background-color: #fff;
    color: #052034;

}

.case-study-fold__wrapper {
    padding-block: clamp(5rem, 3.4981rem + 6.5299vw, 9.375rem);
}

.case-study-fold h2 {
    font-size: clamp(2.25rem, 1.5205rem + 3.1716vw, 4.375rem);
    margin: 0;
    margin-bottom: 2.875rem;
    color: #052034;
}

.case-study__col.text {
    grid-column: 8 / 13;
}

/* Stat Tiles */

.case-study-stats {
    padding-block: clamp(5rem, 4.2491rem + 3.2649vw, 7.1875rem);
    background: #B9E1F7;
    color: #052034;
}

.case-study-stats__wrapper {
    gap: clamp(1rem, 0.9142rem + 0.3731vw, 1.25rem);
}

.case-study-stats__tile {
    background: #DBEFF8;
    aspect-ratio: 1/1;
    display: flex;
    padding: clamp(1.875rem, 1.6604rem + 0.9328vw, 2.5rem);
}

.case-study-stats__tile.number,
.case-study-stats__tile.text {
    align-items: flex-end;
}

.case-study-stats__tile.number h3 {
    font-size: clamp(6.25rem, 4.9627rem + 5.597vw, 10rem);
    margin: 0;
    color: #052034;
}

.case-study-stats__tile.heading h2 {
    margin: 0;
    color: #052034;
}

/* Feature */

.case-study-feature {
    padding-block: calc(clamp(5rem, 4.2491rem + 3.2649vw, 7.1875rem) - 3rem);
    background: #EDCEE3;
    color: #052034;
}

.case-study-feature h2 {
    color: inherit;
    font-size: clamp(2rem, 1.3993rem + 2.6119vw, 3.75rem);
}

.case-study-feature__wrapper {
    align-items: center;
}

.case-study-feature__col.image {
    margin-block: 3rem;
}

.case-study-feature__col.text {
    padding-inline: 1.75rem;
}

/* Offerings */

.case-study-offerings {
    padding-block: calc(clamp(5rem, 4.2491rem + 3.2649vw, 7.1875rem) - 3rem) 0;
}

.case-study-offerings h2 {
    font-size: clamp(2rem, 1.3993rem + 2.6119vw, 3.75rem);
}

.case-study-offerings__wrapper {
    gap: clamp(1.25rem, -0.1446rem + 6.0634vw, 5.3125rem);
}

.case-study-offerings__tile {
    aspect-ratio: 7 / 9 !important;
    background: #87CEEB;
    clip-path: url(#arch-clip);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    font-size: clamp(0.75rem, 0.6213rem + 0.5597vw, 1.125rem);
    padding: 0 clamp(1.5625rem, 1.1334rem + 1.8657vw, 2.8125rem) clamp(3.5rem, 2.9851rem + 2.2388vw, 5rem);
}

.case-study-offerings__tile:nth-child(3n+1) { 
    background: #45A2DA; 
    color: #fff;
}

.case-study-offerings__tile:nth-child(3n+2) { 
    background: #9DD6F4; 
    color: #052034
}

.case-study-offerings__tile:nth-child(3n+3) { 
    background: #E85025; 
    color: #fff;
}

.case-study-offerings__tile h3 {
    font-size: clamp(2rem, 1.3993rem + 2.6119vw, 3.75rem);
    color: inherit;
}

.case-study-offerings__tile svg {
    width: 100%;
    height: 100%;
}

.case-study-offerings__tile-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Case Study Action */ 

.case-study-action {
    padding-block: calc(clamp(5rem, 4.2491rem + 3.2649vw, 7.1875rem) - 3rem);
    background: #fff;
    color: #052034;
}

.case-study-action h2 {
    font-size: clamp(2.125rem, 1.3526rem + 3.3582vw, 4.375rem);
    color: inherit;
}

.case-study-action__wrapper {
    max-width: 610px;
    text-align: center;
    margin: auto;
}

.case-study-action p {
    max-width: 464px;
    margin: clamp(3.125rem, 2.4813rem + 2.7985vw, 5rem) auto;
}

.case-study-btn {
    max-width: fit-content;
    margin: auto;
    padding: clamp(0.625rem, 0.4104rem + 0.9328vw, 1.25rem) clamp(1.625rem, 1.0028rem + 2.7052vw, 3.4375rem);
    color: inherit;
    text-decoration: none;
    border: 1px solid #052034;
    border-radius: 999px;
    display: block;
    transition: background 0.3s, color 0.3s;
}

.case-study-btn:hover {
    background: #052034;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .case-study-hero__wrapper {
        grid-template-columns: 1fr;
    }

    .grid--1,
    .grid--2,
    .grid--3,
    .grid--4,
    .grid--5,
    .grid--6,
    .grid--7,
    .grid--8,
    .grid--9,
    .grid--10,
    .grid--11,
    .grid--12,
    .case-study__col.text {
        grid-column: span 12;
    }

    .slider .container {
        max-width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .slider-track {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-inline: 2rem;
        scrollbar-width: none;
        cursor: grab;
    }

    .slider-track:active {
        cursor: grabbing;
    }

    .slider-track::-webkit-scrollbar {
        display: none;
    }

    .slider-slide {
        flex: 0 0 80%;
        scroll-snap-align: center;
        aspect-ratio: 1/1;
    }

    .case-study-offerings h2 {
        padding-left: var(--site-padding);
        padding-right: var(--site-padding);
    }

}