/* ═══════════════════════════════════════════════════════════════
   HOPE & CHANCE — PREMIUM DESIGN SYSTEM v2
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

/* ─── TOKENS ─────────────────────────────────────────────────── */
:root {
  --forest:      #1A3A0F;
  --forest-deep: #0E2006;
  --sage:        #4A7A2B;
  --sage-light:  #68A040;
  --sage-pale:   #C4DAB0;
  --sage-mist:   #EDF4E6;
  --cream:       #FAFCF8;
  --cream-warm:  #F4F1EB;
  --white:       #FFFFFF;
  --teal:        #2A9D8F;
  --teal-light:  #4BBCB0;
  --teal-pale:   #E0F4F2;
  --navy:        #1C2E4A;
  --sand:        #C9A97A;
  --sand-light:  #E8D8C0;
  --amber:       #E08C3A;
  --charcoal:    #18201A;
  --charcoal-md: #3A4040;
  --gray:        #7A8580;
  --gray-light:  #D0D8D0;
  --gray-pale:   #EBF0EB;
  --shadow-xs:   0 1px 8px rgba(26,58,15,.05);
  --shadow-sm:   0 2px 18px rgba(26,58,15,.07);
  --shadow-md:   0 8px 40px rgba(26,58,15,.10);
  --shadow-lg:   0 24px 72px rgba(26,58,15,.14);
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   40px;
  --ease:        cubic-bezier(.25,.46,.45,.94);
  --transition:  .4s var(--ease);
}

/* ─── RESET ──────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--cream);color:var(--charcoal);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button,input,textarea,select{font-family:inherit}

/* ─── TYPOGRAPHY ─────────────────────────────────────────────── */
h1,h2,h3,h4,h5{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.08}
h1{font-size:clamp(2.8rem,6.5vw,5.8rem);letter-spacing:-.01em}
h2{font-size:clamp(2rem,3.8vw,3.2rem);letter-spacing:-.005em}
h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}
h4{font-size:clamp(1.05rem,1.8vw,1.3rem)}
p{font-size:clamp(.9rem,1.4vw,1.05rem);color:var(--charcoal-md);line-height:1.8}
.overline{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--sage)}
.lead{font-size:clamp(.95rem,1.8vw,1.18rem);line-height:1.88}

/* ─── LAYOUT ─────────────────────────────────────────────────── */
.container{max-width:1240px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3.5rem)}
.section{padding:clamp(5rem,9vw,9rem) 0}
.section-sm{padding:clamp(3rem,5.5vw,5.5rem) 0}
.text-center{text-align:center}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.grid-3,.grid-4{grid-template-columns:1fr}}

/* ─── BUTTONS ────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2.1rem;border-radius:50px;font-size:.875rem;font-weight:600;transition:all .25s;border:none;letter-spacing:.01em;cursor:pointer}
.btn-lg{padding:1.05rem 2.6rem;font-size:.95rem}
.btn-sm{padding:.5rem 1.3rem;font-size:.8rem}
.btn-primary{background:var(--forest);color:var(--white)}
.btn-primary:hover{background:var(--sage);transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,58,15,.25)}
.btn-outline{background:transparent;color:var(--forest);border:1.5px solid var(--forest)}
.btn-outline:hover{background:var(--forest);color:var(--white);transform:translateY(-2px)}
.btn-white{background:var(--white);color:var(--forest)}
.btn-white:hover{background:var(--cream-warm);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.btn-ghost{background:rgba(255,255,255,.12);color:var(--white);border:1.5px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.btn-ghost:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}
.btn-teal{background:var(--teal);color:var(--white)}
.btn-teal:hover{background:var(--teal-light);transform:translateY(-2px);box-shadow:0 10px 28px rgba(42,157,143,.3)}
.btn-donate{background:linear-gradient(135deg,#E8A040 0%,#C9782A 100%);color:var(--white);box-shadow:0 4px 18px rgba(224,140,58,.3);font-weight:700}
.btn-donate:hover{background:linear-gradient(135deg,#F0AC50 0%,#D4863A 100%);transform:translateY(-2px);box-shadow:0 10px 32px rgba(224,140,58,.4)}

/* ─── NAVIGATION ─────────────────────────────────────────────── */
#nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.25rem,5vw,3.5rem);transition:background .4s var(--ease),box-shadow .4s var(--ease),padding .4s var(--ease)}
#nav.scrolled{background:rgba(250,252,248,.96);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 rgba(26,58,15,.08),0 4px 24px rgba(26,58,15,.06);padding:.75rem clamp(1.25rem,5vw,3.5rem)}
.nav-logo{display:flex;align-items:center;z-index:10}
.nav-logo img{height:54px;width:auto;transition:height .4s,filter .4s;filter:brightness(0) invert(1)}
#nav.scrolled .nav-logo img{height:46px;filter:none}
.nav-links{display:flex;align-items:center;gap:0}
.nav-item{position:relative}
.nav-item>a{display:flex;align-items:center;gap:.3rem;font-size:.84rem;font-weight:500;color:rgba(255,255,255,.82);padding:.5rem .85rem;border-radius:8px;transition:color .2s,background .2s;white-space:nowrap}
.nav-item>a:hover,.nav-item>a.active{color:var(--white);background:rgba(255,255,255,.1)}
#nav.scrolled .nav-item>a{color:var(--charcoal-md)}
#nav.scrolled .nav-item>a:hover,#nav.scrolled .nav-item>a.active{color:var(--forest);background:var(--sage-mist)}
.nav-chevron{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s;flex-shrink:0}
.nav-item.dd-open .nav-chevron{transform:rotate(180deg)}

/* Dropdown */
.nav-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-10px);background:rgba(255,255,255,.98);backdrop-filter:blur(24px);border-radius:var(--radius-md);box-shadow:0 20px 60px rgba(26,58,15,.14),0 0 0 1px rgba(26,58,15,.06);padding:.6rem;min-width:248px;opacity:0;visibility:hidden;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;z-index:100}
.nav-item:hover .nav-dropdown,.nav-item.dd-open .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dropdown a{display:flex;align-items:center;gap:.65rem;padding:.68rem 1rem;border-radius:var(--radius-sm);font-size:.83rem;font-weight:500;color:var(--charcoal-md);transition:background .15s,color .15s}
.nav-dropdown a:hover{background:var(--sage-mist);color:var(--forest)}
.nav-dropdown .dd-icon{width:30px;height:30px;border-radius:7px;background:var(--sage-mist);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.nav-dropdown-divider{height:1px;background:var(--gray-pale);margin:.4rem .4rem}

/* Donate nav button */
.nav-donate{background:rgba(255,255,255,.1)!important;color:var(--white)!important;border:1.5px solid rgba(255,255,255,.35)!important;border-radius:50px!important;font-weight:700!important;font-size:.82rem!important;letter-spacing:.01em}
.nav-donate:hover{background:rgba(255,255,255,.2)!important;transform:translateY(-1px)!important}
#nav.scrolled .nav-donate{background:linear-gradient(135deg,#E8A040,#C9782A)!important;border-color:transparent!important;color:var(--white)!important;box-shadow:0 4px 14px rgba(224,140,58,.3)}
#nav.scrolled .nav-donate:hover{background:linear-gradient(135deg,#F0AC50,#D4863A)!important}

/* Support CTA */
.nav-cta{background:var(--forest)!important;color:var(--white)!important;border-radius:50px!important;font-weight:600!important;font-size:.82rem!important}
.nav-cta:hover{background:var(--sage)!important;transform:translateY(-1px)!important}
#nav.scrolled .nav-cta{background:var(--forest)!important}

/* Mobile btn */
.nav-mobile-btn{display:none;background:none;border:none;padding:6px;cursor:pointer;z-index:10}
.nav-mobile-btn span{display:block;width:24px;height:2px;background:var(--white);margin:5px 0;border-radius:2px;transition:all .3s}
#nav.scrolled .nav-mobile-btn span{background:var(--charcoal)}
.nav-mobile-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-mobile-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-mobile-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
  .nav-links{display:none}
  .nav-mobile-btn{display:block}
  .nav-links.open{display:flex;flex-direction:column;gap:0;align-items:stretch;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--cream);padding:5.5rem 1.75rem 2rem;overflow-y:auto;z-index:9}
  .nav-links.open .nav-item>a{font-size:1.1rem;color:var(--charcoal)!important;padding:.9rem .5rem;border-radius:0;border-bottom:1px solid var(--gray-pale);background:none!important}
  .nav-links.open .nav-chevron{stroke:var(--charcoal)}
  .nav-dropdown{position:static;transform:none!important;box-shadow:none;border-radius:0;padding:.25rem .5rem;margin:.25rem 0 .5rem 1rem;border-left:2px solid var(--sage-pale);background:var(--sage-mist)}
  .nav-links.open .nav-item:hover .nav-dropdown{opacity:0;visibility:hidden}
  .nav-item.dd-open .nav-dropdown{opacity:1!important;visibility:visible!important;transform:none!important}
  .nav-links.open .nav-donate,.nav-links.open .nav-cta{margin-top:1rem;justify-content:center;padding:.9rem 1.5rem!important;font-size:.95rem!important;border-radius:50px!important;text-align:center}
  .nav-links.open .nav-donate{background:linear-gradient(135deg,#E8A040,#C9782A)!important;border-color:transparent!important;color:white!important;box-shadow:none}
  .nav-links.open .nav-cta{background:var(--forest)!important;color:white!important}
}

/* ─── HERO SLIDER ────────────────────────────────────────────── */
#hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-slider-wrap{position:absolute;inset:0;z-index:0}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 2s cubic-bezier(.4,0,.2,1);z-index:0}
.hero-slide.active{opacity:1;z-index:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.hero-slide.active img{animation:kenBurns 9s ease-out forwards}
@keyframes kenBurns{from{transform:scale(1.07)}to{transform:scale(1.0)}}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(6,14,6,.82) 0%,rgba(6,14,6,.5) 50%,rgba(6,14,6,.22) 100%),linear-gradient(to top,rgba(6,14,6,.55) 0%,transparent 45%)}
.hero-content-wrap{position:relative;z-index:10;width:100%;padding-top:clamp(5rem,12vh,8rem);padding-bottom:clamp(4.5rem,9vh,7rem)}
.hero-content{max-width:680px}
.hero-pill{display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.38rem .9rem .38rem .55rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.88);margin-bottom:1.75rem}
.hero-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--sage-pale);flex-shrink:0}
.hero-title{color:var(--white);margin-bottom:1.5rem;text-shadow:0 2px 24px rgba(0,0,0,.3)}
.hero-title em{font-style:italic;color:var(--sand-light,#E8D8C0)}
.hero-lead{font-size:clamp(.95rem,1.8vw,1.15rem);color:rgba(255,255,255,.78);line-height:1.88;max-width:520px;margin-bottom:2.75rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:4rem}
.hero-trust-strip{display:flex;flex-wrap:wrap;gap:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12)}
.hero-trust-item .num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;color:var(--white);font-weight:400;line-height:1}
.hero-trust-item .lbl{font-size:.7rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}
.hero-dots-ctrl{position:absolute;bottom:2.5rem;right:clamp(1.25rem,5vw,3.5rem);display:flex;gap:.5rem;z-index:10}
.hero-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:transparent;cursor:pointer;transition:all .3s}
.hero-dot.active{background:var(--white);border-color:var(--white);transform:scale(1.25)}
.hero-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.08);z-index:10}
.hero-bar{height:100%;background:linear-gradient(to right,var(--sage-pale),var(--sand-light));transform-origin:left;transform:scaleX(0)}
.hero-bar.run{animation:barFill 6s linear forwards}
@keyframes barFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ─── PAGE HERO (inner pages) ────────────────────────────────── */
.page-hero{min-height:56vh;display:flex;align-items:flex-end;background:linear-gradient(155deg,var(--forest-deep) 0%,var(--forest) 55%,#285015 100%);padding:7.5rem 0 4.5rem;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;opacity:.04;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.8) 1px,transparent 0);background-size:30px 30px}
.page-hero-content{position:relative;z-index:2}
.page-hero h1{color:var(--white);margin:.75rem 0 1rem}
.page-hero p{color:rgba(255,255,255,.7);max-width:580px;font-size:clamp(.92rem,1.6vw,1.1rem)}
.page-hero .breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.76rem;color:rgba(255,255,255,.45)}
.page-hero .breadcrumb a{color:rgba(255,255,255,.55);transition:color .2s}
.page-hero .breadcrumb a:hover{color:var(--white)}
.page-hero .breadcrumb span{color:rgba(255,255,255,.28)}

/* ─── SECTION INTRO ──────────────────────────────────────────── */
.section-intro{max-width:560px;margin-bottom:3.5rem}
.section-intro.centered{margin:0 auto 3.5rem;text-align:center}
.section-intro h2{color:var(--forest);margin:.55rem 0 1rem}
.section-intro p{color:var(--charcoal-md)}

/* ─── CARDS ──────────────────────────────────────────────────── */
.card{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid rgba(196,218,176,.35);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.card-mist{background:var(--sage-mist);border-color:var(--sage-pale)}
.card-forest{background:var(--forest)}
.card-forest h3,.card-forest h4{color:var(--white)}
.card-forest p{color:rgba(255,255,255,.7)}

/* ─── TAGS ───────────────────────────────────────────────────── */
.tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.27rem .8rem;border-radius:50px}
.tag-green{background:var(--sage-mist);color:var(--sage)}
.tag-sand{background:#FFF4E6;color:#9A5E18}
.tag-teal{background:var(--teal-pale);color:var(--teal)}
.tag-white{background:rgba(255,255,255,.14);color:var(--white)}

/* ─── SERVICE GRID ───────────────────────────────────────────── */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.svc-grid{grid-template-columns:1fr}}
.svc-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2rem;transition:background .3s,transform .3s}
.svc-card:hover{background:rgba(255,255,255,.13);transform:translateY(-4px)}
.svc-icon{width:52px;height:52px;border-radius:var(--radius-sm);background:rgba(104,160,64,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.svc-icon svg{width:24px;height:24px;stroke:var(--sage-pale);fill:none;stroke-width:1.5}
.svc-card h3{color:var(--white);font-size:1.25rem;margin-bottom:.6rem}
.svc-card p{color:rgba(255,255,255,.62);font-size:.875rem;margin:0}

/* ─── IMPACT ─────────────────────────────────────────────────── */
.impact-band{background:var(--forest);padding:clamp(4.5rem,9vw,8rem) 0}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
@media(max-width:768px){.impact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.impact-grid{grid-template-columns:1fr}}
.impact-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:background .3s}
.impact-card:hover{background:rgba(255,255,255,.12)}
.stat-item{text-align:center;padding:2rem 1.5rem}
.stat-item .num{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:400;color:var(--white);line-height:1;display:block;margin-bottom:.4rem}
.stat-item .label{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.5}
.stat-item .sub{font-size:.7rem;color:var(--sage-pale);margin-top:.2rem;display:block}

/* ─── TESTIMONIALS ───────────────────────────────────────────── */
.testimonial{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid rgba(196,218,176,.3);display:flex;flex-direction:column}
.testimonial.featured{background:var(--forest)}
.testimonial.featured .quote{color:rgba(255,255,255,.85)}
.testimonial.featured .author-name{color:var(--white)}
.testimonial.featured .author-note{color:var(--sage-pale)}
.testimonial.featured .divider{border-color:rgba(255,255,255,.1)}
.testimonial .qmark{font-family:'Cormorant Garamond',serif;font-size:3.5rem;line-height:.5;color:var(--sage-pale);font-style:italic}
.testimonial.featured .qmark{color:rgba(255,255,255,.18)}
.testimonial .quote{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:var(--charcoal-md);line-height:1.65;margin-top:.75rem}
.testimonial .divider{border:none;border-top:1px solid rgba(196,218,176,.3);margin:1.25rem 0}
.testimonial .author{display:flex;align-items:center;gap:.75rem}
.testimonial .author-avatar{width:40px;height:40px;border-radius:50%;background:var(--sage-mist);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:.95rem;color:var(--forest);flex-shrink:0}
.testimonial.featured .author-avatar{background:rgba(255,255,255,.14);color:var(--white)}
.testimonial .author-name{font-size:.9rem;font-weight:600;color:var(--forest)}
.testimonial .author-note{font-size:.75rem;color:var(--gray)}

/* ─── CHECKLIST ──────────────────────────────────────────────── */
.checklist{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.checklist li{display:flex;align-items:flex-start;gap:.7rem;font-size:.9rem;color:var(--charcoal-md);line-height:1.55}
.checklist li::before{content:'';width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:1px;background:var(--sage-mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A7A2B' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='20,6 9,17 4,12'/%3E%3C/svg%3E") center/13px no-repeat}
.checklist.white li{color:rgba(255,255,255,.82)}
.checklist.white li::before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='20,6 9,17 4,12'/%3E%3C/svg%3E")}

/* ─── FORMS ──────────────────────────────────────────────────── */
.form-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.15rem}
.form-group label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--charcoal-md)}
.form-group input,.form-group textarea,.form-group select{padding:.88rem 1.1rem;border:1.5px solid var(--gray-light);border-radius:var(--radius-sm);font-size:.9rem;color:var(--charcoal);background:var(--cream);outline:none;transition:border-color .2s,box-shadow .2s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(74,122,43,.08)}
.form-group textarea{resize:vertical;min-height:130px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:500px){.form-row{grid-template-columns:1fr}}
.form-submit{width:100%;padding:1.05rem;background:var(--forest);color:var(--white);border:none;border-radius:50px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}
.form-submit:hover{background:var(--sage);transform:translateY(-1px)}

/* ─── RESOURCES ──────────────────────────────────────────────── */
.resource-card{background:var(--white);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-xs);border:1px solid rgba(196,218,176,.35);display:flex;flex-direction:column;gap:.75rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.resource-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.resource-card-header{display:flex;align-items:flex-start;gap:.75rem}
.resource-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}
.resource-card h4{font-size:1rem;color:var(--forest);line-height:1.3}
.resource-card p{font-size:.83rem;color:var(--gray);margin:0}
.resource-meta-item{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--charcoal-md)}
.resource-meta-item svg{width:13px;height:13px;stroke:var(--sage);fill:none;stroke-width:2;flex-shrink:0}
.resource-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem}
.res-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .9rem;border-radius:50px;font-size:.76rem;font-weight:600;border:1.5px solid;transition:all .2s}
.res-btn-primary{background:var(--forest);color:var(--white);border-color:var(--forest)}
.res-btn-primary:hover{background:var(--sage);border-color:var(--sage)}
.res-btn-outline{background:transparent;color:var(--forest);border-color:var(--sage-pale)}
.res-btn-outline:hover{background:var(--sage-mist)}
.cat-crisis{background:#FFF0EE;color:#C13926}
.cat-housing{background:#EBF2E5;color:#3B6D11}
.cat-mental{background:#EEF2FF;color:#3730A3}
.cat-food{background:#FFFBEA;color:#92400E}
.cat-transport{background:#F0FAFF;color:#075985}
.cat-employ{background:#F5F0FF;color:#5B21B6}
.cat-recovery{background:#F0FDF4;color:#166534}
.cat-health{background:#FFF1F2;color:#9F1239}
.cat-community{background:#FFF8F0;color:#9A4E00}
.search-bar{display:flex;gap:.5rem;background:var(--white);border-radius:50px;padding:.45rem .45rem .45rem 1.5rem;box-shadow:var(--shadow-md);border:1.5px solid var(--gray-light);max-width:640px;margin:0 auto 1.75rem;transition:border-color .2s}
.search-bar:focus-within{border-color:var(--sage)}
.search-bar input{flex:1;border:none;outline:none;background:none;font-size:.92rem;color:var(--charcoal)}
.search-bar input::placeholder{color:var(--gray)}
.search-bar button{background:var(--forest);color:var(--white);border:none;border-radius:50px;padding:.6rem 1.4rem;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}
.search-bar button:hover{background:var(--sage)}
.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.25rem}
.filter-pill{padding:.4rem 1.1rem;border-radius:50px;border:1.5px solid var(--gray-light);font-size:.77rem;font-weight:600;cursor:pointer;background:var(--white);color:var(--charcoal-md);transition:all .2s}
.filter-pill:hover,.filter-pill.active{background:var(--forest);color:var(--white);border-color:var(--forest)}

/* ─── TEAM CARDS ─────────────────────────────────────────────── */
.team-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid rgba(196,218,176,.35);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.team-card-img{height:200px;background:linear-gradient(135deg,var(--sage-mist),var(--sage-pale));display:flex;align-items:center;justify-content:center;position:relative}
.team-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--forest),var(--sage));display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:500;color:var(--white)}
.team-card-badge{position:absolute;top:1rem;right:1rem;background:var(--forest);color:var(--white);font-size:.63rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .75rem;border-radius:50px}
.team-card-body{padding:1.5rem 1.75rem 1.75rem}
.team-card-body h3{font-size:1.3rem;color:var(--forest);margin-bottom:.2rem}
.team-card-body .role{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sage);margin-bottom:.85rem}
.team-card-body p{font-size:.858rem;color:var(--gray);line-height:1.65;margin:0}

/* ─── PARTNER CARDS ──────────────────────────────────────────── */
.partner-card{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;box-shadow:var(--shadow-md);border:2px solid transparent;transition:transform .3s}
.partner-card:hover{transform:translateY(-5px)}
.partner-card.primary{border-color:var(--sage)}
.partner-card.secondary{border-color:var(--sand)}
.partner-card-icon{width:60px;height:60px;border-radius:var(--radius-sm);margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem}
.partner-card h3{color:var(--forest);margin-bottom:.75rem}
.partner-card p{font-size:.875rem;color:var(--gray);line-height:1.72}

/* ─── DONATE PAGE ────────────────────────────────────────────── */
.donate-tier{background:var(--white);border-radius:var(--radius-lg);padding:2rem;border:2px solid var(--gray-pale);box-shadow:var(--shadow-sm);transition:border-color .25s,transform .25s,box-shadow .25s;cursor:pointer;text-align:center}
.donate-tier:hover,.donate-tier.selected{border-color:var(--forest);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.donate-tier.featured{background:var(--forest);border-color:var(--forest)}
.donate-tier.featured h3,.donate-tier.featured .tier-label{color:rgba(255,255,255,.8)}
.donate-tier.featured p{color:rgba(255,255,255,.65)}
.donate-tier .tier-amount{font-family:'Cormorant Garamond',serif;font-size:2.8rem;color:var(--forest);line-height:1;font-weight:400}
.donate-tier.featured .tier-amount{color:var(--white)}
.donate-tier .tier-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sage);margin:.3rem 0 .75rem;display:block}
.donate-tier h3{font-size:1.08rem;margin-bottom:.5rem;color:var(--forest)}
.donate-tier p{font-size:.84rem;color:var(--gray);margin:0;line-height:1.6}
.donate-tier .tier-badge{background:var(--sand);color:white;font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .7rem;border-radius:50px;margin-bottom:.85rem;display:inline-block}

.impact-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:1px solid rgba(196,218,176,.3)}
.impact-item-icon{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--sage-mist);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.impact-item h4{color:var(--forest);margin-bottom:.35rem;font-size:1.08rem}
.impact-item p{font-size:.84rem;margin:0}

.faq-item{border-bottom:1px solid var(--gray-pale)}
.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;cursor:pointer;gap:1rem}
.faq-question h4{color:var(--forest);font-family:'Plus Jakarta Sans',sans-serif;font-size:.93rem;font-weight:600;margin:0}
.faq-toggle{width:28px;height:28px;border-radius:50%;background:var(--sage-mist);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}
.faq-toggle svg{width:14px;height:14px;stroke:var(--sage);fill:none;stroke-width:2.5;transition:transform .25s}
.faq-item.open .faq-toggle{background:var(--forest)}
.faq-item.open .faq-toggle svg{stroke:white;transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.faq-answer-inner{padding:0 0 1.25rem;font-size:.9rem;color:var(--charcoal-md);line-height:1.75}
.faq-item.open .faq-answer{max-height:300px}

/* ─── FOOTER ─────────────────────────────────────────────────── */
footer{background:var(--charcoal);padding:clamp(3.5rem,7vw,6rem) 0 2.25rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3.5rem}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand .footer-logo{margin-bottom:1.25rem}
.footer-brand .footer-logo img{height:50px;width:auto;filter:brightness(0) invert(1) opacity(.75)}
.footer-brand p{font-size:.865rem;color:rgba(255,255,255,.42);line-height:1.78;max-width:280px}
.footer-social{display:flex;gap:.6rem;margin-top:1.5rem}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;transition:background .2s}
.footer-social a:hover{background:var(--sage)}
.footer-social svg{width:16px;height:16px;fill:rgba(255,255,255,.6)}
.footer-col h5{font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.3);margin-bottom:1.1rem}
.footer-col ul{display:flex;flex-direction:column;gap:.6rem}
.footer-col ul a{font-size:.87rem;color:rgba(255,255,255,.5);transition:color .2s}
.footer-col ul a:hover{color:var(--white)}
.footer-donate-strip{background:rgba(224,140,58,.1);border:1px solid rgba(224,140,58,.18);border-radius:var(--radius-md);padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}
.footer-donate-strip p{font-size:.875rem;color:rgba(255,255,255,.6);margin:0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:1.75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:.77rem;color:rgba(255,255,255,.3)}
.footer-bottom-links{display:flex;gap:1.5rem}
.footer-bottom-links a{font-size:.77rem;color:rgba(255,255,255,.35);transition:color .2s}
.footer-bottom-links a:hover{color:var(--white)}

/* ─── SCROLL REVEAL ──────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.left{transform:translateX(-28px)}
.reveal.right{transform:translateX(28px)}
.reveal.scale{transform:scale(.96)}
.reveal.visible{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}

/* ─── UTILITY ────────────────────────────────────────────────── */
.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}
.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}
.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:1rem}.gap-2{gap:2rem}
.bg-mist{background:var(--sage-mist)}.bg-cream{background:var(--cream)}.bg-warm{background:var(--cream-warm)}.bg-forest{background:var(--forest)}.bg-charcoal{background:var(--charcoal)}.bg-white{background:var(--white)}
.color-forest{color:var(--forest)}.color-sage{color:var(--sage)}.color-teal{color:var(--teal)}.color-sand{color:var(--sand)}