body{margin:0;font-family:Arial;background:#eef5f1}
.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0a7d3b}
.logo{height:35px}
.nav a{color:#fff;margin:10px;text-decoration:none;font-weight:bold}
.menu-toggle{display:none;background:none;border:none;color:white;font-size:24px}
.hero{height:300px;background:url('work1.jpg') center/cover;display:flex;align-items:center;justify-content:center}
.overlay{background:rgba(0,0,0,0.5);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}
.section{padding:25px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.grid img{width:100%;height:auto;object-fit:contain;cursor:pointer}
.card{background:#fff;padding:10px;border-radius:10px;text-align:center}
.contact input,.contact textarea{width:100%;margin:10px 0;padding:10px}
.contact button{padding:10px;background:#0a7d3b;color:#fff;border:none}
#loader{position:fixed;width:100%;height:100%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center}
@media(max-width:768px){
.menu-toggle{display:block}
.nav{display:none;flex-direction:column}
.nav a{display:block;margin:10px}
}