.case-study-gallery{position:relative;width:100%;padding:1.25rem}@media(min-width:1024px){.case-study-gallery{padding:2.5rem 16rem}}.case-study-gallery__image-container{position:relative;width:100%;height:15rem;border-radius:.5rem;overflow:hidden}@media(min-width:1024px){.case-study-gallery__image-container{border-radius:1rem;height:50rem}}.case-study-gallery__image-container__image{width:100%;height:100%;object-fit:cover}.case-study-gallery__thumbnails{position:relative;display:flex;flex-direction:row;gap:.5rem;z-index:10;margin-top:1rem;justify-content:center}@media(min-width:1024px){.case-study-gallery__thumbnails{flex-direction:column;position:absolute;left:2.5rem;gap:1rem;top:50%;transform:translateY(-50%);margin-top:0;justify-content:flex-start}}.case-study-gallery__thumbnail{position:relative;width:2.5rem;height:2.5rem;border-radius:.25rem;overflow:hidden;cursor:pointer;transition:all .25s ease-out;background:none;padding:0;border:none;outline:2px solid rgba(0,0,0,0);outline-offset:2px;opacity:.5}@media(min-width:1024px){.case-study-gallery__thumbnail{width:4.5rem;height:4.5rem}}.case-study-gallery__thumbnail:hover{outline-color:var(--color-border)}.case-study-gallery__thumbnail--active{outline-color:var(--color-purple);opacity:1}.case-study-gallery__thumbnail__image{width:100%;height:100%;object-fit:cover;display:block}:root{--color-white:#ffffff;--color-black:#152330;--color-purple:#40318E;--color-purple-light:#9470B0;--color-purple-lighter:#DFDDED;--color-purple-lightest:#f1effa;--color-purple-rgb:64,49,142;--color-green:#7EC246;--color-green-rgb:126,194,70;--color-fade:#F5FBFE;--color-border:rgba(192,192,192,0.5);--color-red:#FF0000;--gradient-purple-to-bottom:linear-gradient(to bottom,var(--color-purple) 0%,var(--color-purple-light) 100%);--gradient-purple-to-left:linear-gradient(to left,var(--color-purple) 0%,var(--color-purple-light) 100%)}.case-study-header{position:relative;border-top-left-radius:1rem;border-top-right-radius:1rem;padding-top:2.5rem;z-index:1}@media(min-width:1024px){.case-study-header{padding-top:4.5rem}}.case-study-header__back-button{position:absolute;top:2.5rem;left:2.5rem;display:none}@media(min-width:1024px){.case-study-header__back-button{display:block}}.case-study-header__title-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-left:calc(1.25rem - 4px);margin-right:calc(1.25rem - 4px)}@media(min-width:1024px){.case-study-header__title-container{margin-left:16rem;margin-right:16rem;gap:3rem}}.case-study-header__title-container__subtitle{font-size:13px;line-height:140%;color:var(--color-purple-light);text-transform:uppercase}@media(min-width:1024px){.case-study-header__title-container__subtitle{font-size:clamp(16px,1.25rem,24px)}}.case-study-header__title-container__title{font-size:28px;font-family:Raleway,Raleway Fallback,sans-serif;font-weight:600;line-height:115%;color:var(--color-purple)}@media(min-width:1024px){.case-study-header__title-container__title{font-size:clamp(48px,4.25rem,80px)}}.case-study-header__title-container__project-name{font-size:20px;font-weight:500;line-height:100%;color:var(--color-purple-light)}@media(min-width:1024px){.case-study-header__title-container__project-name{font-size:clamp(16.5px,2rem,27.5px)}}.case-study-header__content{position:relative;margin-top:2.5rem;display:flex;justify-content:center}@media(min-width:1024px){.case-study-header__content{margin-top:4.5rem}}.case-study-header__content:before{top:0}.case-study-header__content:after,.case-study-header__content:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:125%;height:1px;background-color:var(--color-border)}.case-study-header__content:after{bottom:0}.case-study-header__content__item{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem}@media(min-width:1024px){.case-study-header__content__item{padding:2.5rem 4rem;gap:1.25rem}}.case-study-header__content__item:first-child{display:none}@media(min-width:1024px){.case-study-header__content__item:first-child{display:inherit}}.case-study-header__content__item:nth-child(2){border-right:1px solid var(--color-border)}@media(min-width:1024px){.case-study-header__content__item:nth-child(2){border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}.case-study-header__content__item__icon{width:1rem;height:auto;color:var(--color-purple-light)}.case-study-header__content__item__text{font-size:13px;font-weight:600;line-height:100%;color:var(--color-purple-light);text-transform:uppercase}@media(min-width:1024px){.case-study-header__content__item__text{font-size:clamp(16px,1.25rem,24px)}}