.case-studies{color:#22284b;gap:1.5rem;max-width:84.5rem}@media screen and (min-width: 768px){.case-studies{gap:5rem 1.5rem;padding-block:2.5rem 10rem}}.case-studies .projects{gap:1.5rem}@media screen and (min-width: 768px){.case-studies .projects{gap:2rem;display:grid;grid-template-columns:1fr 1fr}}.case-studies .projects .project{display:block;cursor:pointer;overflow:hidden;position:relative;aspect-ratio:1/1;border-radius:2rem}.case-studies .projects .project:hover:after{opacity:1}.case-studies .projects .project:hover .project__content{translate:0 .5rem}.case-studies .projects .project:after{top:0;right:0;bottom:0;left:0;z-index:3;opacity:0;content:"";transition:.4s all;position:absolute;background:linear-gradient(180deg,#0000 40%,#000 200%)}.case-studies .projects .project__image{top:0;right:0;bottom:0;left:0;z-index:1;display:flex;position:absolute;justify-content:center;background:#000}.case-studies .projects .project__image img{width:auto;height:100%;object-fit:cover}.case-studies .projects .project__content{top:0;right:0;bottom:0;left:0;gap:1rem;z-index:2;padding:2.5rem;text-align:left;position:absolute;transition:.4s all;will-change:translate;color:#fffefa}@media screen and (min-width: 1280px){.case-studies .projects .project__content{padding:5rem}}.case-studies .projects .project__content h3{text-transform:uppercase;color:#fffefaa3}.case-studies .projects .empty{width:100%;gap:1.5rem;height:100%;padding:2.5rem;aspect-ratio:1/1;border-radius:2rem;justify-content:center}