.case_study p,
.case_study ul,
.case_study ol,
.case_study h4,
.case_study h5,
.case_study h6 {
    max-width: calc(var(--base_font_size) * 33);
}

.case_study h5 {
    font-family: "neue plak bold", sans-serif;
}

.case_study .vid_container {
    overflow: hidden;
    /* 	border-radius: calc(2*var(--base_line_height)); */
    /* 	border: 5px solid var(--main_text_color); */
    box-sizing: border-box;
}

.proj_heading {
    padding: calc(1.25 * var(--vertGap)) 0 calc(1 * var(--gridGap));
    min-height: auto;
}
.proj_heading_meta {
    margin: 0;
    grid-column: 1 / 3;
    grid-row: 2;
}
.proj_heading .deets {
    margin: 0;
}
.proj_heading h4 {
    grid-column: 3 / -1;
    grid-row: 1;
    font-family: "Neue Plak W04 Bold", sans-serif;
    /* line-height: 1 !important;
    font-size: clamp(3rem, 17.5vw, 12rem); */
}
.proj_heading p {
    grid-column: 3 / 8;
    grid-row: 2;
}
.proj_heading .industry {
    grid-row: 2;
    grid-column: 8 / -1;
}
.proj_intro .text {
    grid-column: 3 / -1;
    padding: 0;
}

.proj_intro .proj_meta {
    grid-column: 1 / 3;
    padding: 0;
    padding-top: 0.5rem;
    .accolades {
        display: flex;
        flex-direction: column;
        gap: calc(0.5 * var(--base_line_height));
        padding: 0;
        ul {
            padding: 0;
        }
        li {
            max-width: 50%;
        }
    }
}
.meta_details {
    display: flex;
    flex-direction: column;
}
.proj_challenge {
    padding: calc(4 * var(--base_line_height)) 0
        calc(1 * var(--base_line_height));
}
.proj_challenge .text {
    grid-column: 1 / calc(var(--cols) / 2 + 1);
}

.proj_approach .text {
    grid-column: calc(var(--cols) / 2 + 1) / -1;
}
.proj_approach h4 {
    grid-column: 3 / 7;
    text-align: center;
    grid-row: 1;
}
.proj_approach p {
    margin: 0 !important;
}
.proj_cover {
    /*
	display: grid;
	grid-template-columns: repeat(var(--cols), var(--gridSize));
*/
}
.proj_cover figure {
    grid-column: 1 / -1;
}
.proj_cover img {
    width: 100%;
}

.proj_intro {
    padding: 0 0 calc(1 * var(--vertGap));
}

.brevity {
    margin-top: calc(1 * var(--base_line_height));
    max-width: calc(var(--base_font_size) * 33);
    border: 2px solid var(--link_color);
    padding: calc(0.75 * var(--base_line_height))
        calc(0.5 * var(--base_line_height)) calc(1 * var(--base_line_height));
}

.meta_each {
}

.col-single {
    display: flex;
    flex-direction: column;
    gap: var(--gridGap);
}

.col-single .text {
    display: grid;
}
.col-single .text > * {
    grid-column: 3 / -1;
}

.col-single > *:not(.text) {
    /* 	width: 100%; */
}

.col-double,
.col-triple,
.col-quad {
    display: flex;
    flex-direction: row;
    gap: var(--gridGap);
    flex-wrap: wrap;
}

.col-double.content-center,
.col-triple.content-center,
.col-quad.content-center {
    align-items: center;
}

.col-double > * {
    flex: 1 0 calc(50% - var(--gridGap) / 2);
    /* 	width:  calc(50% - var(--gridGap)/2); */
}

.col-triple > * {
    flex: 1 0 calc(33.33% - 0.66666 * var(--gridGap));
}

.col-quad > * {
    flex: 1 0 calc(25% - 1.25 * var(--gridGap));
}

.col-double .text,
.col-single .text {
    justify-content: inherit;
    flex-direction: column;
}

.prod_stats ul {
    display: flex;
}
.prod_stats li {
    list-style: none;
    margin-right: calc(1 * var(--gridGap));
}

.deliverable_images {
    display: flex;
    flex-direction: column;
    gap: calc(2 * var(--gridGap));
    margin-bottom: calc(1.5 * var(--gridGap));
}

.fullwidth {
    margin-left: calc(-1 * var(--gridGap));
    margin-right: calc(-1 * var(--gridGap));
}

.deliverable_images img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.client_quote p {
    font-size: var(--large_font_size);
    line-height: clamp(
        calc(1 * var(--base_line_height)),
        120.7%,
        calc(1.3333 * var(--base_line_height))
    );
}

.proj_credits_container {
    padding: calc(0.5 * var(--vertGap)) 0;
}

.proj_credits {
}

.credits_list {
    margin-top: 0;
    grid-column: 3 / -1;
    grid-row: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(3 * var(--gridGap));
}
.each_credit p {
    margin-top: 0;
    padding-bottom: 0;
}
@media screen and (max-width: 768px) {
    .proj_heading {
        padding: calc(1 * var(--vertGap)) 0 calc(1.5 * var(--base_line_height));
        /* padding-top: 25vh; */
    }
    .proj_heading h4,
    .proj_heading p,
    .proj_challenge .text,
    .proj_approach .text {
        grid-column: 1 / -1;
    }
    .proj_heading .industry {
        grid-column: 1 / calc(var(--cols) / 2 + 2);
        grid-row: 3;
    }
    .proj_heading .proj_heading_meta {
        grid-column: 1 / -1;
        grid-row: 3;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin-top: calc(1 * var(--gridGap));
    }

    .proj_cover figure,
    .proj_intro .proj_meta,
    .proj_intro .text {
        grid-column: 1 / -1;
    }
    .proj_intro .proj_meta {
        grid-row: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: calc(1.5 * var(--gridGap));
        .accolades {
            li {
                max-width: 10rem;
            }
        }
    }
    .proj_intro .text {
        grid-row: 2;
    }
    .proj_intro .proj_meta > * {
        flex: 1 0 50%;
    }
    .meta_details span {
        display: inline;
    }
    .proj_intro {
        padding: calc(1.5 * var(--base_line_height)) 0
            calc(0.5 * var(--vertGap));
    }
    .proj_approach {
        padding: calc(1.5 * var(--base_line_height)) 0;
    }
    .proj_approach h4 {
        grid-column: 1 / -1;
    }
    .deliverable_images {
        gap: calc(3 * var(--gridGap));
    }
    .col-double,
    .col-triple {
        flex-direction: column;
    }
    .col-double > *,
    .col-triple > * {
        flex: 1 0 100%;
    }
    .col-quad {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .col-quad > * {
        flex: 1 0 calc(50% - var(--gridGap) / 2);
    }
    .credits_list {
        grid-column: calc(var(--cols) / 2 + 1) / -1;
        gap: calc(1 * var(--gridGap));
        flex-wrap: wrap;
        flex-direction: column;
    }
    .proj_credits h6 {
        grid-column: 1 / calc(var(--cols) / 2);
    }
    .proj_credits_container {
        padding: calc(2 * var(--base_line_height)) 0;
    }
    .col-single .text > * {
        grid-column-start: 1;
    }
    .prod_stats ul {
        justify-content: space-between;
    }
    .prod_stats li {
        margin-right: 0;
    }
}