:root{--forest:#132017;--sage:#65856b;--cream:#f5f0e8;--coral:#ec6750;--plum:#8c4c7f;--gold:#d79a35}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#182018;background:var(--cream);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.hero{height:clamp(620px,60vw,790px);min-height:620px;position:relative;overflow:hidden;color:#fff;background:#172117 url('../images/asets-hero-clean-v2.png') center top/cover no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,14,9,.98) 0%,rgba(12,23,14,.91) 31%,rgba(14,23,15,.32) 56%,rgba(9,16,10,.05) 81%),linear-gradient(0deg,rgba(10,17,11,.35),transparent 34%)}
.site-header{position:relative;z-index:3;width:min(1380px,calc(100% - 54px));height:105px;margin:auto;display:flex;align-items:center;gap:34px}
.brand{display:flex;align-items:center;gap:10px;min-width:300px}
.brand img{width:40px;height:66px;object-fit:contain}
.brand>span{display:grid}
.brand strong{font:40px/.92 Georgia,serif}
.brand small{margin-top:5px;font:10px/1.2 Arial,sans-serif}
.site-header nav{display:flex;gap:clamp(18px,2.2vw,36px);margin-left:auto;font-size:12px;font-weight:700}
.site-header nav a{white-space:nowrap}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#f3b35d}
.donate{display:inline-flex;align-items:center;gap:16px;padding:13px 18px;border-radius:999px;background:var(--coral);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.hero-copy{position:relative;z-index:2;width:min(1380px,calc(100% - 54px));margin:42px auto 0}
.hero-copy h1{margin:0;font:400 clamp(62px,6.2vw,96px)/.91 Georgia,serif;letter-spacing:-.045em}
.hero-copy h1 em{color:transparent;background:linear-gradient(90deg,#ed5048,#ef7544 56%,#f2b53b);background-clip:text;-webkit-background-clip:text}
.color-rule{display:flex;width:365px;height:4px;margin:22px 0}
.color-rule i:nth-child(1){flex:1.25;background:var(--sage)}
.color-rule i:nth-child(2){flex:.7;background:#e5b451}
.color-rule i:nth-child(3){flex:1.4;background:var(--coral)}
.color-rule i:nth-child(4){flex:1;background:var(--plum)}
.hero-copy h2{margin:0 0 13px;font-size:18px;font-weight:500}
.hero-copy>p{width:min(455px,100%);margin:0;color:#eef1ed;font-size:14px;line-height:1.65}
.actions{display:flex;align-items:center;gap:20px;margin-top:22px}
.primary,.story{height:40px;border:1px solid #ffffffbc;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;transition:background .2s,color .2s}
.primary{padding:0 20px;gap:20px;background:#718665;border-color:#718665}
.story{padding:0 18px 0 8px;gap:10px}
.story b{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ffffff9c;border-radius:50%;font-size:7px}
.primary:hover,.story:hover{background:#fff;color:var(--forest)}
.opportunity{position:relative;overflow:hidden;min-height:610px;padding:50px max(28px,calc((100vw - 1280px)/2)) 38px;background:radial-gradient(circle at 50% 30%,#fffdf8,#f4efe7 72%);text-align:center}
.section-heading h2{margin:0 0 12px;font:400 clamp(31px,3.4vw,47px)/1.1 Georgia,serif}
.section-heading h2 em{color:var(--coral);font-weight:400}
.section-heading p{margin:0;color:#383d39;font:14px/1.45 Georgia,serif}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px}
.pillars article{min-height:260px;padding:0 36px;border-right:1px solid #d9d3c8}
.pillars article:last-child{border:0}
.icon{width:65px;height:65px;margin:0 auto 17px;border:1px solid;border-radius:50%;display:grid;place-items:center;background:#fff;font:32px/1 Georgia,serif;box-shadow:0 5px 20px #5b4c3b12}
.icon.sage{color:var(--sage)}.icon.coral{color:var(--coral)}.icon.plum{color:var(--plum)}.icon.gold{color:var(--gold)}
.pillars h3{min-height:50px;margin:0 0 11px;font:400 20px/1.15 Georgia,serif}
.pillars article:nth-child(1) h3{color:#536d57}.pillars article:nth-child(2) h3{color:#ce5947}.pillars article:nth-child(3) h3{color:#74436e}.pillars article:nth-child(4) h3{color:#b8782a}
.pillars p{margin:0 auto;max-width:225px;font-size:12px;line-height:1.55}
.explore{height:36px;margin-top:4px;padding:0 22px;border-radius:99px;display:inline-flex;align-items:center;gap:22px;background:#172a1d;color:#fff;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:800}
.explore:hover{background:var(--coral)}
.leaf{position:absolute;bottom:-28px;color:#8ba08c1e;font:170px Georgia,serif}
.leaf-left{left:-34px;transform:rotate(10deg)}.leaf-right{right:-34px;transform:scaleX(-1) rotate(10deg)}
.mission{height:215px;position:relative;overflow:hidden;color:#fff;background-image:linear-gradient(110deg,#18271d 0%,#304734 52%,#203224 100%)}
.mission-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(112,137,101,.18),transparent 62%)}
.mission-copy{position:relative;z-index:2;height:100%;display:grid;place-content:center;text-align:center}
.mission h2{margin:0;font:400 clamp(28px,3.2vw,45px)/1.1 Georgia,serif}
.mission p{margin:8px 0 0;color:#f1b969;font:italic 14px Georgia,serif}
@media(max-width:980px){.site-header{width:calc(100% - 32px)}.brand{min-width:0}.site-header nav{display:none}.donate{margin-left:auto}.hero{background-position:64% top}.hero-copy{width:calc(100% - 44px)}.hero-shade{background:linear-gradient(90deg,#071009fa,#0c170edf 40%,#0e170f42 72%)}.pillars article{padding:0 18px}}
@media(max-width:700px){.hero{height:auto;min-height:720px;background-position:73% top}.hero-shade{background:linear-gradient(90deg,#071009ec,#0c170e83),linear-gradient(0deg,#071009f7 7%,transparent 62%)}.site-header{height:90px}.brand img{width:33px;height:55px}.brand strong{font-size:30px}.brand small{display:none}.donate{padding:11px 14px;gap:8px}.hero-copy{margin-top:150px}.hero-copy h1{font-size:56px}.color-rule{width:100%;max-width:350px}.hero-copy h2{font-size:16px}.hero-copy>p{font-size:13px}.actions{align-items:flex-start;flex-direction:column;gap:12px}.opportunity{padding:55px 22px 45px}.section-heading p br{display:none}.pillars{grid-template-columns:1fr 1fr;gap:0;margin-top:38px}.pillars article{min-height:290px;padding:20px 15px;border-bottom:1px solid #d9d3c8}.pillars article:nth-child(2){border-right:0}.pillars article:nth-child(3),.pillars article:nth-child(4){border-bottom:0}.pillars h3{font-size:18px}.mission{height:240px;padding:0 20px}.mission h2{font-size:29px}}
@media(max-width:440px){.hero-copy h1{font-size:49px}.pillars{grid-template-columns:1fr}.pillars article{min-height:0;padding:28px 10px;border-right:0;border-bottom:1px solid #d9d3c8!important}.pillars article:last-child{border-bottom:0!important}.icon{width:58px;height:58px}.mission h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}