.case-studies-grid__intro{padding-bottom:2rem;}.case-studies-grid__gallery{display:grid;grid-template-columns:1fr;gap:2rem;}.case-studies-grid__item{display:none;}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.case-studies-grid__item.active{position:relative;overflow:hidden;width:100%;aspect-ratio:2/1;display:flex;justify-content:flex-start;align-items:flex-end;background:linear-gradient(to top,var(--c-second) 0%,var(--c-lt-second) 100%);animation:fadeIn 1s ease-in-out;}.case-studies-grid__item img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1;}.case-studies-grid__item::before{content:"";position:absolute;background:var(--c-second);left:0;top:0;width:100%;height:100%;opacity:.85;z-index:2;transform:translateY(100%);transition:transform .3s;}.case-studies-grid__item::after{content:"+";font-size:2.5rem;font-weight:800;width:clamp(3rem,4vw,6rem);height:clamp(3rem,4vw,6rem);display:flex;align-items:center;justify-content:center;position:absolute;background:var(--c-main);color:var(--c-inv);left:0;top:0;z-index:3;}.case-studies-grid__item:hover::before,.case-studies-grid__item:focus::before{transform:translateY(0%);}.case-studies-grid__item h3{margin:0;font-weight:500;color:var(--c-inv);font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.2;z-index:4;letter-spacing:.1em;text-transform:uppercase;font-weight:800;max-width:40rem;padding:1em 2em;opacity:0;transition:opacity .6s;}.case-studies-grid__item:hover h3,.case-studies-grid__item:focus h3{opacity:1;}@media(min-width:960px){.case-studies-grid__intro{max-width:var(--width-container)}.case-studies-grid__intro.text-center{margin:auto}.case-studies-grid__intro.has-filter{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:2rem}.case-studies-grid__gallery{grid-template-columns:repeat(5,1fr);gap:2rem}.case-studies-grid__item{aspect-ratio:auto;height:clamp(18rem,22vw,23rem)}.case-studies-grid__item:nth-child(4n + 1 of .active),.case-studies-grid__item:nth-child(4n + 4 of .active){grid-column:span 2}.case-studies-grid__item:nth-child(4n + 2 of .active),.case-studies-grid__item:nth-child(4n + 3 of .active){grid-column:span 3}}