.Portfolio-module__GxmBNq__pageContainer{max-width:1600px;margin:0 auto;padding:8rem 2rem 4rem}.Portfolio-module__GxmBNq__filterList{justify-content:center;gap:2rem;margin:0 0 4rem;padding:0;list-style:none;display:flex}.Portfolio-module__GxmBNq__filterItem{cursor:pointer;color:#888;letter-spacing:.1em;white-space:nowrap;padding-bottom:.5rem;font-size:.9rem;transition:color .2s;position:relative}.Portfolio-module__GxmBNq__filterItem:hover{color:#333}.Portfolio-module__GxmBNq__filterItem.Portfolio-module__GxmBNq__active{color:#000;font-weight:500}.Portfolio-module__GxmBNq__filterItem.Portfolio-module__GxmBNq__active:after{content:"";background-color:#000;width:100%;height:1px;position:absolute;bottom:0;left:0}.Portfolio-module__GxmBNq__grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.Portfolio-module__GxmBNq__gridItem{aspect-ratio:4/3;background-color:#f0f0f0;text-decoration:none;display:block;position:relative;overflow:hidden}.Portfolio-module__GxmBNq__gridItem img{filter:grayscale();transition:filter .4s ease-in-out,transform .4s ease-in-out;transform:scale(1)}.Portfolio-module__GxmBNq__gridItem:hover img{filter:grayscale(0%);transform:scale(1.05)}.Portfolio-module__GxmBNq__itemOverlay{opacity:1;background-color:#ffffffa6;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;padding:1.5rem;transition:opacity .4s ease-in-out;display:flex;position:absolute;top:0;left:0}.Portfolio-module__GxmBNq__gridItem:hover .Portfolio-module__GxmBNq__itemOverlay{opacity:0}.Portfolio-module__GxmBNq__itemTitle{color:#000;letter-spacing:.05em;font-size:1rem;font-weight:500;transform:translateY(0)}.Portfolio-module__GxmBNq__gridItemWrapper{opacity:1;transition:opacity .4s,transform .4s;transform:scale(1)}.Portfolio-module__GxmBNq__gridItemWrapper.Portfolio-module__GxmBNq__hidden{opacity:0;display:none;transform:scale(.95)}@media (max-width:768px){.Portfolio-module__GxmBNq__pageContainer{padding:6rem 1rem 3rem}.Portfolio-module__GxmBNq__grid{grid-template-columns:1fr}}