*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f5f3eb;color:#112016;line-height:1.6}
a{text-decoration:none;color:inherit}
.nav{height:86px;background:#f5f3eb;display:flex;justify-content:space-between;align-items:center;padding:12px 6%;position:sticky;top:0;z-index:10;border-bottom:1px solid #ddd}
.nav img{height:62px}
.nav div{display:flex;gap:22px;font-weight:800}
.hero{min-height:88vh;background:linear-gradient(90deg,rgba(7,18,9,.86),rgba(7,18,9,.42)),url('assets/hero-truck-lawn.jpeg') center/cover;color:white;display:flex;align-items:center;padding:8%}
.hero-text{max-width:760px}
.eyebrow{color:#80c342;text-transform:uppercase;letter-spacing:.11em;font-weight:900;margin-bottom:12px}
h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.05em;margin-bottom:24px}
h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin-bottom:20px}
.hero p{font-size:1.25rem;margin-bottom:26px;color:#eef2ea}
.btn,button{display:inline-block;background:#80c342;color:#071109;border:none;padding:15px 24px;border-radius:999px;font-weight:900;cursor:pointer}
.intro{padding:70px 8%;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:white}
.section{padding:85px 6%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:white;padding:26px;border-radius:22px;box-shadow:0 12px 32px rgba(0,0,0,.07);border:1px solid #e1e5dc}
.card h3{margin-bottom:8px}
.dark{background:#102416;color:white}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:30px}
.gallery img{width:100%;height:340px;object-fit:cover;border-radius:20px}
.project-pair{margin-top:38px}
.project-pair h3{font-size:1.45rem;margin-bottom:16px}
.ba-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:white;padding:18px;border-radius:24px;box-shadow:0 12px 32px rgba(0,0,0,.07)}
.ba-card div,.ba-multi-grid div{position:relative}
.ba-card span,.ba-multi-grid span{position:absolute;top:12px;left:12px;background:#071109;color:white;padding:7px 13px;border-radius:999px;font-weight:900;z-index:2}
.ba-card img{width:100%;height:430px;object-fit:cover;border-radius:18px}
.ba-multi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:white;padding:18px;border-radius:24px;box-shadow:0 12px 32px rgba(0,0,0,.07)}
.ba-multi-grid.five{grid-template-columns:repeat(5,1fr)}
.ba-multi-grid.six{grid-template-columns:repeat(3,1fr)}
.ba-multi-grid img{width:100%;height:360px;object-fit:cover;border-radius:18px}
.reviews{background:#fff}
.review p{margin-bottom:14px;color:#4f5d52}
.about{padding:85px 6%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#e9efe4}
.about img{width:100%;height:520px;object-fit:cover;border-radius:28px;box-shadow:0 14px 35px rgba(0,0,0,.15)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}
form{background:white;padding:28px;border-radius:24px;display:grid;gap:14px;box-shadow:0 12px 32px rgba(0,0,0,.07)}
input,select,textarea{padding:14px;border:1px solid #ccd4c7;border-radius:13px;font:inherit}
textarea{min-height:130px}
footer{background:#071109;color:white;text-align:center;padding:40px}
footer img{width:180px;margin:0 auto 16px;background:white;padding:8px;border-radius:16px}
@media(max-width:1000px){
.ba-multi-grid,.ba-multi-grid.five,.ba-multi-grid.six{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
.nav{height:auto;align-items:flex-start;gap:10px;flex-direction:column}
.nav div{flex-wrap:wrap;gap:12px;font-size:.9rem}
.intro,.about,.contact,.ba-card{grid-template-columns:1fr}
.ba-multi-grid,.ba-multi-grid.five,.ba-multi-grid.six{grid-template-columns:1fr}
.ba-card img,.ba-multi-grid img,.gallery img,.about img{height:300px}
}

.hidden{display:none!important}