.case-study-listing{column-gap:25px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:60px}.case-study-listing .case-study{color:unset;cursor:pointer;transition:box-shadow .3s ease}.case-study-listing .case-study:focus,.case-study-listing .case-study:focus-visible,.case-study-listing .case-study:hover{box-shadow:0 0 5px rgba(0,0,0,.05),0 25px 35px rgba(0,0,0,.03);outline:none}.case-study-listing .case-study .image-wrapper{height:0;overflow:hidden;padding-top:60%;position:relative;width:100%}.case-study-listing .case-study .image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.case-study-listing .case-study .image-wrapper .overlay{background-color:var(--primary-v86-jet);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.case-study-listing .case-study:focus .image-wrapper .overlay,.case-study-listing .case-study:focus-visible .image-wrapper .overlay,.case-study-listing .case-study:hover .image-wrapper .overlay{opacity:.7}.case-study-listing .case-study .image-wrapper .arrow{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.case-study-listing .case-study:focus .image-wrapper .arrow,.case-study-listing .case-study:focus-visible .image-wrapper .arrow,.case-study-listing .case-study:hover .image-wrapper .arrow{opacity:1}.case-study-listing .case-study .content{border-top:4px solid transparent;display:flex;flex-flow:column nowrap;padding:15px 20px;transition:border-top .3s ease}.case-study-listing .case-study:focus .content,.case-study-listing .case-study:focus-visible .content,.case-study-listing .case-study:hover .content{border-top:4px solid var(--primary-v86-punchy-orange)}.case-study-listing .case-study .content .company{color:var(--grey-2);font-size:14px;letter-spacing:1px;text-transform:uppercase}.case-study-listing .case-study .content .title{margin-top:10px}.case-study-listing .case-study .content .description{margin-top:18px}.case-study-listing .case-study .content .link-text{color:var(--primary-v86-punchy-orange);opacity:0;transition:opacity .3s ease}.case-study-listing .case-study:focus .content .link-text,.case-study-listing .case-study:focus-visible .content .link-text,.case-study-listing .case-study:hover .content .link-text{opacity:1}@media (hover:none){.case-study-listing .case-study{box-shadow:0 0 5px rgba(0,0,0,.05),0 25px 35px rgba(0,0,0,.03);outline:none}.case-study-listing .case-study .content{border-top:4px solid var(--primary-v86-punchy-orange)}.case-study-listing .case-study .content .link-text{opacity:1}}@media (max-width:950px){.case-study-listing{grid-template-columns:repeat(2,1fr);padding:0 20px}}@media (max-width:600px){.case-study-listing{grid-template-columns:repeat(1,1fr)}}