/* Custom styles on top of Tailwind (CDN). */
.sec-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.75rem;color:#15231D;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}
.sec-title::before{content:"";width:28px;height:3px;background:#72A942}
.btn{display:inline-block;padding:.7rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:2px;transition:.2s}
.fact{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#8A6745;font-weight:600;margin-bottom:.25rem}
.nav-link{position:relative;padding:.25rem 0;color:#15231D}
.nav-link:hover,.nav-link.active{color:#176B45}
.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#176B45}
#header.scrolled{box-shadow:0 2px 12px rgba(21,35,29,.08)}
/* Hero visual: add assets/hero.jpg to show a photo; gradient + fiber pattern is the fallback */
.hero-visual{
  background:
    url("../assets/hero.jpg") center/cover,
    repeating-linear-gradient(115deg,rgba(138,103,69,.35) 0 2px,transparent 2px 9px),
    repeating-linear-gradient(65deg,rgba(21,35,29,.18) 0 1px,transparent 1px 13px),
    linear-gradient(135deg,#d9c7a6,#8A6745 55%,#176B45);
}
.card{background:#fff;border:1px solid rgba(21,35,29,.1);padding:1.25rem;transition:.2s}
.card:hover{border-color:#176B45;transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,35,29,.07)}
.reveal{opacity:0;transform:translateY(14px);transition:.6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
section[id]{scroll-margin-top:64px}