:root{
  --green:#0a662e;
  --beige:#f3ead6;
  --gold:#d4af37;
  --muted:#6b6b6b;
  --maxw:1100px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#222;background:#fff}
.container{max-width:var(--maxw);margin:0 auto;padding:48px 20px}
.hero{position:relative;height:75vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-inner{position:relative;z-index:3;text-align:center;color:#fff;padding:24px}
.logo{width:120px;height:auto;display:block;margin:0 auto 14px}
.hero h1{font-size:2rem;margin:6px 0 6px;line-height:1.1}
.subtitle{color:rgba(255,255,255,0.9);margin:0 0 12px;font-weight:600}
.cta-line{max-width:760px;margin:12px auto 18px;color:rgba(255,255,255,0.95)}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;margin:6px}
.primary{background:var(--gold);color:#07240b}
.ghost{background:transparent;border:2px solid rgba(255,255,255,0.85);color:#fff}
.hero-bg{position:absolute;inset:0;background-image:url('media/background.jpg');background-size:cover;background-position:center;filter:brightness(0.55) contrast(1.02);z-index:1}
main h2{color:var(--green);margin-top:0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 20px rgba(10,10,10,0.06)}
.contact p{margin:6px 0}
footer{background:#052b16;color:#cfead2;padding:18px 0;text-align:center}
@media(max-width:880px){
  .two-col{grid-template-columns:1fr}
  .hero{height:60vh}
  .hero h1{font-size:1.6rem}
}