.portfolio-module__XbO6Ca__container{width:100%;max-width:100%;margin:0;padding:0}.portfolio-module__XbO6Ca__grid{background-color:var(--colors-background);grid-template-columns:repeat(1,1fr);gap:4px;width:100%;display:grid}@media (min-width:640px){.portfolio-module__XbO6Ca__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-module__XbO6Ca__grid{grid-template-columns:repeat(3,1fr);gap:6px}}@media (min-width:1600px){.portfolio-module__XbO6Ca__grid{grid-template-columns:repeat(4,1fr)}}.portfolio-module__XbO6Ca__item{aspect-ratio:16/10;background-color:var(--colors-accent);cursor:pointer;display:block;position:relative;overflow:hidden}.portfolio-module__XbO6Ca__image{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s;display:block}.portfolio-module__XbO6Ca__item:hover .portfolio-module__XbO6Ca__image,.portfolio-module__XbO6Ca__item.portfolio-module__XbO6Ca__active .portfolio-module__XbO6Ca__image{filter:grayscale(0%)}.portfolio-module__XbO6Ca__placeholder{background:linear-gradient(45deg,var(--colors-accent)25%,transparent 25%,transparent 75%,var(--colors-accent)75%,var(--colors-accent)),linear-gradient(45deg,var(--colors-accent)25%,transparent 25%,transparent 75%,var(--colors-accent)75%,var(--colors-accent));width:100%;height:100%;color:var(--colors-subtle);background-position:0 0,10px 10px;background-size:20px 20px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:500;display:flex}