.caseStudies{padding:160px 0;display:block;position:relative}.caseStudies .container{flex-direction:column;gap:60px}.caseStudies .container .studiesGrid{flex-flow:column;align-items:stretch;gap:36px;display:flex}.caseStudies .container .studiesGrid .caseStudy{border-radius:4px;grid-template-columns:450px 1fr;text-decoration:none;transition:background-color .3s;display:grid;position:relative;overflow:hidden}.caseStudies .container .studiesGrid .caseStudy.Education{background-color:var(--dune-60)}.caseStudies .container .studiesGrid .caseStudy.Education:hover{background-color:var(--dune)}.caseStudies .container .studiesGrid .caseStudy.Music{background-color:var(--candy-60)}.caseStudies .container .studiesGrid .caseStudy.Music:hover{background-color:var(--candy)}.caseStudies .container .studiesGrid .caseStudy.Sport{background-color:var(--pea-green-60)}.caseStudies .container .studiesGrid .caseStudy.Sport:hover{background-color:var(--pea-green)}.caseStudies .container .studiesGrid .caseStudy.Ski{background-color:var(--sky-blue-60)}.caseStudies .container .studiesGrid .caseStudy.Ski:hover{background-color:var(--sky-blue)}.caseStudies .container .studiesGrid .caseStudy:hover .caseStudyThumbnail img{transform:scale(1.05)}.caseStudies .container .studiesGrid .caseStudy .caseStudyThumbnail{width:450px;height:100%;display:block;overflow:hidden;max-width:450px!important;position:absolute!important}.caseStudies .container .studiesGrid .caseStudy .caseStudyThumbnail img{object-fit:cover;object-position:center center;transition:transform .6s,opacity .5s!important}.caseStudies .container .studiesGrid .caseStudy .content{padding:65px 36px}.caseStudies .container .studiesGrid .caseStudy .content h3{margin:0 0 20px}@media screen and (max-width:990px){.caseStudies .container .studiesGrid .caseStudy{grid-template-columns:300px 1fr}.caseStudies .container .studiesGrid .caseStudy .caseStudyThumbnail{max-width:300px!important}}@media screen and (max-width:768px){.caseStudies{padding:60px 0}.caseStudies .container{gap:20px}.caseStudies .container h2{padding:0 var(--mobile-padding)}.caseStudies .container .studiesGrid{padding:0 var(--mobile-padding);gap:10px}.caseStudies .container .studiesGrid .caseStudy{grid-template-columns:1fr}.caseStudies .container .studiesGrid .caseStudy .caseStudyThumbnail{height:280px;max-width:768px!important;position:relative!important}.caseStudies .container .studiesGrid .caseStudy .content{padding:32px 36px}}@media screen and (max-width:576px){.caseStudies .container h2,.caseStudies .container .studiesGrid{padding:0 12px}}