.projects-wrapper{color:#fff;max-width:1200px}.projects-container{padding:20px}.projects-header{text-align:center;margin-bottom:3rem}.projects-header h1{font-size:2.5rem}.projects-header p{opacity:.8;margin-top:.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:auto;display:grid}.project-card{background:#ffffff0d;border-radius:16px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000080}.project-image{position:relative}.project-image img{object-fit:cover;width:100%;height:180px}.image-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;gap:1rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-image:hover .image-overlay{opacity:1}.image-overlay a{color:#000;background:#4dabf7;border-radius:6px;padding:.6rem 1.2rem;font-weight:600;text-decoration:none}.project-content{padding:1.5rem}.project-content h3{margin-bottom:.6rem}.project-card h3{position:absolute;top:30%;left:0}.project-content p{opacity:.85;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}.tech-stack{scrollbar-width:none;scroll-behavior:smooth;gap:.5rem;margin-top:1rem;display:flex;overflow:scroll}.tech-stack span{background:#ffffff1a;border-radius:14px;padding:.4rem .8rem;font-size:.8rem}@media (max-width:768px){.project-image img{height:160px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
