.case-study-listing{display:flex;flex-flow:column nowrap;align-items:center}.case-study-listing .filters{position:sticky;top:0;z-index:1;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;background-color:var(--color-background-section-alternate);margin-bottom:80px;padding:16px;width:100vw}.case-study-listing .filter{padding:4px 0;border-radius:8px;cursor:pointer;background-color:transparent;transition:background-color .3s ease}.case-study-listing .filter.active{color:var(--color-text-white-light);background-color:var(--color-tab-active)}.case-study-listing .filter .filter-label{padding:0 18px;border-left:1px solid var(--color-text);transition:border .3s ease}.case-study-listing .filter.active+.filter .filter-label,.case-study-listing .filter.active .filter-label,.case-study-listing .filter:first-of-type .filter-label{border-left:1px solid transparent}.case-study-listing select.mobile-filters{display:none;position:sticky;top:10px;z-index:1;margin-bottom:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);background-color:var(--color-background-input);border:1px solid var(--color-background-input);border-radius:4px 4px 0 0;width:100%;max-width:300px;padding:14px 16px;outline:none;transition:border-bottom .3s ease;background-image:var(--image-chevron);background-repeat:no-repeat;background-position:calc(100% - 16px) 50%}.case-study-listing .case-studies{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.case-study-listing .case-study{display:none;flex-flow:column nowrap;align-items:flex-start;overflow:hidden;position:relative;grid-column:span var(--col-span);background-color:unset;text-decoration:none;padding:40px}.case-study-listing .case-study img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover}.case-study-listing .case-study .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--color-grey-0);opacity:0;transition:opacity .6s ease}.case-study-listing .case-study:hover .overlay{opacity:.6}.case-study-listing .case-study .rich-text{opacity:0;transition:opacity .6s ease}.case-study-listing .case-study:hover .rich-text{opacity:1}.case-study-listing .case-study .link{font-size:.875rem;letter-spacing:2px;text-transform:uppercase;opacity:0;transition:opacity .6s ease}.case-study-listing .case-study:hover .link{opacity:1}.case-study-listing .case-study button{opacity:0;transition:opacity .6s ease}.case-study-listing .case-study:hover button{opacity:1}.case-study-listing .case-study.active{display:flex}@media (max-width:970px){.case-study-listing .filters{display:none}.case-study-listing select.mobile-filters{display:flex}.case-study-listing .case-studies{grid-template-columns:repeat(2,1fr)}.case-study-listing .case-study{grid-column:span calc(max(1, var(--col-span) - 4))}}@media (max-width:650px){.case-study-listing select.mobile-filters{border-radius:0;width:100vw;max-width:100vw;top:0}.case-study-listing .case-studies{grid-template-columns:repeat(1,1fr)}.case-study-listing .case-study{grid-column:span 1;padding:20px}}@media (hover:none){.case-study-listing .case-study .overlay{opacity:.6}.case-study-listing .case-study .rich-text,.case-study-listing .case-study button{opacity:1}}