.portfolio-grid{display:grid}.portfolio-grid.grid-2{grid-template-columns:1fr 1fr;gap:8rem 5.75rem}.portfolio-grid.grid-3{grid-template-columns:1fr 1fr 1fr;gap:2rem}.portfolio-grid.grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem}.portfolio-grid .portfolio-item img{width:100%;aspect-ratio:1/1;border-radius:var(--box-border-radius)}h3.portfolio-title{margin-top:2rem;margin-bottom:1rem;text-align:center}.portfolio-grid .portfolio-categories{display:flex;justify-content:center}.cpg-filter{display:flex;align-items:center;gap:1rem;margin-bottom:6.75rem}.cpg-filter .tag{padding:1rem 1.5rem;border:1px solid var(--neutral-black);border-radius:100px;margin-bottom:0}.cpg-filter p.element-label{margin-bottom:0;line-height:var(--line-height-body)}.cpg-filter-btn.tag.active{background-color:var(--neutral-black);color:var(--neutral-white)}.cpg-filter-btn.tag:not(.active){cursor:pointer}.custom-portfolio-grid.is-loading .portfolio-grid{opacity:.5}.custom-portfolio-grid:not(.is-loading) .loading-animation{display:none !important}.custom-portfolio-grid .loading-animation{position:absolute;width:100%;height:100%;background:#fff;opacity:.25;object-position:top;object-fit:scale-down}@media (max-width:767px){.portfolio-grid{grid-template-columns:1fr !important}}