:root{
 --forest:#12382b;--forest2:#1d4b39;--gold:#d6ad58;--cream:#f6f3eb;--ink:#1c2520;--muted:#68736d;
 --white:#fff;--line:#e3e5df;--shadow:0 18px 45px rgba(13,35,25,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.narrow{max-width:850px}.topline{background:#0c251d;color:#d9e1dc;font-size:13px}.top-inner{display:flex;justify-content:space-between;padding:7px 0}
.navbar{background:linear-gradient(135deg,#173f2e,#0d2b21);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 8px 25px rgba(0,0,0,.12)}.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-family:"Playfair Display",serif;font-size:21px;letter-spacing:.04em}.brand img{width:52px;height:52px;object-fit:contain}.brand small{display:block;font:600 9px "DM Sans";letter-spacing:.2em;color:#e5c675;margin-top:-3px}
.nav-menu{display:flex;gap:4px;align-items:center}.nav-menu a{padding:26px 11px;font-size:12px;font-weight:700;letter-spacing:.05em;border-bottom:3px solid transparent}.nav-menu a:hover{border-color:var(--gold);color:#f2d48d}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{min-height:650px;background:linear-gradient(90deg,rgba(7,28,19,.88),rgba(7,28,19,.3)),url("../../images/frontimage1.png") center/cover;display:flex;align-items:center;color:#fff}.hero-content{max-width:780px;padding:100px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--gold);margin:0 0 10px}.hero h1,.page-hero h1{font:700 clamp(40px,6vw,72px)/1.06 "Playfair Display",serif;margin:0 0 22px}.hero p{font-size:18px;max-width:680px;color:#edf3ef}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;padding:12px 20px;border-radius:2px;font-weight:800;font-size:13px;letter-spacing:.04em;border:1px solid transparent}.btn-gold{background:var(--gold);color:#14271f}.btn-gold:hover{background:#e6c678}.btn-outline{border-color:#fff;color:#fff}.btn-outline:hover{background:#fff;color:var(--forest)}.btn-light{background:#fff;color:var(--forest)}
.section{padding:90px 0}.section-soft{background:var(--cream)}.intro{text-align:center}.intro h2,.section-heading h2{font:700 clamp(30px,4vw,45px)/1.15 "Playfair Display",serif;margin:0 0 18px}.intro p{font-size:17px;color:var(--muted)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.text-link{font-weight:800;color:var(--forest);white-space:nowrap}
.card-grid{display:grid;gap:24px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.image-card,.project-card{background:#fff;box-shadow:var(--shadow);overflow:hidden}.image-card img,.project-card>img{width:100%;height:230px;object-fit:cover}.card-body,.project-content{padding:24px}.card-body h3,.project-content h3{font:700 23px "Playfair Display",serif;margin:0 0 10px}.card-body p,.project-content p{color:var(--muted);margin:0}.project-card{transition:transform .2s}.project-card:hover{transform:translateY(-5px)}.project-content a{display:inline-block;margin-top:17px;color:var(--forest);font-size:12px;font-weight:900}
.mission{background:var(--forest);color:#fff;padding:65px 0}.mission-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.mission h2{font:700 38px "Playfair Display",serif;margin:0;max-width:650px}
.page-hero{min-height:330px;background-position:center;background-size:cover;display:flex;align-items:end;padding:70px 0;color:#fff;position:relative}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,30,20,.85),rgba(7,30,20,.2))}.page-hero .container{position:relative}.page-hero h1{margin:0}
.content-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:60px}.content-main h2{font:700 32px "Playfair Display",serif;margin-top:45px}.lead{font-size:21px;color:#435047}.side-image img{width:100%;height:560px;object-fit:cover;box-shadow:var(--shadow)}
.activity-large{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.activity-large img{height:250px;width:100%;object-fit:cover}.activity-large div{padding:25px}.activity-large h2{font:700 27px "Playfair Display",serif;margin:0 0 10px}.activity-large p{color:var(--muted)}
.project-list{margin-top:40px}.project-detail{display:grid;grid-template-columns:60px 330px 1fr;gap:28px;padding:45px 0;border-top:1px solid var(--line);align-items:start}.project-number{font:700 18px "Playfair Display";color:var(--gold)}.project-detail-image img{width:330px;height:230px;object-fit:cover}.project-detail-body h2{font:700 30px/1.2 "Playfair Display";margin:0 0 15px}.project-detail-body h3{font-size:17px;margin:20px 0 4px;color:var(--forest)}.project-detail-body p{color:var(--muted)}.closing-note{margin-top:30px;padding:30px;background:var(--cream);border-left:4px solid var(--gold)}
.mission-box{margin-top:45px;background:#edf3ed;border:1px solid #d5dfd5;padding:35px;display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center}.mission-box img{width:120px}.donate-box{background:var(--cream);padding:50px;text-align:center}.donate-box h2{font:700 38px "Playfair Display"}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact-form-card{background:var(--cream);padding:40px}.contact-form-card h2,.contact-info h2{font:700 34px "Playfair Display";margin-top:0}.contact-form-card label{display:block;font-weight:700;margin:15px 0}.contact-form-card input,.contact-form-card textarea{width:100%;padding:12px;border:1px solid #d2d9d2;background:#fff;font:inherit;margin-top:6px}.alert-success{background:#dfeee0;padding:12px;margin-bottom:20px}.contact-info{padding:20px}.map-placeholder{margin-top:25px;box-shadow:var(--shadow)}.map-placeholder iframe{border:0;width:100%;height:300px}
.footer{background:#0b251c;color:#cdd9d2;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:50px;padding-bottom:45px}.footer h3{font:700 23px "Playfair Display";color:#fff}.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:5px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;text-align:center;font-size:12px;color:#9eafa6}
@media(max-width:900px){.nav-toggle{display:block}.nav-menu{display:none;position:absolute;left:0;right:0;top:78px;background:#0d2b21;flex-direction:column;align-items:stretch;padding:10px 4%;box-shadow:0 10px 20px rgba(0,0,0,.2)}.nav-menu.open{display:flex}.nav-menu a{padding:12px;border:0}.card-grid.three{grid-template-columns:1fr 1fr}.content-grid,.contact-grid{grid-template-columns:1fr}.project-detail{grid-template-columns:40px 260px 1fr}.project-detail-image img{width:260px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.top-inner{display:none}.nav-inner{min-height:70px}.brand img{width:44px;height:44px}.brand{font-size:17px}.hero{min-height:590px}.hero-content{padding:70px 0}.hero h1{font-size:43px}.section{padding:65px 0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:10px}.card-grid.three{grid-template-columns:1fr}.mission-inner{display:block}.mission h2{font-size:31px;margin-bottom:25px}.project-detail{grid-template-columns:1fr;gap:16px}.project-number{order:-1}.project-detail-image img{width:100%;height:240px}.mission-box{grid-template-columns:1fr;text-align:center}.mission-box img{margin:auto}.donate-box,.contact-form-card{padding:25px}.footer-grid{grid-template-columns:1fr}.page-hero{min-height:260px;padding:55px 0}}