.portfolio-section{background-color:var(--light-gray);padding:100px 0}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.portfolio-card{background-color:var(--white);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid #e2e8f099;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-lg);border-color:#ea580c26;transform:translateY(-8px)}.portfolio-img-container{background-color:#f1f5f9;width:100%;height:220px;position:relative;overflow:hidden}.portfolio-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover .portfolio-img{transform:scale(1.05)}.portfolio-info{flex-direction:column;flex-grow:1;padding:24px;display:flex}.portfolio-category{text-transform:uppercase;color:var(--primary);letter-spacing:.5px;margin-bottom:8px;font-size:.8rem;font-weight:700}.portfolio-title{color:var(--dark);margin-bottom:12px;font-size:1.25rem;font-weight:700}.portfolio-desc{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.5}.portfolio-tech{flex-wrap:wrap;gap:8px;display:flex}.portfolio-tag{color:var(--dark-muted);background-color:var(--light-gray);border:1px solid #e2e8f0cc;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}