:root{--forest:#174d36;--leaf:#2f7d4b;--lime:#a7c957;--sand:#f3ead8;--clay:#c36b3d;--sun:#f2b544;--ink:#18312a;--white:#fff;--mist:#f7faf6;--radius:22px;--shadow:0 18px 50px rgba(23,77,54,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--mist);font-family:Inter,Arial,sans-serif;line-height:1.6}h1,h2,h3{font-family:Georgia,serif;line-height:1.08;margin:0 0 .7rem}h1{font-size:clamp(2.7rem,7vw,6rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.35rem}a{color:inherit}img,video{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,77,54,.12)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800;color:var(--forest)}.brand-mark{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,var(--lime),var(--forest));display:grid;place-items:center;color:white;font-size:1.5rem}.nav-links{display:flex;align-items:center;gap:1.1rem;font-size:.92rem}.nav-links a{text-decoration:none;font-weight:650}.nav-links a:hover{color:var(--leaf)}.menu-button{display:none;border:0;background:var(--forest);color:white;border-radius:10px;padding:.7rem .9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.9rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:800;border:2px solid var(--forest);background:var(--forest);color:white;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.button.secondary{background:transparent;color:var(--forest)}.button.sun{background:var(--sun);border-color:var(--sun);color:#20342c}.hero{min-height:78vh;display:grid;align-items:end;color:white;position:relative;background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,44,31,.92),rgba(10,44,31,.42) 62%,rgba(10,44,31,.12))}.hero-content{position:relative;padding:8rem 0 5rem;max-width:800px}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-weight:850;font-size:.78rem;color:var(--lime)}.hero p{font-size:1.18rem;max-width:690px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.section{padding:5rem 0}.section.sand{background:var(--sand)}.section.forest{background:var(--forest);color:white}.intro{max-width:780px;margin-bottom:2rem}.grid{display:grid;gap:1.4rem}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);height:100%}.card-body{padding:1.35rem}.card img{width:100%;height:240px;object-fit:cover}.card .portrait{height:300px;object-position:top}.tag{display:inline-block;padding:.3rem .7rem;border-radius:999px;background:#e7f1e5;color:var(--forest);font-size:.78rem;font-weight:800;margin-bottom:.7rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:-2rem;position:relative;z-index:5}.stat{background:white;padding:1.5rem;border-radius:18px;box-shadow:var(--shadow);text-align:center}.stat strong{display:block;font-family:Georgia,serif;font-size:2.1rem;color:var(--leaf)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.split img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-height:520px;object-fit:cover}.list{padding:0;list-style:none}.list li{padding:.75rem 0;border-bottom:1px solid rgba(23,77,54,.16)}.page-hero{padding:7rem 0 4rem;background:linear-gradient(135deg,var(--forest),#286c48);color:white}.quote{font-family:Georgia,serif;font-size:1.45rem;padding:1.5rem;border-left:5px solid var(--sun);background:white;border-radius:0 18px 18px 0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.timeline .step{padding:1.5rem;background:white;border-radius:18px;border-top:5px solid var(--leaf)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:16px;cursor:pointer;transition:.25s}.gallery img:hover{transform:scale(1.02)}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.video-card{background:#0b241a;padding:1rem;border-radius:18px;color:white}.video-card video{width:100%;max-height:420px;background:#000;border-radius:12px}.donation-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.amount{padding:1rem;border:2px solid #c9ddc6;border-radius:14px;background:white;text-align:center;font-weight:850;cursor:pointer}.amount.active{border-color:var(--leaf);background:#eef7eb}.form{background:white;padding:1.6rem;border-radius:var(--radius);box-shadow:var(--shadow)}label{font-weight:750;display:block;margin:.8rem 0 .3rem}input,select,textarea{width:100%;padding:.85rem;border:1px solid #bfcfc3;border-radius:10px;font:inherit}textarea{min-height:120px}.notice{background:#fff4d5;border-left:5px solid var(--sun);padding:1rem;border-radius:10px}.footer{background:#0f3124;color:white;padding:3rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer a{color:#d8eccd;text-decoration:none}.socials{display:flex;gap:.7rem;flex-wrap:wrap}.socials a{padding:.55rem .8rem;border:1px solid rgba(255,255,255,.3);border-radius:999px}.small{font-size:.86rem;opacity:.82}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:99;padding:2rem}.lightbox.open{display:flex}.lightbox img{max-height:90vh;max-width:94vw;border-radius:12px}.progress{height:14px;border-radius:20px;background:#dfe9dc;overflow:hidden}.progress span{display:block;height:100%;width:36%;background:linear-gradient(90deg,var(--lime),var(--leaf))}.tabs{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.5rem}.tab{border:1px solid var(--leaf);background:white;color:var(--forest);padding:.65rem 1rem;border-radius:999px;font-weight:800;cursor:pointer}.tab.active{background:var(--forest);color:white}.reveal{opacity:0;transform:translateY(18px);transition:.55s}.reveal.visible{opacity:1;transform:none}
.service-icon{font-size:2rem;display:block;margin-bottom:.55rem}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pillar{padding:1.5rem;border-radius:20px;color:white;min-height:230px;box-shadow:var(--shadow)}.pillar.hunger{background:linear-gradient(145deg,#b75c24,#df8a33)}.pillar.youth{background:linear-gradient(145deg,#164f83,#2d7cb8)}.pillar.environment{background:linear-gradient(145deg,#1d633e,#49a05b)}.pillar.humanitarian{background:linear-gradient(145deg,#6e306e,#a95182)}.social-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,38%);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .2rem 1.2rem;scrollbar-color:var(--leaf) #dfe9dc}.social-post{scroll-snap-align:start;background:white;border-radius:20px;padding:1.4rem;min-height:300px;box-shadow:var(--shadow);border-top:7px solid var(--leaf)}.social-post.facebook{border-color:#1877f2}.social-post.instagram{border-color:#c13584}.social-post.youtube{border-color:#ff0000}.social-post-head{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-bottom:1.3rem}.social-post-head strong{font-size:1.15rem}.social-post-head span,.feed-status{font-size:.78rem;font-weight:800;opacity:.7}.feed-status{display:inline-block;margin-top:1rem;padding:.4rem .65rem;background:#edf2ee;border-radius:999px}.text-link{font-weight:850;color:var(--forest)}.social-note{text-align:right}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:1rem 4%;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.nav-links.open{display:flex}.menu-button{display:block}.grid.three,.grid.four,.stats,.pillar-grid{grid-template-columns:repeat(2,1fr)}.split,.donation-grid{grid-template-columns:1fr}.timeline,.gallery{grid-template-columns:repeat(2,1fr)}.social-scroll{grid-auto-columns:minmax(280px,70%)}}
@media(max-width:620px){.grid.two,.grid.three,.grid.four,.stats,.timeline,.gallery,.video-grid,.footer-grid,.amounts,.pillar-grid{grid-template-columns:1fr}.hero{min-height:70vh}.section{padding:3.5rem 0}.card img{height:220px}.social-scroll{grid-auto-columns:88%}}