@charset "UTF-8";.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer}.project-card img{width:100%;height:200px;object-fit:cover;transition:transform 0.3s}.project-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600;font-size:18px;background:rgba(0,0,0,0.2);opacity:0;transition:opacity 0.3s}.project-card:hover img,.project-card:active img{transform:scale(1.1)}.project-card:hover .overlay,.project-card:active .overlay{opacity:1}@media (max-width:767px){.projects-grid{grid-template-columns:1fr}.project-card img{height:auto}.project-card h3{font-size:18px}.project-card p{font-size:14px}}