:root{--bg:#F6FBF6;--forest:#0B3D2E;--forest-2:#145A43;--accent:#E6F4EA;--muted:#5B6A61;--btn:#22543D}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--forest-2);margin:0}
.container{max-width:980px;margin:0 auto;padding:24px}
.site-header{background:linear-gradient(180deg,var(--forest) 0%,var(--forest-2) 100%);color:var(--accent);padding:28px 0}
.site-header.small{padding:14px 0}
.brand{margin:0;font-size:28px;letter-spacing:1px}
.tag{margin:6px 0 0;color:var(--accent);opacity:0.9}
.top-nav{margin-top:12px}
.top-nav a{color:var(--accent);margin-right:14px;text-decoration:none}
.hero{background:linear-gradient(90deg, rgba(11,61,46,0.06), rgba(20,90,67,0.03));padding:20px;border-radius:8px;margin-top:18px}
.about{margin-top:18px}
.cta{margin:18px 0}
.btn{display:inline-block;padding:10px 18px;background:var(--btn);color:#fff;border-radius:6px;text-decoration:none}
.btn.ghost{background:transparent;color:var(--forest-2);border:1px solid rgba(11,61,46,0.12);margin-left:8px}
.meta{margin-top:22px;color:var(--muted)}
.site-footer{padding:20px 0;text-align:center;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:18px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:8px;cursor:pointer;border:3px solid rgba(11,61,46,0.06)}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,8,6,0.6);padding:20px}
.modal img{max-width:90%;max-height:70vh;border-radius:8px}
.modal p{color:#fff;margin-top:8px;text-align:center}
.modal .modal-close{position:absolute;right:18px;top:14px;background:transparent;border:0;color:#fff;font-size:28px}
@media (max-width:600px){.brand{font-size:20px}.gallery img{height:140px}}