:root{
 --black:#0b0c0c;--black2:#111312;--charcoal:#1a1d1b;--charcoal2:#242826;
 --silver:#d9d9d5;--muted:#959b96;--copper:#a67c52;--mint:#9fb9ad;
 --mint2:#cbdad3;--cream:#f0ece5;--line:rgba(255,255,255,.09);--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--silver);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}

header{position:sticky;top:0;z-index:99;background:rgba(11,12,12,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{height:86px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:13px}
.brand img{width:66px;height:66px;object-fit:cover;border-radius:9px}
.brand strong{display:block;font:400 22px Georgia,serif;color:var(--cream);letter-spacing:.03em}
.brand span{display:block;color:var(--mint);font-size:10px;text-transform:uppercase;letter-spacing:.2em}
.navlinks{display:flex;gap:26px;align-items:center;font-size:13px;color:#bbb}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--mint2)}
.donate-link{background:var(--copper);color:#0b0c0c!important;padding:11px 16px;border-radius:999px;font-weight:800}

.hero{min-height:780px;display:flex;align-items:center;position:relative;overflow:hidden;
background:
radial-gradient(circle at 72% 24%,rgba(159,185,173,.16),transparent 30%),
radial-gradient(circle at 18% 75%,rgba(166,124,82,.14),transparent 28%),
linear-gradient(135deg,#101211 0%,#181b19 46%,#0b0c0c 100%)}
.hero:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;opacity:.6}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:70px 0}
.eyebrow{color:var(--copper);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:800}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
h1{font-size:clamp(58px,7.7vw,104px);line-height:.92;letter-spacing:-.05em;color:var(--cream);margin:15px 0 22px}
h1 span{color:var(--mint2)}
.hero p{font-size:19px;color:#b1b6b2;max-width:660px}
.hero-logo{padding:28px;border-radius:32px;border:1px solid var(--line);background:rgba(255,255,255,.025);box-shadow:0 28px 90px rgba(0,0,0,.45)}
.hero-logo img{border-radius:20px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--mint2);color:#16201b}
.btn-primary:hover{background:#dce7e2}
.btn-secondary{border-color:rgba(255,255,255,.17);color:#eee;background:transparent}
.btn-secondary:hover{border-color:var(--copper)}

.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#101211;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{text-align:center;padding:27px 20px;border-right:1px solid var(--line)} .stat:last-child{border-right:0}
.stat strong{display:block;font:400 28px Georgia,serif;color:var(--cream)}
.stat span{color:#737975;font-size:10px;text-transform:uppercase;letter-spacing:.15em}

.section{padding:105px 0}.dark{background:#111312}.soft{background:#171a18}
.section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:45px;margin-bottom:55px}
.kicker{color:var(--copper);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.22em;padding-top:10px}
h2{font-size:clamp(42px,5.3vw,70px);line-height:1.01;color:var(--cream);letter-spacing:-.035em;margin:0}
.lede{font-size:18px;color:#9ca29d;max-width:760px;margin:18px 0 0}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{min-height:350px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#1f2320,#151715);display:flex;flex-direction:column;justify-content:space-between}
.card .num{color:#696f6a;font-size:11px;letter-spacing:.15em}
.card h3{font-size:32px;line-height:1.04;color:var(--cream);margin:78px 0 13px}
.card p{color:#929893;margin:0}.tag{margin-top:24px;color:var(--mint);font-size:10px;text-transform:uppercase;letter-spacing:.15em}

.story{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.panel{padding:38px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,#1d211e,#141614)}
.panel h3{font-size:41px;line-height:1.04;color:var(--cream);margin:0 0 18px}
.panel p{color:#a3a8a4;font-size:17px}
.quote{background:radial-gradient(circle at 85% 16%,rgba(159,185,173,.16),transparent 27%),linear-gradient(145deg,rgba(166,124,82,.14),#151715)}
.quote .q{font:400 72px Georgia,serif;color:var(--copper);line-height:.6}
.quote .text{font:400 32px/1.14 Georgia,serif;color:var(--cream);margin-top:30px}

.progress{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:95px 1fr auto;gap:24px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line)}
.phase{color:var(--copper);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.row h3{font-family:Arial,sans-serif;font-size:18px;font-weight:700;margin:0;color:#ddd}
.row p{margin:4px 0 0;color:#767b77;font-size:13px}
.status{color:var(--mint);font-size:10px;letter-spacing:.13em;text-transform:uppercase}

.cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:48px;border:1px solid rgba(166,124,82,.27);border-radius:28px;background:radial-gradient(circle at 88% 20%,rgba(159,185,173,.1),transparent 30%),linear-gradient(145deg,#1d201e,#131514)}
.cta h3{font-size:39px;color:var(--cream);margin:0 0 10px}.cta p{color:#999f9a;margin:0;max-width:690px}

.map{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#111}
.map iframe{width:100%;height:450px;border:0;display:block}
.map-foot{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#121413}
.map-foot strong{display:block;font:400 25px Georgia,serif;color:var(--cream)} .map-foot span{color:#777;font-size:13px}

.pagehero{padding:90px 0 70px;background:radial-gradient(circle at 75% 15%,rgba(159,185,173,.12),transparent 30%),linear-gradient(135deg,#121412,#0b0c0c)}
.pagegrid{display:grid;grid-template-columns:1fr .55fr;gap:55px;align-items:center}
.pagehero h1{font-size:clamp(54px,7vw,90px)}
.pagehero img{max-width:340px;margin-left:auto;border-radius:24px}

.contentgrid{display:grid;grid-template-columns:1fr .88fr;gap:28px}
.box{padding:34px;border-radius:24px;border:1px solid var(--line);background:#171a18}
.box h3{font-size:35px;color:var(--cream);margin:0 0 14px}.box p{color:#969c97}
.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}
.amount{background:#101211;color:#ddd;border:1px solid var(--line);border-radius:12px;padding:13px 9px;font-weight:800;cursor:pointer}
.amount:hover,.amount.sel{border-color:var(--copper);color:#fff}
label{display:block;color:#b7bbb8;font-size:12px;margin:0 0 7px}
.field{margin-bottom:17px}
input,textarea,select{width:100%;background:#0e100f;color:#eee;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 14px;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--mint)}
textarea{min-height:150px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.notice{margin-top:20px;padding:14px 16px;border-radius:12px;border:1px solid rgba(166,124,82,.22);background:rgba(166,124,82,.1);color:#cbb9a4;font-size:13px}
.ways{display:grid;gap:12px;margin-top:20px}.way{padding:18px;border:1px solid var(--line);border-radius:14px}.way strong{display:block;color:var(--mint2)}.way span{display:block;color:#7d837e;font-size:13px;margin-top:4px}
.small{color:#6d726e;font-size:12px}
.center-card{max-width:760px;margin:0 auto;text-align:center;padding:70px 36px;border:1px solid var(--line);border-radius:28px;background:#171a18}
.center-card img{width:180px;margin:0 auto 26px;border-radius:18px}
.center-card h1{font-size:clamp(48px,7vw,78px)}

footer{padding:36px 0 46px;background:#090a0a;border-top:1px solid var(--line)}
.footer{display:flex;justify-content:space-between;gap:30px;align-items:center}
.footerbrand{display:flex;align-items:center;gap:13px}.footerbrand img{width:48px;height:48px;border-radius:7px}
.footerbrand strong{display:block;font:400 18px Georgia,serif;color:#bbb}.footerbrand span{font-size:10px;color:#626763;letter-spacing:.14em;text-transform:uppercase}
.footerlinks{display:flex;gap:20px;color:#777;font-size:12px}

@media(max-width:900px){
 .nav{height:74px}.brand img{width:54px;height:54px}.brand div{display:none}
 .navlinks a:not(.donate-link){display:none}
 .hero-grid,.pagegrid,.contentgrid,.story{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{gap:35px;padding:65px 0}
 .hero-logo{max-width:520px}.section{padding:78px 0}.section-head{grid-template-columns:1fr;gap:15px}
 .cards{grid-template-columns:1fr}.cta{grid-template-columns:1fr}.pagehero img{margin:0;max-width:250px}
}
@media(max-width:620px){
 .wrap{width:min(var(--max),calc(100% - 28px))}
 .stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}
 .row{grid-template-columns:1fr;gap:8px}.amounts{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}
 .map-foot,.footer{display:block}.map-foot .btn{margin-top:18px}.footerlinks{margin-top:22px;flex-wrap:wrap}
}