.container{width:1600px;margin:0 auto;max-width:85%}.head-p{text-align:center;margin-bottom:60px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}.portfolio-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e2f0cb,#44cdb6);transform:scaleX(0);transition:transform .3s ease}.portfolio-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.15)}.portfolio-card:hover:before{transform:scaleX(1)}.category-tag{display:inline-block;background:var(--green);color:#fff;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.project-image{width:100%;height:200px;margin-bottom:20px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-card:hover .project-image img{transform:scale(1.05)}.project-image.no-image{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#718096;font-size:.9rem;font-weight:500}.project-title{font-size:1.3rem;font-weight:700;color:#2d3748;margin-bottom:10px;line-height:1.3}.client-name{color:#718096;font-weight:500}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:20px}}