.portfolio-filter{text-align:center;margin-bottom:2rem}.filter-buttons{display:flex;justify-content:start;gap:1rem}.filter-btn{padding:.75rem 1.5rem;border-radius:9999px;background-color:#808080;color:white;border:none;cursor:pointer;transition:background-color .3s}.filter-btn.active{background-color:#eb601c;font-weight:700;color:black;transition:background-color .3s ease}.filter-btn:hover{background-color:#d45518}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-row-gap:32px;row-gap:32px;grid-column-gap:32px;column-gap:32px}.portfolio-grid.mobile-apps-gap{column-gap:0;grid-template-columns:repeat(4,minmax(200px,1fr))}@media (max-width:425px){.portfolio-grid{grid-template-columns:minmax(200px,1fr)}.portfolio-grid.mobile-apps-gap{column-gap:0;grid-template-columns:repeat(1,minmax(200px,1fr))}.portfolio-filter{padding:0 10px}}@media (min-width:426px) and (max-width:768px){.portfolio-grid{grid-template-columns:minmax(200px,1fr)}.portfolio-grid.mobile-apps-gap{column-gap:30px;grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr,minmax(200px,1fr))}}.portfolio-item{position:relative;overflow:hidden;border-radius:.5rem}.portfolio-image-wrapper{position:relative;aspect-ratio:1}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.portfolio-item:hover .portfolio-image{transform:scale(1.1)}.portfolio-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;opacity:0;transition:opacity .3s;color:white}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.portfolio-description{font-size:1.05rem;text-align:center;margin-bottom:1rem}.portfolio-tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tech-tag{padding:.25rem .75rem;background-color:#eb601c;border-radius:9999px;font-size:.9rem}