.portfolio-section{padding:100px 0}.portfolio-filters{display:flex;justify-content:center;gap:20px;margin-bottom:60px;flex-wrap:wrap}.filter-btn{padding:12px 30px;background-color:transparent;border:2px solid var(--color-gray-light);color:var(--color-gray);font-family:var(--font-secondary);font-size:13px;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:var(--transition-smooth)}.filter-btn.active,.filter-btn:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.portfolio-item{position:relative;overflow:hidden;aspect-ratio:3/4;cursor:pointer;opacity:0;transform:scale(.9);transition:opacity .4s,transform .4s}.portfolio-item.visible{opacity:1;transform:scale(1)}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));display:flex;flex-direction:column;justify-content:flex-end;padding:30px;opacity:0;transition:opacity .4s}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-category{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--color-accent);margin-bottom:8px}.portfolio-title{font-family:var(--font-primary);font-size:1.5rem;color:var(--color-white);margin-bottom:0}.view-more-btn{display:block;margin:60px auto 0}