:root{
  --green-primary:#309434; /* Forest Green */
  --green-deep:#0E5A40;    /* Dark Emerald */
  --accent-orange:#FF6600; /* CTA */
  --brown:#6B4F2A;         /* Chosen earthy brown for dividers/backgrounds */
  --text:#0a0f0d;          
  --muted:#4b665b;
  --bg:#ffffff;            
  --panel:#f8f7f5;         /* light neutral w/ a hint of brown */
  --radius:12px; --shadow:0 6px 18px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:var(--text);background:var(--bg);line-height:1.6}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
.container{width:min(1120px,92%);margin:0 auto}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e9e4de;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.header-row{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{width:28px;height:28px;border-radius:4px}
.brand .title{font-weight:800;letter-spacing:.2px}
.tagline{font-size:.85rem;color:var(--muted)}
.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.nav a{font-weight:600;color:var(--green-deep)}
.nav a.active{color:var(--green-primary)}
.menu-toggle{display:none;background:transparent;border:0}
@media (max-width:860px){
  .nav ul{display:none;position:absolute;right:4%;top:60px;background:#fff;border:1px solid #ece6df;border-radius:10px;box-shadow:var(--shadow);padding:.6rem}
  .nav ul.open{display:grid;gap:.3rem}
  .menu-toggle{display:inline-flex}
}

/* Hero */
.hero{background:linear-gradient(rgba(107,79,42,.08),rgba(107,79,42,.08)), url('/assets/hero.jpg') center/cover no-repeat;color:#132019;padding:clamp(3rem,6vw,6rem) 0}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
@media (max-width:980px){.hero .grid{grid-template-columns:1fr}}
.badge{display:inline-flex;gap:.4rem;align-items:center;padding:.28rem .55rem;border-radius:999px;border:1px solid #dfe8d9;background:#eef5ea;color:var(--green-deep);font-weight:700;font-size:.85rem}
.hero h1{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.12;margin:.6rem 0}
.hero p{color:#2f4a40;max-width:60ch}
.cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--green-primary);color:#fff;border:1px solid #2c8630;padding:.7rem 1.1rem;border-radius:999px;font-weight:800;box-shadow:var(--shadow)}
.cta.secondary{background:#fff;color:var(--green-deep);border:1px solid #d9e6d8}
.scroll-cue{margin-top:1rem;color:#3a5b50;font-size:.9rem}

/* Sections */
section{padding:clamp(2.2rem,5vw,3.6rem) 0}
.section-title{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 .6rem;color:var(--green-deep)}
.section-lead{color:var(--muted);max-width:70ch}

/* Tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}
.tile{border:1px solid #e9e4de;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:block}
.tile h3{margin:.2rem 0;color:var(--green-deep)}
@media (max-width:1024px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tiles{grid-template-columns:1fr}}

/* Three-up cards */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.card{border:1px solid #e9e4de;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}
.card h4{margin:.2rem 0}
@media (max-width:980px){.cards3{grid-template-columns:1fr}}

/* Brown band */
.band{background:var(--panel);border-top:4px solid var(--brown);border-bottom:1px solid #e9e4de;border-radius:8px;padding:1rem}

/* Breadcrumbs */
.breadcrumbs{font-size:.92rem;color:#47645a;margin:.2rem 0 1rem}
.breadcrumbs a{color:var(--green-deep)}

/* Footer */
.site-footer{background:var(--green-deep);color:#eaf4ef;padding:2rem 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:700px){.footer-grid{grid-template-columns:1fr}}
.footer-tagline{font-weight:700}
.footer-bottom{margin-top:.6rem;font-size:.92rem;color:#cfe1d7}

/* Buttons & utilities */
.btn-row{display:flex;gap:.6rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:999px;font-weight:700;border:1px solid #dcd7d0}
.btn.primary{background:var(--green-primary);color:#fff;border-color:#2c8630}
.btn.outline{background:#fff;color:var(--green-deep)}
.muted{color:var(--muted)}
.divider{height:1px;background:#e9e4de;margin:1.2rem 0}

/* Accessibility helpers */
:focus-visible{outline:3px solid #9fd1a7;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}