@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&family=Merriweather:ital,wght@0,400;0,700;1,300&display=swap');

:root{
 --orange:#00AEED;    /* Morning Sky: primary CTA */
 --orange-d:#0091C7;   /* Deep Sky: hover */
 --orange-l:#E0F5FD;   /* Sky 10 */
 --orange-ll:#F0FAFF;  /* Sky 5 */
 --gold:#F5D03A;     /* Refined Gold: accents only */
 --gold-d:#C8A41E;
 --gold-l:#FEFBE6;
 --teal:#00B8A9;     /* Hope Teal */
 --teal-d:#009688;
 --teal-l:#E0F8F6;
 --ember:#D9603B;    /* Earth Terracotta */
 --charcoal:#1A1F2E;   /* Onyx */
 --cream:#FAF7F2;    /* Bone */
 --cream-d:#F4F6F8;   /* Mist */
 --cream-dd:#E2E6EA;
 --cream-dd1:#86888a;
 --sand:#F4F6F8;
 --navy:#0A2540;     /* Midnight Indigo */
 --white:#FFFFFF;
 --text:#1A1F2E;
 --text-mid:#5C6770;
 --text-lt:#8E99A4;
 --text-llt:#D1D6DB;
 --sans:'Montserrat', Helvetica, Arial, sans-serif;
 --body:'Source Sans 3', Helvetica, Arial, sans-serif;
 --serif:'Montserrat', Helvetica, Arial, sans-serif; /* compatibility: old headings used --serif */
 --editorial:'Merriweather', Georgia, serif;
 --sh:0 18px 44px -18px rgba(10,37,64,.18);
 --sh-sm:0 7px 20px -14px rgba(10,37,64,.16);
 --sh-lg:0 28px 70px -28px rgba(10,37,64,.22);
 --rad:1rem;
 --rad-lg:1.35rem;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}

html{scroll-behavior:smooth;}
body{font-family:var(--body)!important;color:var(--text)!important;background:var(--cream)!important;line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
p,li,dd,dt,input,select,textarea,label,.sec-sub,.hero-lead,.form-input,.faq-a,.contact-form{font-family:var(--body)!important;}
h1,h2,h3,h4,h5,h6,.sec-title,.page-hero h1,.hero-copy-panel h1,.sp-hero h1,.nav-links a,.btn,button,.eyebrow,.ph-eyebrow,.hero-eyebrow,.stat-num,.pillar-metric-val,.transp-num,.sp-stat-val{font-family:var(--sans)!important;}
h1,.page-hero h1,.hero-copy-panel h1,.sp-hero h1{font-weight:800!important;letter-spacing:-.04em!important;line-height:1.08!important;}
h2,.sec-title{font-weight:700!important;letter-spacing:-.03em!important;line-height:1.15!important;}
h3{font-weight:700!important;letter-spacing:-.015em!important;}
.motto-pill span,.t-text,.story-quote-card p,.pull-quote,.quote-text{font-family:var(--editorial)!important;font-weight:400!important;font-style:italic;}

/* ══ HELPERS ══════════════════════════════════ */
.container{max-width:1260px;margin:0 auto;padding:0 1.5rem;}
.section{padding:5rem 0;}
.s-cream-d {background:var(--cream-d);}
.s-orange-l{background:var(--orange-ll);}
.s-teal-l {background:var(--teal-l);}
.s-gold-l {background:var(--gold-l);}
.s-sand  {background:var(--sand);}
.s-white {background: var(--white);}

.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:.9rem;}
.eyebrow::before{content:'';width:28px;height:2px;background:var(--orange-d);flex-shrink:0;}
.eyebrow.teal{color:var(--teal);}
.eyebrow.teal::before{background:var(--teal);}
.eyebrow.gold{color:var(--gold);}
.eyebrow.gold::before{background:var(--gold-d);}

.sec-title{font-family:var(--serif);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15;color:var(--charcoal);text-align:center;margin-bottom:.6rem;}
.sec-sub{font-size:1rem;color:var(--text-mid);text-align:center;max-width:640px;margin:0 auto 3rem;line-height:1.75;}

/* ══ BUTTONS ══════════════════════════════════ */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--sans);font-weight:700;font-size:.9rem;padding:.75rem 2rem;border-radius:99px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;}
.btn-orange{background:var(--orange);color:#fff;}
.btn-orange:hover{background:var(--orange-d);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,174,237,.35);}
.btn-teal{background:var(--teal);color:#fff;}
.btn-teal:hover{background:var(--teal-d);transform:translateY(-2px);}
.btn-gold{background:var(--gold);color:var(--white);}
.btn-gold:hover{background:var(--gold-d);color:#fff;transform:translateY(-2px);}
.btn-text{background:var(--text-mid);color:var(--white);}
.btn-text:hover{background:var(--text);color:#fff;transform:translateY(-2px);}
.btn-outline-o{background:transparent;color:var(--orange);border:2px solid var(--orange);}
.btn-outline-o:hover{background:var(--orange);color:#fff;}
.btn-outline-t{background:transparent;color:var(--teal);border:2px solid var(--teal);}
.btn-outline-t:hover{background:var(--teal);color:#fff;}
.btn-outline-g{background:transparent;color:var(--gold);border:2px solid var(--gold);}
.btn-outline-g:hover{background:var(--gold);color:#fff;}
.btn-ghost-w{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.35);backdrop-filter:blur(4px);}
.btn-ghost-w:hover{background:rgba(255,255,255,.22);}
.btn-white{background:#fff;color:var(--orange);}
.btn-white:hover{background:var(--cream);}
.btn-sm{padding:.5rem 1.25rem;font-size:.82rem;}
.btn-link{background:none;border:none;color:var(--teal);font-weight:700;font-size:.88rem;padding:0;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:gap .2s;}
.btn-link:hover{gap:.6rem;}
.btn-link1{background:none;border:none;color:var(--orange);font-weight:700;font-size:.88rem;padding:0;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:gap .2s;}
.btn-link1:hover{gap:.6rem;}
.btn-link2{background:none;border:none;color:var(--gold);font-weight:700;font-size:.88rem;padding:0;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:gap .2s;}
.btn-link2:hover{gap:.6rem;}

/* ══ REVEAL ═══════════════════════════════════ */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease;}
.reveal.in{opacity:1;transform:none;}
.reveal-left{opacity:0;transform:translateX(-24px);transition:opacity .55s ease,transform .55s ease;}
.reveal-left.in{opacity:1;transform:none;}
.reveal-right{opacity:0;transform:translateX(24px);transition:opacity .55s ease,transform .55s ease;}
.reveal-right.in{opacity:1;transform:none;}

/* ══════════════════════════════════════════════
  NAVBAR
══════════════════════════════════════════════ */
.navbar{
 position:sticky;top:0;z-index:900;
 background:var(--navy);
 backdrop-filter:blur(16px) saturate(1.4);
 border-bottom:1px solid rgba(245,208,58,.15);
 display:flex;align-items:center;justify-content:space-between;
 padding:.5rem 2rem;height:70px;
 transition:box-shadow .3s;
}
.navbar.scrolled{box-shadow:0 4px 20px rgba(10,37,64,.35);}
.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;}
.nav-logo-icon{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--orange));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nav-logo-icon i{color:#fff;font-size:1.1rem;}
.nav-logo-text{line-height:1.25;}
.nav-logo-name{font-family:var(--serif);font-size:1.1rem;font-weight:800;color:#fff;display:block;}
.nav-logo-sub{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(245,208,58,.8);display:block;}
.nav-logo img.logo-img{height:60px;display:block;}
.nav-links{display:flex;gap:.15rem;list-style:none;align-items:center;}
.nav-links>li{position:relative;}
.nav-links>li>a{font-family:var(--sans);font-weight:500;font-size:.67rem;color:rgba(255,255,255,.85);padding:.5rem .75rem;border-radius:.6rem;display:inline-flex;align-items:center;gap:.3rem;transition:.2s;}
.nav-links>li>a:hover,.nav-links>li>a.active{color:#fff;background:rgba(255,255,255,.1);}
.chev{font-size:.55rem;opacity:.6;transition:transform .25s;}
.nav-links>li:hover .chev{transform:rotate(180deg);opacity:1;color:var(--gold);}
.nav-donate{background:var(--orange)!important;color:#fff!important;border-radius:99px!important;padding:.5rem 1.4rem!important;font-weight:700!important;}
.nav-donate:hover{background:var(--orange-d)!important;box-shadow:0 4px 16px rgba(0,174,237,.4)!important;}
.dd-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:#fff;border:1px solid rgba(31,41,55,.08);border-radius:var(--rad);min-width:220px;padding:.5rem;margin-top:8px;box-shadow:var(--sh);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:99;list-style:none;}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:transparent;}
.nav-links>li:hover .dd-menu,.nav-links>li .dd-menu:hover,.nav-links>li:focus-within .dd-menu{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0);transition-delay:0s;}
.dd-menu a{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-radius:.6rem;font-size:.85rem;color:var(--charcoal);transition:.15s;}
.dd-menu a:hover{background:var(--orange-l);color:var(--orange);}
.dd-menu a.active{background:var(--orange-l);color:var(--orange);font-weight:700;}
.dd-ico{width:30px;height:30px;border-radius:.5rem;background:var(--cream-d);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none;}
.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s;}
.mob-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#fff;padding:1.5rem;z-index:800;flex-direction:column;gap:0;box-shadow:var(--sh);max-height:calc(100dvh - 70px);overflow-y:auto;}
.mob-menu.open{display:flex;}
.mob-item{border-bottom:1px solid var(--cream-d);}
.mob-link{display:block;padding:1rem 0;font-weight:500;font-size:.95rem;color:var(--charcoal);}
.mob-acc-btn{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:1rem 0;font-family:var(--sans);font-weight:500;font-size:.95rem;color:var(--charcoal);cursor:pointer;}
.mob-sub{display:none;padding:.25rem 0 .75rem 1rem;flex-direction:column;}
.mob-sub.open{display:flex;}
.mob-sub a{padding:.55rem 0;font-size:.88rem;color:var(--text-mid);border-bottom:1px solid var(--cream-d);}
.mob-sub a:hover{color:var(--orange);}
.mob-cta{margin-top:1.25rem;display:block;text-align:center;background:var(--orange);color:#fff;padding:1rem;border-radius:99px;font-weight:700;}

 /* ══════════════════════════════════════════════
  BREADCRUMB
══════════════════════════════════════════════ */
.breadcrumb-bar{background:var(--cream-d);border-bottom:1px solid var(--cream-dd);padding:.7rem 0;}
.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-lt);flex-wrap:wrap;}
.breadcrumb a{color:var(--text-lt);transition:color .2s;}
.breadcrumb a:hover{color:var(--orange);}
.breadcrumb .sep{color:var(--cream-dd1);font-size:.7rem;}
.breadcrumb .current{color:var(--orange);font-weight:600;}

/* ══════════════════════════════════════════════
  PAGE HERO BANNER
══════════════════════════════════════════════ */
.page-hero{
 position:relative;
 background:var(--navy);
 overflow:hidden;
 padding:5rem 0 4rem;
}
.page-hero-bg{
 position:absolute;inset:0;
 background-image:url('https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?w=1600&h=700&fit=crop');
 background-size:cover;background-position:center;
 opacity:.18;
}
.page-hero-pattern{
 position:absolute;inset:0;
 background:
  radial-gradient(ellipse 60% 80% at 85% 50%, rgba(245,208,58,.12) 0%, transparent 60%),
  radial-gradient(ellipse 40% 60% at 10% 30%, rgba(0,184,169,.1) 0%, transparent 55%);
 pointer-events:none;
}
.page-hero-inner{position:relative;z-index:2;}
.ph-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem;}
.ph-eyebrow::before{content:'';width:28px;height:2px;background:var(--gold);}
.page-hero h1{font-family:var(--serif);font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:1rem;letter-spacing:-.5px;}
.page-hero h1 em{color:var(--orange);font-style:italic;}
.page-hero p{font-size:1.1rem;color:rgba(255,255,255,.72);max-width:600px;line-height:1.8;margin-bottom:2rem;}
.ph-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.ph-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:rgba(255,255,255,.55);}
.ph-meta-item i{color:var(--orange);}
/* Floating accent card */
.ph-accent{
 position:absolute;right:8vw;top:50%;transform:translateY(-50%);
 background:rgba(255,255,255,.06);
 border:1px solid rgba(255, 255, 255,.9);
 backdrop-filter:blur(12px);
 border-radius:var(--rad-lg);
 padding:2rem;
 text-align:center;
 min-width:200px;
 display:none;
}
@media(min-width:900px){.ph-accent{display:block;}}
.ph-acc-num{font-family:var(--serif);font-size:2.8rem;font-weight:900;color:var(--orange);line-height:1;}
.ph-acc-lbl{font-size:.72rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem;}
.ph-acc-div{border-top:1px solid rgba(255,255,255,.9);margin:1rem 0;}

/* ══════════════════════════════════════════════
  IN-PAGE ANCHOR NAV (About sub-pages)
══════════════════════════════════════════════ */
.about-subnav{background:#fff;border-bottom:2px solid var(--cream-dd);position:sticky;top:68px;z-index:100;}
.asn-inner{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;}
.asn-inner::-webkit-scrollbar{display:none;}
.asn-link{display:inline-flex;align-items:center;gap:.4rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:600;color:var(--text-lt);border-bottom:3px solid transparent;white-space:nowrap;transition:.2s;margin-bottom:-2px;}
.asn-link:hover{color:var(--orange);}
.asn-link.active{color:var(--orange);border-bottom-color:var(--orange);}
.asn-link i{font-size:.75rem;}

/* ══════════════════════════════════════════════
  OVERVIEW SECTION — 2-col editorial
══════════════════════════════════════════════ */
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:1rem;}
.ov-text p{font-size:1.05rem;color:var(--text-mid);line-height:1.85;margin-bottom:1.25rem;}
.ov-text p:first-of-type{font-size:1.15rem;color:var(--text);font-weight:400;}
.ov-text .motto-pill{
 display:inline-flex;align-items:center;gap:.65rem;
 background:var(--orange-l);border:1.5px solid rgba(0,174,237,.18);
 padding:.85rem 1.25rem;border-radius:.75rem;margin-top:.5rem;
}
.ov-text .motto-pill i{color:var(--orange);font-size:1rem;flex-shrink:0;}
.ov-text .motto-pill span{font-family:var(--serif);font-size:1rem;font-style:italic;font-weight:700;color:var(--orange);}
.ov-visual{position:relative;}
.ov-img-stack{position:relative;}
.ov-img-main{width:100%;border-radius:var(--rad-lg);box-shadow:var(--sh-lg);object-fit:cover;height:440px;}
.ov-img-inset{
 position:absolute;bottom:-1.5rem;right:-1.5rem;
 width:42%;border-radius:var(--rad);
 border:4px solid var(--cream);
 box-shadow:var(--sh);
 object-fit:cover;height:160px;
}
.ov-badge{
 position:absolute;top:-3.5rem;left:-1.5rem;
 background:var(--orange);color:#fff;
 border-radius:var(--rad);padding:1rem 1.25rem;
 box-shadow:0 8px 24px rgba(0,174,237,.4);
 text-align:center;min-width:100px;
}
.ov-badge .bn{font-family:var(--serif);font-size:1.9rem;font-weight:900;line-height:1;}
.ov-badge .bl{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.85;margin-top:.2rem;}
.ov-caption{
 position:absolute;bottom:-1.5rem;left:1.5rem;
 background:#fff;border-radius:.75rem;
 box-shadow:var(--sh-sm);padding:.6rem 1rem;
 font-size:.75rem;color:var(--text-lt);
 display:flex;align-items:center;gap:.5rem;
 max-width:180px;
}
.ov-caption i{color:var(--teal);flex-shrink:0;}

/* ══════════════════════════════════════════════
  MISSION VISION VALUES — large editorial cards
══════════════════════════════════════════════ */
.mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.mvv-card{background:#fff;border-radius:var(--rad-lg);overflow:hidden;box-shadow:var(--sh-sm);transition:.3s;}
.mvv-card:hover{transform:translateY(-6px);box-shadow:var(--sh);}
.mvv-top{height:4px;}
/* .mvv-top.o{background:linear-gradient(90deg,var(--orange),var(--gold));}
.mvv-top.t{background:linear-gradient(90deg,var(--teal),#00B8A9);}
.mvv-top.g{background:linear-gradient(90deg,var(--gold),#F5CC6A);} */
.mvv-body{padding:2rem 1.75rem 2.25rem;}
.mvv-icon{width:52px;height:52px;border-radius:.8rem;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.3rem;}
.mvv-icon.o{background:var(--orange-l);color:var(--orange);}
.mvv-icon.t{background:var(--teal-l);color:var(--teal);}
.mvv-icon.g{background:var(--gold-l);color:var(--gold-d);}
.mvv-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-lt);margin-bottom:.5rem;}
.mvv-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:800;color:var(--charcoal);margin-bottom:.9rem;line-height:1.25;min-height:52px;}
.mvv-card p{font-size:.93rem;color:var(--text-mid);line-height:1.8;}

/* ══════════════════════════════════════════════
  CORE VALUES PILLARS
══════════════════════════════════════════════ */
.values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem;}
.val-pill{background:#fff;border-radius:var(--rad);padding:1.75rem 1.5rem;box-shadow:var(--sh-sm);text-align:center;transition:.25s;border-bottom:4px solid transparent;}
.val-pill:hover{transform:translateY(-4px);box-shadow:var(--sh);}
/* .val-pill:nth-child(1){border-bottom-color:var(--orange);}
.val-pill:nth-child(2){border-bottom-color:var(--gold);}
.val-pill:nth-child(3){border-bottom-color:var(--teal);}
.val-pill:nth-child(4){border-bottom-color:var(--charcoal);} */
.val-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;}
.val-icon.o{background:var(--orange-l);color:var(--orange);}
.val-icon.g{background:var(--gold-l);color:var(--gold-d);}
.val-icon.t{background:var(--teal-l);color:var(--teal);}
.val-icon.c{background:var(--cream-d);color:var(--charcoal);}
.val-pill h4{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--charcoal);margin-bottom:.4rem;}
.val-pill p{font-size:.82rem;color:var(--text-mid);line-height:1.7;text-align:left;}

/* ══════════════════════════════════════════════
  STORY / HISTORY TIMELINE
══════════════════════════════════════════════ */
.timeline{position:relative;margin-top:3rem;padding-left:2.5rem;}
.timeline::before{content:'';position:absolute;left:.75rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(180deg,var(--orange),var(--gold),var(--teal));}
.tl-item{position:relative;margin-bottom:2.5rem;padding-bottom:.5rem;}
.tl-item:last-child{margin-bottom:0;}
.tl-dot{position:absolute;left:-2.5rem;top:.25rem;width:1.5rem;height:1.5rem;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px var(--orange);background:var(--orange);display:flex;align-items:center;justify-content:center;transition:.2s;}
.tl-item:nth-child(2) .tl-dot{box-shadow:0 0 0 3px var(--gold);background:var(--gold);}
.tl-item:nth-child(3) .tl-dot{box-shadow:0 0 0 3px var(--teal);background:var(--teal);}
.tl-item:nth-child(4) .tl-dot{box-shadow:0 0 0 3px var(--charcoal);background:var(--charcoal);}
.tl-item:nth-child(5) .tl-dot{box-shadow:0 0 0 3px var(--orange-d);background:var(--orange-d);}
.tl-year{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:.3rem;}
.tl-item:nth-child(2) .tl-year{color:var(--gold-d);}
.tl-item:nth-child(3) .tl-year{color:var(--teal);}
.tl-title{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--charcoal);margin-bottom:.4rem;}
.tl-text{font-size:.9rem;color:var(--text-mid);line-height:1.75;}

/* ══════════════════════════════════════════════
  IMPACT NUMBERS — tinted band
══════════════════════════════════════════════ */
.impact-band{background:var(--charcoal);padding:2.5rem 0;}
.impact-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;}
.imp-num{font-family:var(--serif);font-size:2.4rem;font-weight:800;color:var(--white);line-height:1;}
.imp-lbl{font-size:.75rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.07em;margin-top:.3rem;}
.imp-div{border-left:1px solid rgba(255,255,255,.1);}

/* ══════════════════════════════════════════════
  APPROACH / HOW WE WORK
══════════════════════════════════════════════ */

.volunteer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem;}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.ap-card{background:#fff;border-radius:var(--rad);padding:2rem 1.75rem;box-shadow:var(--sh-sm);display:flex;gap:1.25rem;align-items:flex-start;transition:.25s;}
.ap-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.ap-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.ap-icon.o{background:var(--orange-l);color:var(--orange);}
.ap-icon.g{background:var(--gold-l);color:var(--gold-d);}
.ap-icon.t{background:var(--teal-l);color:var(--teal);}
.ap-icon.c{background:var(--cream-d);color:var(--charcoal);}
.ap-text h4{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--charcoal);margin-bottom:.4rem;}
.ap-text p{font-size:.88rem;color:var(--text-mid);line-height:1.75;}

/* ══════════════════════════════════════════════
  CERTIFICATIONS & TRUST
══════════════════════════════════════════════ */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.trust-card{background:#fff;border-radius:var(--rad);padding:1.75rem;box-shadow:var(--sh-sm);text-align:center;transition:.25s;}
.trust-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.tc-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;}
.tc-icon.o{background:var(--orange-l);color:var(--orange);}
.tc-icon.g{background:var(--gold-l);color:var(--gold-d);}
.tc-icon.t{background:var(--teal-l);color:var(--teal);}
.trust-card h4{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--charcoal);margin-bottom:.4rem;}
.trust-card p{font-size:.83rem;color:var(--text-mid);line-height:1.7;text-align: left;}

/* ══════════════════════════════════════════════
  TEAM / LEADERSHIP / BOARD CARDS
══════════════════════════════════════════════ */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-top:2.5rem;}
.person-card{background:#fff;border-radius:var(--rad-lg);padding:2rem 1.75rem;box-shadow:var(--sh-sm);text-align:center;transition:.25s;border-top:3px solid transparent;}
.person-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.person-card.o{border-top-color:var(--orange);}
.person-card.t{border-top-color:var(--teal);}
.person-card.g{border-top-color:var(--gold);}
.person-photo{width:108px;height:108px;border-radius:50%;margin:0 auto 1.1rem;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),#0d2f52);}
.person-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.person-photo .pp-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);font-size:2.1rem;}
.person-name{font-family:var(--serif);font-size:1.1rem;font-weight:800;color:var(--charcoal);margin-bottom:.2rem;}
.person-title{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.85rem;}
.person-title.o{color:var(--orange);}
.person-title.t{color:var(--teal);}
.person-title.g{color:var(--gold-d);}
.person-bio{font-size:.85rem;color:var(--text-mid);line-height:1.7;}
.person-pending{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;padding:.3rem .7rem;border-radius:99px;background:var(--cream-d);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-lt);}
@media(max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.team-grid{grid-template-columns:1fr;}}

/* ══════════════════════════════════════════════
  CTA TINTED BAND
══════════════════════════════════════════════ */
.cta-band{
 /* background:linear-gradient(135deg,var(--orange) 0%,var(--orange-d) 100%); */
 padding:4.5rem 0;position:relative;overflow:hidden;
}
.cta-band::before{
 content:'';position:absolute;
 top:-40%;right:-5%;
 width:500px;height:500px;
 border-radius:50%;
 background:rgba(255,255,255,.06);
 pointer-events:none;
}
.cta-band::after{
 content:'';position:absolute;
 bottom:-30%;left:-5%;
 width:350px;height:350px;
 border-radius:50%;
 background:rgba(255,255,255,.06);
 pointer-events:none;
}
.cta-inner{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto;}
.cta-band h2{font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:#fff;line-height:1.18;margin-bottom:.9rem;}
.cta-band p{font-size:1.05rem;color:rgba(255,255,255,.8);line-height:1.8;margin-bottom:2.25rem;}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}

/* ══════════════════════════════════════════════
  HERO — three-column: copy | carousel | donate
══════════════════════════════════════════════ */
.hero{background: radial-gradient(circle at 8% 10%, rgba(245, 208, 58, .15), transparent 28%), linear-gradient(135deg, var(--cream) 0%, var(--orange-ll) 48%, var(--cream-d) 100%) !important;padding:0;}
.hero-layout{display: grid !important;
    grid-template-columns: minmax(360px, .86fr) minmax(420px, 1.08fr) minmax(360px, .94fr) !important;
    gap: 1.15rem !important;
    align-items: stretch !important;
    min-height: calc(100vh - 70px) !important;
    padding: 1.35rem clamp(.75rem, 1.75vw, 2rem) 1.55rem !important;}

/* Left panel — copy */
.hero-copy-panel{
 display:flex;flex-direction:column;justify-content:center;
 padding:1.5rem 2.5rem 1.5rem 2vw;
 background: linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .38)) !important;
 border-radius: 1.65rem;
}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:1.2rem;background:#fff;padding:.4rem 1rem;border-radius:99px;box-shadow:var(--sh-sm);width: fit-content;}
.hero-eyebrow i{color:var(--gold);}
.hero-copy-panel h1{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.6rem);font-weight:900;line-height:1.08;color:var(--charcoal);margin-bottom:1.25rem;letter-spacing:-.5px;}
.hero-copy-panel h1 em{color:var(--orange);font-style:normal;}
.hero-copy-panel h1 .teal-word{color:var(--orange);}
.hero-lead{font-size:1rem;color:var(--text-mid);line-height:1.82;margin-bottom:2rem;max-width:480px;}
.hero-cta-row{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:2.25rem;}
.hero-trust-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-top:1.75rem;border-top:1px solid var(--cream-dd);}
.htr-item{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-lt);}
.htr-item i{color:var(--teal);font-size:.85rem;}

/* Centre panel — story carousel (reduced width) */
.hero-visual-panel{position:relative;overflow:hidden;border-radius: 1.65rem;}
.story-slides{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.story-slide{min-width:100%;height:100%;background-size:cover;background-position:center;position:relative;flex-shrink:0;}
.story-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,37,64,.08) 0%,rgba(10,37,64,.78) 100%);}
.slide-caption{position:absolute;bottom:2rem;left:1.75rem;right:1.75rem;color:#fff;z-index:2;}
.slide-tag{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .65rem;border-radius:99px;margin-bottom:.6rem;background:var(--orange);color:#fff;}
.slide-caption h3{font-family:var(--serif);font-size:1.25rem;font-weight:700;line-height:1.22;text-shadow:0 2px 8px rgba(0,0,0,.4);margin-bottom:.3rem;}
.slide-caption p{font-size:.8rem;opacity:.82;line-height:1.5;}
/* Floating story quote card */
.story-quote-card{
 position:absolute;bottom:2.5rem;right:-100%;
 background:#fff;border-radius:var(--rad);padding:1.25rem 1.4rem;
 width:200px;box-shadow:var(--sh);z-index:4;
 transition:right .5s ease .3s;
}
.story-quote-card.visible{right:1rem;}
.sqc-quote{font-family:var(--serif);font-size:.9rem;color:var(--charcoal);line-height:1.5;font-style:italic;margin-bottom:.7rem;}
.sqc-name{font-size:.7rem;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.06em;}
.sqc-role{font-size:.65rem;color:var(--text-lt);}
/* Carousel controls */
.cs-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(255,255,255,.3);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:.2s;font-size:.8rem;}
.cs-btn:hover{background:var(--orange);border-color:var(--orange);}
.cs-prev{left:.6rem;}
.cs-next{right:.6rem;}
.cs-dots{position:absolute;bottom:.85rem;left:1.75rem;display:flex;gap:.35rem;z-index:5;}
.cs-dot{width:7px;height:7px;background:rgba(255,255,255,.45);border-radius:99px;cursor:pointer;border:none;transition:.3s;padding:0;}
.cs-dot.on{width:20px;background:var(--gold);}
/* Floating stat */
.hero-stat-bubble{
 position:absolute;top:1.5rem;left:1.5rem;
 background:rgba(255,255,255,.95);border-radius:var(--rad);
 padding:.75rem 1rem;box-shadow:var(--sh);z-index:5;
}
.hsb-num{font-family:var(--serif);font-size:1.6rem;font-weight:800;color:var(--orange);line-height:1;}
.hsb-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-lt);margin-top:.12rem;}

/* ══════════════════════════════════════════════
  HERO DONATE WIDGET (right panel)
══════════════════════════════════════════════ */
.hero-donate-panel{
 background: radial-gradient(circle at 14% 0%, rgba(245, 208, 58, .22), transparent 32%), linear-gradient(180deg, #fff 0%, var(--orange-ll) 58%, #fffdf0 100%) !important;
 color: var(--text) !important;
  border: 1px solid rgba(0, 174, 237, .24) !important;
  box-shadow: 0 34px 70px -36px rgba(10, 37, 64, .46), 0 18px 44px -30px rgba(0, 174, 237, .42), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
 display:flex;flex-direction:column;justify-content:center;
 padding:2.5rem 2rem;
 overflow-y:auto;border-radius: 1.65rem;
}
.hdp-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;}
.hdp-logo-dot{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--orange));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hdp-logo-dot i{color:#fff;font-size:.7rem;}
.hdp-logo-text{font-family:var(--serif);font-size:.95rem;font-weight:700;color:#fff;line-height:1.2;}
.hdp-logo-sub{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(245,208,58,.75);}

/* ─── Tab row ─── */
.hdp-tabs{display:flex;background:rgba(255,255,255,.07);border-radius:.65rem;padding:.2rem;margin-bottom:1.5rem;gap:.2rem;}
.hdp-tab{flex:1;text-align:center;padding:.5rem .25rem;border-radius:.5rem;font-size:.72rem;font-weight:700;cursor:pointer;color:rgba(255,255,255,.55);transition:.2s;border:none;background:transparent;font-family:var(--sans);}
.hdp-tab.on{background:var(--orange);color:#fff;box-shadow:0 2px 8px rgba(0,174,237,.4);}
.hdp-tab:not(.on):hover{color:#fff;background:rgba(255,255,255,.1);}

/* ─── Give panel ─── */
.hdp-panel{display:none;}
.hdp-panel.on{display:block;}

/* Frequency pills */
.hdp-freq{display:flex;gap:.4rem;margin-bottom:1.1rem;flex-wrap:wrap;}
.hdp-freq-btn{padding:.38rem .85rem;border-radius:99px;border:1.5px solid rgba(255,255,255,.2);background:transparent;font-family:var(--sans);font-size:.72rem;font-weight:700;color:rgba(255,255,255,.6);cursor:pointer;transition:.2s;}
.hdp-freq-btn.on{border-color:var(--gold);color:var(--gold);background:rgba(245,208,58,.12);}
.hdp-freq-btn:not(.on):hover{border-color:rgba(255,255,255,.4);color:#fff;}

/* Amount grid */
.hdp-amt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.65rem;}
.hdp-amt-btn{padding:.55rem .25rem;border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);border-radius:.55rem;font-family:var(--sans);font-size:.85rem;font-weight:700;color:rgba(255,255,255,.8);cursor:pointer;transition:.2s;}
.hdp-amt-btn.on{border-color:var(--orange);background:rgba(0,174,237,.2);color:var(--navy) !important;}
.hdp-amt-btn:not(.on):hover{border-color:rgba(255,255,255,.3);color:var(--navy) !important;}

/* Fixed Custom Amount Input */
.hdp-custom-wrap {
  margin-bottom: .9rem !important;
  border: 1.5px solid var(--cream-dd) !important;
  border-radius: .9rem !important;
  background: #fff !important;
  display: none; /* JS switches this to flex */
  align-items: center;
  overflow: hidden;
  box-shadow: 0 14px 30px -28px rgba(10,37,64,.46) !important;
  position: relative !important;
  z-index: 10 !important;
}

.hdp-custom-wrap:focus-within {
  border-color: var(--orange) !important;
  box-shadow: 0 0 0 1px var(--orange) !important;
}

.hdp-custom-prefix {
  color: var(--navy) !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  padding-left: 1.1rem !important;
  display: none; 
  user-select: none !important;
}

.hdp-custom-inp {
  flex: 1 1 auto !important; /* Forces the input to grow and fill the wrapper */
  width: 100% !important;
  min-height: 52px !important; /* Creates a massive, undeniable click area */
  padding: .5rem 1rem .5rem .25rem !important;
  border: none !important; 
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--navy) !important;
  font-family: var(--sans) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  display: none; 
  outline: none !important;
  pointer-events: auto !important; /* Guarantees clicks bypass hidden overlays */
  user-select: auto !important; /* Guarantees the cursor works */
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}

.hdp-custom-inp::placeholder {
  color: var(--text-lt) !important;
  font-weight: 500 !important;
}

/* Remove default browser arrows inside the number input for a clean UI */
.hdp-custom-inp::-webkit-outer-spin-button,
.hdp-custom-inp::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hdp-custom-inp[type=number] {
  -moz-appearance: textfield;
}

/* Impact line */
.hdp-impact{font-size:.75rem;color:rgba(255,255,255,.6);line-height:1.55;margin-bottom:1.1rem;min-height:2.4em;}
.hdp-impact strong{color:var(--gold);}

/* Designation */
.hdp-desig{width:100%;padding:.6rem .9rem;border:1.5px solid rgba(255,255,255,.15);border-radius:.55rem;background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);font-family:var(--sans);font-size:.82rem;margin-bottom:1rem;cursor:pointer;}
.hdp-desig:focus{outline:none;border-color:var(--gold);}
.hdp-desig option{background:#0A2540;color:#fff;}

/* CTA */
.hdp-cta{width:100%;padding:.82rem;border-radius:99px;background:var(--orange);color:#fff;font-family:var(--sans);font-weight:700;font-size:.9rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.45rem;transition:.2s;margin-bottom:.75rem;min-height:54px !important;}
.hdp-cta:hover{background:var(--orange-d);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,174,237,.4);}
.hdp-trust{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.65rem;color:rgba(255,255,255,.35);}
.hdp-trust i{color:var(--teal);font-size:.7rem;}
/* ══════════════════════════════════════════════
  TRANSPARENCY
══════════════════════════════════════════════ */
.transparency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1260px;margin:2.5rem auto 0;}
.transparency-grid-1 {margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1260px;margin-left:auto;margin-right:auto;}
.transp-card{background:#fff;border-radius:var(--rad-lg);padding:2.25rem 1.75rem;text-align:center;box-shadow:var(--sh-sm);transition:.25s;}
.transp-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.transp-icon{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;}
.transp-num{font-family:var(--serif);font-size:3rem;font-weight:800;line-height:1;margin-bottom:.35rem;}
.transp-label{font-size:1rem;font-weight:700;color:var(--charcoal);margin-bottom:.3rem;}
.transp-sub{font-size:.85rem;color:var(--text-lt);line-height:1.6;}

/* Keep old bento classes to avoid any residual layout issues */
.prog-bento{display:none;}
.pc{display:none;}

/* ─── Sponsor panel ─── */
.hdp-sponsor-paths{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;}
.hdp-path{border:1.5px solid rgba(255,255,255,.12);border-radius:.85rem;padding:1.1rem 1.1rem .9rem;cursor:pointer;transition:.25s;background:rgba(255,255,255,.04);}
.hdp-path:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);}
.hdp-path.on{border-color:var(--gold);background:rgba(245,208,58,.1);}
.hdp-path-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;}
.hdp-path-icon{width:36px;height:36px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hdp-path-title{font-family:var(--serif);font-size:.95rem;font-weight:700;color:#fff;line-height:1.2;}
.hdp-path-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-top:.1rem;}
.hdp-path-desc{font-size:.75rem;color:rgba(255,255,255,.6);line-height:1.55;margin-bottom:.65rem;}
.hdp-path-bullets{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.6rem;}
.hdp-path-bullet{display:flex;align-items:flex-start;gap:.45rem;font-size:.72rem;color:rgba(255,255,255,.55);}
.hdp-path-bullet i{font-size:.55rem;margin-top:.2rem;flex-shrink:0;}
.hdp-path-price{display:flex;align-items:baseline;gap:.3rem;}
.hdp-path-amount{font-family:var(--serif);font-size:1.45rem;font-weight:800;color:var(--gold);}
.hdp-path-period{font-size:.72rem;color:rgba(255,255,255,.5);}
.hdp-path-badge{font-size:.6rem;font-weight:700;background:var(--orange);color:#fff;padding:.15rem .5rem;border-radius:99px;margin-left:.4rem;}
.hdp-sponsor-cta{width:100%;padding:.82rem;border-radius:99px;background:var(--gold);color:var(--charcoal);font-family:var(--sans);font-weight:700;font-size:.9rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.45rem;transition:.2s;margin-bottom:.6rem;}
.hdp-sponsor-cta:hover{background:var(--gold-d);color:#fff;transform:translateY(-1px);}
.hdp-sponsor-note{font-size:.68rem;color:rgba(255,255,255,.35);text-align:center;line-height:1.5;}

/* ══════════════════════════════════════════════
  TRUST BADGE STRIP
══════════════════════════════════════════════ */
.trust-strip{background:#fff;border-top:1px solid var(--cream-dd);border-bottom:1px solid var(--cream-dd);padding:.85rem 0;}
.trust-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;overflow:hidden;}
.trust-badge{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border-right:1px solid var(--cream-dd);flex-shrink:0;}
.trust-badge:last-child{border-right:none;}
.trust-icon{width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;}
.trust-icon.o{background:var(--orange-l);color:var(--orange);}
.trust-icon.g{background:var(--gold-l);color:var(--gold-d);}
.trust-icon.t{background:var(--teal-l);color:var(--teal);}
.trust-badge-title{font-size:.75rem;font-weight:700;color:var(--charcoal);line-height:1.2;}
.trust-badge-sub{font-size:.65rem;color:var(--text-lt);}

/* ══════════════════════════════════════════════
  STATS BAND
══════════════════════════════════════════════ */
.stats-band{background:var(--charcoal);padding:2.5rem 0;}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;}
.stat-num{font-family:var(--serif);font-size:2.4rem;font-weight:800;color:var(--gold);line-height:1;}
.stat-lbl{font-size:.75rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.07em;margin-top:.3rem;}
.stat-div{border-left:1px solid rgba(255,255,255,.1);}

/* ══════════════════════════════════════════════
  FOUNDATION
══════════════════════════════════════════════ */
.found-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.found-card{background:#fff;border-radius:var(--rad);padding:2rem 1.75rem;box-shadow:var(--sh-sm);transition:.25s;position:relative;overflow:hidden;}
.found-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;}
.found-card.o::before{background:var(--orange);}
.found-card.g::before{background:var(--gold);}
.found-card.t::before{background:var(--teal);}
.found-card:hover{transform:translateY(-5px);box-shadow:var(--sh);}
.found-icon{width:50px;height:50px;border-radius:.8rem;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.2rem;}
.found-icon.o{background:var(--orange-l);color:var(--orange);}
.found-icon.g{background:var(--gold-l);color:var(--gold-d);}
.found-icon.t{background:var(--teal-l);color:var(--teal);}
.found-card h3{font-family:var(--serif);font-size:1.25rem;font-weight:700;color:var(--charcoal);margin-bottom:.6rem;}
.found-card p{font-size:.92rem;color:var(--text-mid);line-height:1.78;}

/* ══════════════════════════════════════════════
  PROGRAMS — Four Pillars card grid
══════════════════════════════════════════════ */
.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem;}
.pillar-card{background:#fff;border-radius:var(--rad-lg);padding:1.75rem 1.5rem;box-shadow:var(--sh-sm);transition:.25s;cursor:pointer;display:flex;flex-direction:column;}
.pillar-card:hover{transform:translateY(-6px);box-shadow:var(--sh);}
.pillar-icon{width:56px;height:56px;border-radius:.9rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;flex-shrink:0;}
.pillar-tagline{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;}
.pillar-name{font-family:var(--serif);font-size:1.18rem;font-weight:700;color:var(--charcoal);margin-bottom:.75rem;line-height:1.25;min-height:47px;}
.pillar-desc{font-size:.88rem;color:var(--text-mid);line-height:1.75;margin-bottom:1.25rem;}
.pillar-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:1rem;border-top:1px solid var(--cream-dd);margin-bottom:1.25rem;}
.pillar-metric-val{font-family:var(--serif);font-size:.95rem;font-weight:700;color:var(--charcoal);}
.pillar-metric-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-lt);margin-top:.1rem;}
.pillar-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;transition:gap .2s;margin-top:auto;}
.pillar-link:hover{gap:.6rem;}

/* ══════════════════════════════════════════════
  PROGRAMS — Photo-led bento tiles
══════════════════════════════════════════════ */
.prog-bento{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:1.25rem;margin-top:2.5rem;}
.pc{position:relative;border-radius:var(--rad-lg);overflow:hidden;cursor:pointer;min-height:260px;}
.pc:nth-child(1){min-height:540px;}
.pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.pc:hover img{transform:scale(1.06);}
.pc-layer{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,37,64,.92) 0%,rgba(10,37,64,.2) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2.5vw,28px);transition:background .3s;}
.pc:hover .pc-layer{background:linear-gradient(to top,rgba(10,37,64,.96) 0%,rgba(10,37,64,.3) 55%,transparent 100%);}
.pc-tag{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;}
.pc-name{font-family:var(--serif);font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:700;color:#F5F0E8;line-height:1.2;margin-bottom:.5rem;}
.pc:nth-child(1) .pc-name{font-size:clamp(1.5rem,3vw,2.1rem);}
.pc-desc{font-size:.82rem;color:rgba(245,240,232,.65);line-height:1.65;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .3s;}
.pc:hover .pc-desc{max-height:80px;opacity:1;}
.pc-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--gold);margin-top:.75rem;opacity:0;transform:translateY(5px);transition:.3s;}
.pc:hover .pc-link{opacity:1;transform:none;}
.pc-metrics{display:flex;gap:1.5rem;margin-top:.5rem;}
.pc-metric-val{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--gold);}
.pc-metric-lbl{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.5);}

/* ══════════════════════════════════════════════
  PRESSING NEEDS / CAMPAIGNS
══════════════════════════════════════════════ */
.campaigns-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.5rem;}
.camp-card{background:#fff;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh-sm);transition:.25s;}
.camp-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.camp-img{width:100%;height:155px;object-fit:cover;}
.camp-body{padding:1.25rem 1.4rem 1.4rem;}
.camp-urgency{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .65rem;border-radius:99px;margin-bottom:.6rem;}
.urg-red{background:#FEE2E2;color:#B91C1C;}
.urg-orange{background:var(--orange-l);color:var(--orange);}
.urg-teal{background:var(--teal-l);color:var(--teal);}
.urg-gold{background:var(--gold-l);color:var(--gold-d);}
.urg-text{background:var(--text-llt);color:var(--text);}
.camp-card h3{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--charcoal);margin-bottom:.4rem;line-height:1.3;}
.camp-card p{font-size:.82rem;color:var(--text-mid);line-height:1.72;margin-bottom:.9rem;min-height:100px;}
.prog-bar-wrap{background:var(--cream-d);border-radius:99px;height:8px;overflow:hidden;margin-bottom:.5rem;}
.prog-bar{height:100%;border-radius:99px;transition:width 1.2s ease;}
.pb-orange{background:linear-gradient(90deg,var(--gold),var(--orange));}
.pb-teal{background:linear-gradient(90deg,#7ECACA,var(--teal));}
.pb-gold{background:linear-gradient(90deg,#F0D070,var(--gold-d));}
.pb-text{background:linear-gradient(90deg,#D1D6DB,var(--text));}
.camp-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-lt);font-weight:600;margin-bottom:1rem;}
.camp-meta .raised{color:var(--charcoal);}

/* ══════════════════════════════════════════════
  SPONSOR-A-CHILD GALLERY
══════════════════════════════════════════════ */
.sponsor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2.5rem;}
.child-card{background:#fff;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh-sm);transition:.25s;cursor:pointer;}
.child-card:hover{transform:translateY(-5px);box-shadow:var(--sh);}
.child-img-wrap{position:relative;height:200px;overflow:hidden;}
.child-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.child-card:hover .child-img-wrap img{transform:scale(1.06);}
/* Gradient placeholder for missing photos */
.child-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.child-status{position:absolute;top:.75rem;left:.75rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .6rem;border-radius:99px;}
.cs-available{background:#D1FAE5;color:#065F46;}
.cs-sponsored{background:var(--gold-l);color:var(--gold-d);}
.child-body{padding:1.1rem 1.2rem 1.3rem;}
.child-name{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--charcoal);margin-bottom:.2rem;}
.child-info{font-size:.78rem;color:var(--text-lt);margin-bottom:.65rem;}
.child-needs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.9rem;}
.need-tag{font-size:.62rem;font-weight:700;background:var(--orange-l);color:var(--orange);padding:.2rem .5rem;border-radius:99px;}
.need-tag.teal{background:var(--teal-l);color:var(--teal);}
.need-tag.gold{background:var(--gold-l);color:var(--gold-d);}
.sponsor-cta-row{text-align:center;margin-top:2.5rem;}

/* ══════════════════════════════════════════════
  IMPACT STORIES
══════════════════════════════════════════════ */
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.story-card{background:#fff;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh-sm);transition:.25s;}
.story-card:hover{transform:translateY(-5px);box-shadow:var(--sh);}
.story-img{width:100%;height:185px;object-fit:cover;}
.story-body{padding:1.3rem 1.4rem 1.5rem;}
.story-meta{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem;}
.story-body h3{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--charcoal);line-height:1.3;margin-bottom:.5rem;}
.story-body p{font-size:.85rem;color:var(--text-mid);line-height:1.65;margin-bottom:.9rem;}

/* ══════════════════════════════════════════════
  TESTIMONIALS
══════════════════════════════════════════════ */
.testi-band{background:var(--orange-ll);padding:5rem 0;}
.testi-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.t-card{background:#fff;border-radius:var(--rad);padding:1.75rem;box-shadow:var(--sh-sm);border-left:0px solid var(--orange);transition:.25s;}
.t-card.teal-border{border-left-color:var(--teal);}
.t-card.gold-border{border-left-color:var(--gold);}
.t-card:hover{box-shadow:var(--sh);transform:translateX(3px);}
.t-quote{font-family:var(--serif);font-size:2.8rem;color:var(--orange);opacity:.25;line-height:.7;margin-bottom:.5rem;}
.t-text{font-size:.92rem;color:var(--text-mid);line-height:1.8;font-style:italic;margin-bottom:1.1rem;}
.t-author{display:flex;align-items:center;gap:.75rem;}
.t-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--gold));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.85rem;flex-shrink:0;}
.t-name{font-weight:700;font-size:.85rem;color:var(--charcoal);}
.t-role{font-size:.72rem;color:var(--text-lt);}

/* ══════════════════════════════════════════════
  GIVE HOPE / DONATION WAYS
══════════════════════════════════════════════ */
.give-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem;}
.give-card{background:#fff;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh-sm);text-align:center;transition:.25s;}
.give-card:hover{transform:translateY(-5px);box-shadow:var(--sh);}
.give-img{width:100%;height:120px;object-fit:cover;}
.give-body{padding:1.2rem 1.25rem 1.5rem;}
.give-body h3{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--charcoal);margin-bottom:.4rem;}
.give-body p{font-size:.82rem;color:var(--text-mid);margin-bottom:1rem;line-height:1.6;min-height:63px;text-align:left;}

/* ══════════════════════════════════════════════
  GET INVOLVED
══════════════════════════════════════════════ */
.involve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.inv-card{background:#fff;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh-sm);transition:.25s;}
.inv-card:hover{transform:translateY(-6px);box-shadow:var(--sh);}
.inv-img{width:100%;height:155px;object-fit:cover;transition:transform .5s;}
.inv-card:hover .inv-img{transform:scale(1.04);}
.inv-body{padding:1.5rem 1.5rem 1.75rem;}
.inv-body h3{font-family:var(--serif);font-size:1.2rem;font-weight:700;color:var(--charcoal);margin-bottom:.5rem;}
.inv-body p{font-size:.88rem;color:var(--text-mid);line-height:1.7;margin-bottom:1.2rem;}

/* ══════════════════════════════════════════════
  VIDEO LIBRARY
══════════════════════════════════════════════ */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.vid-card{background:#fff;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh-sm);transition:.25s;}
.vid-card:hover{transform:translateY(-5px);box-shadow:var(--sh);}
.vid-thumb{position:relative;height:180px;overflow:hidden;}
.vid-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.vid-card:hover .vid-thumb img{transform:scale(1.05);}
.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,37,64,.25);transition:.2s;}
.vid-card:hover .play-btn{background:rgba(10,37,64,.4);}
.play-circle{width:50px;height:50px;background:rgba(0,174,237,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;padding-left:3px;transition:.2s;}
.vid-card:hover .play-circle{transform:scale(1.12);background:var(--orange);}
.vid-body{padding:1.1rem 1.25rem 1.3rem;}
.vid-body h3{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--charcoal);margin-bottom:.4rem;line-height:1.3;}
.vid-body p{font-size:.82rem;color:var(--text-mid);margin-bottom:.75rem;line-height:1.6;}

/* ══════════════════════════════════════════════
  REPORTS TEAL BAND
══════════════════════════════════════════════ */
.reports-band{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-d) 100%);padding:3rem 0;}
.reports-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.reports-copy h2{font-family:var(--serif);font-size:1.85rem;color:#fff;margin-bottom:.3rem;}
.reports-copy p{color:rgba(255,255,255,.72);font-size:.95rem;}
.reports-btns{display:flex;gap:.9rem;flex-wrap:wrap;}

/* ══════════════════════════════════════════════
  NEWS
══════════════════════════════════════════════ */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem;}
.news-card{background:#fff;border-radius:var(--rad);padding:1.5rem;box-shadow:var(--sh-sm);display:flex;gap:1rem;align-items:flex-start;transition:.2s;}
.news-card:hover{box-shadow:var(--sh);}
.news-icon{width:46px;height:46px;border-radius:.7rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.news-icon.o{background:var(--orange-l);color:var(--orange);}
.news-icon.t{background:var(--teal-l);color:var(--teal);}
.news-card h3{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--charcoal);margin-bottom:.3rem;}
.news-card p{font-size:.86rem;color:var(--text-mid);line-height:1.65;margin-bottom:.7rem;}

/* ══════════════════════════════════════════════
  FAQ
══════════════════════════════════════════════ */
.faq-list{max-width:780px;margin:2.5rem auto 0;}
.faq-item{border-bottom:1px solid var(--cream-dd);}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:1.2rem .25rem;font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--charcoal);cursor:pointer;gap:1rem;text-align:left;}
.faq-q .chev-d{color:var(--teal);transition:transform .3s;flex-shrink:0;}
.faq-q.open .chev-d{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;padding:0 .25rem;}
.faq-a.open{max-height:250px;padding-bottom:1.25rem;}
.faq-a p{font-size:.9rem;color:var(--text-mid);line-height:1.75;}
 #board-resources-item .faq-a.open,
 #join-board-item .faq-a.open{max-height:600px;}
/* ══════════════════════════════════════════════
  CONTACT
══════════════════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;margin-top:2.5rem;}
.contact-info h3{font-family:var(--serif);font-size:1.5rem;font-weight:700;color:var(--charcoal);margin-bottom:1.4rem;}
.contact-info-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 100% !important;
    border: 1px solid var(--cream-dd) !important;
    border-radius: var(--rad-lg) !important;
    padding: 2.25rem 2rem !important;
}


.contact-info-card .ci-row{
  display:grid !important;
  grid-template-columns:46px 1fr !important;
  gap:1rem !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:.9rem 0 !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--cream-dd) !important;
}
.ci-icon{
  width:46px !important;
  height:46px !important;
  border-radius:.95rem !important;
  background:var(--orange-l) !important;
  color:var(--orange) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.contact-info-card [style*="margin-top:1.75rem"]{
  margin-top:auto !important;
  background:linear-gradient(180deg,var(--cream-d),var(--orange-ll)) !important;
  border:1px solid var(--cream-dd) !important;
  border-radius:1.2rem !important;
  padding:1.35rem !important;
}
.contact-message-card{align-self:stretch !important;}
.contact-info-card .ci-row:last-of-type{border-bottom:0 !important;}
.ci-row strong{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-lt);margin-bottom:.15rem;}
.ci-row span{font-size:.92rem;color:var(--charcoal);}
.map-wrap{margin-top:1.75rem;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh-sm);}
.form-row{margin-bottom:.9rem;}
.form-input{width:100%;padding:.72rem 1rem;border:1.5px solid var(--cream-dd);border-radius:.6rem;font-family:var(--sans);font-size:.9rem;color:var(--charcoal);background:#fff;transition:border-color .2s;}
.form-input:focus{outline:none;border-color:var(--orange);}
textarea.form-input{resize:vertical;min-height:110px;border-radius:.75rem;}
select.form-input{cursor:pointer;}
.contact-submit{width:100%;padding:.85rem;border-radius:99px;background:var(--orange);color:#fff;font-family:var(--sans);font-weight:700;font-size:.95rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s;margin-top:.5rem;}
.contact-submit:hover{background:var(--orange-d);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,174,237,.3);}
.contact-form {display:grid;grid-template-columns:1fr 1.6fr;gap:3rem;margin-top:2.5rem;align-items:start;}
.contact-form-1{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;}

/* ══════════════════════════════════════════════
  FOOTER (navy)
══════════════════════════════════════════════ */
footer{background:var(--navy);padding:3.5rem 0 2rem;color:#D1D5DB;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.6fr;gap:2.5rem;margin-bottom:2.5rem;}
.fb-desc{font-size:.88rem;color:rgba(255,255,255,.4);margin-top:.75rem;line-height:1.75;max-width:230px;}
.footer-brand img{height:auto;}
.fc-head{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:1.1rem;}
.fc-links{list-style:none;}
.fc-links li{margin-bottom:.5rem;}
.fc-links a{color:rgba(255,255,255,.4);font-size:.87rem;transition:.2s;}
.fc-links a:hover{color:var(--orange);}
.nl-form{display:flex;gap:.5rem;margin-top:.75rem;}
.nl-input{flex:1;padding:.62rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:99px;background:rgba(255,255,255,.05);color:#fff;font-family:var(--sans);font-size:.85rem;}
.nl-input::placeholder{color:rgba(255,255,255,.3);}
.nl-btn{padding:.62rem 1.1rem;background:var(--orange);color:#fff;border:none;border-radius:99px;font-family:var(--sans);font-weight:700;cursor:pointer;font-size:.82rem;transition:.2s;white-space:nowrap;}
.nl-btn:hover{background:var(--orange-d);}
.nl-note{font-size:.7rem;color:rgba(255,255,255,.25);margin-top:.5rem;}
.soc-row{display:flex;gap:.65rem;margin-top:1.1rem;}
.soc-a{width:34px;height:34px;border-radius:.5rem;background:rgba(255,255,255,.07);color:rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:.85rem;transition:.2s;}
.soc-a:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:rgba(255,255,255,.25);}
.footer-bottom a{color:rgba(255,255,255,.25);transition:.2s;}
.footer-bottom a:hover{color:var(--orange);}

/* ══════════════════════════════════════════════
  DONATION MODAL — multi-step from prototype
══════════════════════════════════════════════ */
.modal-overlay{
 position:fixed;inset:0;background:rgba(10,37,64,.65);
 backdrop-filter:blur(6px);z-index:9000;
 display:flex;align-items:center;justify-content:center;
 opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;
 padding:1rem;
}
.modal-overlay.open{opacity:1;visibility:visible;}
.modal-box{
 background:#fff;border-radius:var(--rad-lg);
 width:100%;max-width:560px;
 max-height:93dvh;overflow-y:auto;
 transform:translateY(20px) scale(.97);
 transition:transform .35s cubic-bezier(.4,0,.2,1);
 box-shadow:0 40px 80px rgba(10,37,64,.35);
}
.modal-overlay.open .modal-box{transform:none;}
.modal-header{
 display:flex;align-items:center;justify-content:space-between;
 padding:1.5rem 1.75rem 1.25rem;
 border-bottom:1px solid var(--cream-dd);
 position:sticky;top:0;background:#fff;z-index:2;
}
.modal-header-left h3{font-family:var(--serif);font-size:1.3rem;font-weight:800;color:var(--charcoal);margin-bottom:.1rem;}
.modal-header-left p{font-size:.78rem;color:var(--text-lt);}
.modal-close{width:34px;height:34px;border-radius:50%;background:var(--cream-d);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--charcoal);transition:.2s;flex-shrink:0;}
.modal-close:hover{background:var(--orange-l);color:var(--orange);}
.modal-body{padding:1.5rem 1.75rem 1.75rem;}
/* Progress steps */
.modal-steps{display:flex;gap:0;margin-bottom:1.75rem;}
.modal-step{flex:1;display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:var(--text-lt);position:relative;padding-bottom:.75rem;}
.modal-step::after{content:'';position:absolute;bottom:.3rem;left:0;right:0;height:2px;background:var(--cream-dd);}
.modal-step.active{color:var(--orange);}
.modal-step.active::after{background:var(--orange);}
.modal-step.done{color:var(--teal);}
.modal-step.done::after{background:var(--teal);}
.step-dot{width:18px;height:18px;border-radius:50%;background:var(--cream-dd);display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;}
.modal-step.active .step-dot{background:var(--orange);color:#fff;}
.modal-step.done .step-dot{background:var(--teal);color:#fff;}
/* Intent tabs */
.intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1.5rem;}
.intent-btn{background:var(--cream-d);border:2px solid transparent;border-radius:.75rem;padding:.85rem 1rem;text-align:left;cursor:pointer;transition:.2s;font-family:var(--sans);}
.intent-btn:hover{border-color:var(--orange-ll);background:#fff;}
.intent-btn.on{border-color:var(--orange);background:var(--orange-l);}
.intent-label{font-size:.88rem;font-weight:700;color:var(--charcoal);display:block;margin-bottom:.15rem;}
.intent-desc{font-size:.72rem;color:var(--text-lt);line-height:1.4;}
.intent-btn.on .intent-label{color:var(--orange);}
/* Frequency */
.freq-row{display:flex;background:var(--cream-d);border-radius:.7rem;padding:.25rem;margin-bottom:1.25rem;}
.freq-tab{flex:1;text-align:center;padding:.45rem;border-radius:.5rem;font-size:.8rem;font-weight:700;cursor:pointer;color:var(--text-mid);transition:.2s;border:none;background:transparent;font-family:var(--sans);}
.freq-tab.on{background:var(--orange);color:#fff;box-shadow:0 2px 8px rgba(0,174,237,.3);}
/* Amount grid */
.amt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;}
.amt-btn{padding:.65rem .4rem;border:1.5px solid var(--cream-dd);background:#fff;border-radius:.6rem;font-family:var(--sans);font-size:.9rem;font-weight:700;color:var(--charcoal);cursor:pointer;transition:.2s;}
.amt-btn:hover,.amt-btn.on{border-color:var(--orange);background:var(--orange-l);color:var(--orange);}
.custom-wrap{position:relative;margin-bottom:1rem;}
.custom-prefix{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-mid);font-weight:700;display:none;}
.custom-prefix.show{display:block;}
.custom-inp{width:100%;padding:.68rem .9rem .68rem 1.8rem;border:1.5px solid var(--cream-dd);border-radius:.6rem;font-family:var(--sans);font-size:.9rem;color:var(--charcoal);transition:.2s;display:none;}
.custom-inp.show{display:block;}
.custom-inp:focus{outline:none;border-color:var(--orange);}
/* Designation */
.desig-sel{width:100%;padding:.68rem 1rem;border:1.5px solid var(--cream-dd);border-radius:.6rem;font-family:var(--sans);font-size:.88rem;color:var(--charcoal);margin-bottom:1.1rem;background:#fff;cursor:pointer;}
.desig-sel:focus{outline:none;border-color:var(--teal);}
/* Impact box */
.impact-box{background:var(--cream-d);border-radius:.75rem;padding:.8rem 1rem;margin-bottom:1.25rem;font-size:.82rem;color:var(--text-mid);display:flex;gap:.6rem;align-items:flex-start;line-height:1.55;}
.impact-box i{color:var(--orange);flex-shrink:0;margin-top:.1rem;}
/* Modal CTAs */
.modal-cta{width:100%;padding:.9rem;border-radius:99px;background:var(--orange);color:#fff;font-family:var(--sans);font-weight:700;font-size:1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s;margin-bottom:.75rem;}
.modal-cta:hover{background:var(--orange-d);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,174,237,.3);}
.modal-cta.teal{background:var(--teal);}
.modal-cta.teal:hover{background:var(--teal-d);}
.modal-cta.outline{background:transparent;border:2px solid var(--cream-dd);color:var(--text-mid);}
.modal-cta.outline:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-l);transform:none;box-shadow:none;}
.modal-trust{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.7rem;color:var(--text-lt);}
.modal-trust i{color:var(--teal);}
/* Alternative giving strip */
.alt-strip{display:flex;gap:.5rem;margin-top:1rem;border-top:1px solid var(--cream-dd);padding-top:1rem;}
.alt-btn{flex:1;text-align:center;padding:.55rem .25rem;border:1px solid var(--cream-dd);border-radius:.6rem;font-size:.72rem;font-weight:700;color:var(--text-mid);cursor:pointer;background:#fff;transition:.2s;font-family:var(--sans);}
.alt-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-l);}
/* Confirmation step */
.confirm-check{width:64px;height:64px;border-radius:50%;background:#D1FAE5;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.6rem;color:#065F46;}
/* GIK Modal */
.gik-field{margin-bottom:1rem;}
.gik-label{font-size:.8rem;font-weight:700;color:var(--charcoal);margin-bottom:.35rem;display:block;}
.gik-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;}
.gik-opt{padding:.65rem .9rem;border:1.5px solid var(--cream-dd);background:#fff;border-radius:.6rem;font-size:.82rem;font-weight:600;color:var(--charcoal);cursor:pointer;transition:.2s;text-align:left;font-family:var(--sans);}
.gik-opt:hover,.gik-opt.on{border-color:var(--teal);background:var(--teal-l);color:var(--teal);}

/* ── Page-level tokens (mirrors homepage) ── */
 .sp-hero{background-color: var(--white);padding:5rem 0 3.5rem;}
 .sp-tabs{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;}
 .sp-tab{padding:.55rem 1.4rem;border-radius:99px;border:1.5px solid var(--cream-dd);background:#fff;font-family:var(--sans);font-size:.85rem;font-weight:700;color:var(--text-mid);cursor:pointer;transition:.2s;}
 .sp-tab.on{border-color:var(--orange);background:var(--orange);color:#fff;}
 .sp-tab:not(.on):hover{border-color:var(--orange);color:var(--orange);}
 .sp-panel{display:none;}
 .sp-panel.on{display:block;}
 /* Program detail card */
 .sp-detail{border-radius:var(--rad-lg);overflow:hidden;margin-bottom:2.5rem;}
 .sp-detail-header{padding:2.5rem 2.25rem 2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center;}
 .sp-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
 .sp-stat{background:rgba(255,255,255,.12);border-radius:.75rem;padding:1.1rem .75rem;text-align:center;}
 .sp-stat-val{font-family:var(--serif);font-size:1.8rem;font-weight:800;line-height:1;}
 .sp-stat-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;opacity:.65;margin-top:.25rem;}
 /* Feature list */
 .sp-feature{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:.9rem;}
 .sp-feature-icon{width:40px;height:40px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem;}
 .sp-feature-title{font-weight:700;font-size:.9rem;margin-bottom:.15rem;}
 .sp-feature-desc{font-size:.82rem;line-height:1.6;}
 /* Giving levels */
 .sp-giving-level{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border:1.5px solid var(--cream-dd);border-radius:.75rem;margin-bottom:.65rem;transition:.2s;}
 .sp-giving-level:hover{border-color:var(--orange);background:var(--orange-l);}
 .sp-giving-level.featured{border-color:var(--orange);background:var(--orange-l);}
 /* Giving mode cards */
 .sp-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2rem;}
 .sp-mode-card{background:#fff;border-radius:var(--rad);padding:1.5rem 1.4rem;box-shadow:var(--sh-sm);position:relative;overflow:hidden;}
 .sp-mode-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
 /* .sp-mode-orange::before{background:var(--orange);}
 .sp-mode-teal::before{background:var(--teal);}
 .sp-mode-navy::before{background:var(--navy);} */
 /* Stewardship / best-for cards */
 .sp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2rem;}
 .sp-info-card{background:#fff;border-radius:var(--rad);padding:1.6rem 1.5rem;box-shadow:var(--sh-sm);}
 .sp-info-card h4{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--charcoal);margin-bottom:.85rem;}
 .sp-info-card p{font-size:.85rem;color:var(--text-mid);line-height:1.75;}
 .sp-info-card ul{padding-left:1.1rem;font-size:.85rem;color:var(--text-mid);line-height:2;}
 /* Compare table */
 .sp-compare{width:100%;border-collapse:collapse;margin-top:1.5rem;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh-sm);}
 .sp-compare th{background:var(--navy);color:#fff;padding:.8rem;font-size:.82rem;font-weight:700;text-align:left;}
 .sp-compare td{padding:.8rem;font-size:.83rem;color:var(--text-mid);border-bottom:1px solid var(--cream-dd);background-color: var(--white);}
 .sp-compare tr:last-child td{border-bottom:none;}
 .sp-compare tr:nth-child(even) td{background:var(--orange-l);}
 .sp-compare .check{color:var(--teal);font-weight:700;}
 .sp-compare .check1{color:var(--orange);font-weight:700;}

/* ══════════════════════════════════════════════
  RESPONSIVE
══════════════════════════════════════════════ */
/* ══════════════════════════════════════════════
  RESPONSIVE — ordered largest → smallest
══════════════════════════════════════════════ */

/* ── 1200px: hide donate panel, collapse hero to 2-col ── */
@media(max-width:1200px){
 .hero-layout{grid-template-columns:1fr .9fr !important;}
 /* .hero-donate-panel{display:none;} */
}

/* ── 1024px: hero becomes single column ── */
@media(max-width:1024px){
 .hero-layout{grid-template-columns:1fr !important; min-height:auto !important;}
 .hero-copy-panel{padding:3rem 1.5rem 2rem;}
 .hero-visual-panel{height:55vw;min-height:320px;}
 /* .hero-donate-panel{display:none;} */
 .prog-bento{grid-template-columns:1fr;grid-template-rows:auto;}
 .pc:nth-child(1){grid-row:auto;min-height:300px;}
 .give-grid{grid-template-columns:repeat(2,1fr);}
 .sponsor-grid{grid-template-columns:repeat(2,1fr);}
 .footer-grid{grid-template-columns:repeat(2,1fr);}
}

/* ── 900px: nav collapses, overview/mvv/approach go single-col ── */
@media(max-width:900px){
 .hamburger{display:flex;}
 .nav-links{display:none;}
 .overview-grid{grid-template-columns:1fr;gap:2.5rem;}
 .ov-img-inset{width:35%;right:-1rem;bottom:-1rem;}
 .ov-badge{left:-1rem;}
 .mvv-grid{grid-template-columns:1fr;}
 .values-row{grid-template-columns:repeat(2,1fr);}
 .approach-grid{grid-template-columns:1fr;}
.volunteer-grid{grid-template-columns:1fr;}
 .trust-grid{grid-template-columns:1fr;}
 .impact-inner{grid-template-columns:repeat(2,1fr);}
 .imp-div:nth-child(3){border-left:none;}
 .footer-grid{grid-template-columns:repeat(2,1fr);}
 .ph-accent{display:none;}
 .sp-detail-header{grid-template-columns:1fr;}
 .sp-mode-grid{grid-template-columns:1fr;}
 .sp-info-grid{grid-template-columns:1fr;}
 /* pillars: 4→2 columns */
 .pillars-grid{grid-template-columns:repeat(3,1fr);}
 /* campaigns: 4→2 columns */
 .campaigns-grid{grid-template-columns:repeat(2,1fr);}
 /* transparency: 4→2 columns */
 .transparency-grid{grid-template-columns:repeat(2,1fr);}
 /* testimonials: 3→2 columns */
 .testi-inner{grid-template-columns:repeat(2,1fr);}
 /* stories/video: 3→2 columns */
 .stories-grid{grid-template-columns:repeat(2,1fr);}
 .video-grid{grid-template-columns:repeat(2,1fr);}
}

/* ── 768px: major single-column collapses ── */
@media(max-width:768px){
 .hamburger{display:flex;}
 .nav-links{display:none;}
 /* grids collapse to 1 col */
 .found-grid,.involve-grid,.stories-grid,.video-grid,
 .testi-inner,.campaigns-grid,.pillars-grid,
 .transparency-grid,.transparency-grid-1,
 .contact-form,.contact-form-1{grid-template-columns:1fr;}
 /* stats: 4→2 */
 .stats-inner{grid-template-columns:repeat(2,1fr);}
 .stat-div:nth-child(3){border-left:none;}
 .contact-grid{grid-template-columns:1fr;}
 .reports-inner{flex-direction:column;text-align:center;}
 .trust-inner{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;}
 .trust-badge{border-right:none;padding:.5rem 1rem;}
 .news-grid{grid-template-columns:1fr;}
 .footer-grid{grid-template-columns:1fr;}
 .intent-grid{grid-template-columns:1fr;}
 .story-quote-card{display:none;}
 /* hero copy panel breathing room */
 .hero-copy-panel{padding:2.5rem 1.25rem 2rem;}
 .hero-cta-row{flex-direction:column;align-items:flex-start;}
 .hero-cta-row .btn{width:100%;justify-content:center;}
 /* child sponsorship inline grid fix */
 .sponsorship-pathways{grid-template-columns:1fr !important;}
 /* section headings */
 .sec-title{font-size:clamp(1.65rem,6vw,2.4rem)!important;}
 /* pillar metrics readable */
 .pillar-metrics{grid-template-columns:repeat(3,1fr);}
}

/* ── 600px: further tightening ── */
@media(max-width:600px){
 .values-row{grid-template-columns:1fr;}
 .footer-grid{grid-template-columns:1fr;}
 .asn-link{padding:.85rem .9rem;font-size:.8rem;}
 /* stats: 2→2 but remove all dividers */
 .stats-inner{grid-template-columns:repeat(2,1fr);gap:.75rem;}
 .stat-div{border-left:none;}
 /* section padding tighter */
 .section{padding:3.5rem 0;}
 /* pillar metrics: 3-col is fine but tighten gap */
 .pillar-metrics{gap:.35rem;}
 .pillar-metric-val{font-size:.85rem;}
 /* trust strip: scroll horizontal */
 .trust-badge{flex-shrink:0;}
 /* reports band buttons stack */
 .reports-btns{flex-direction:column;align-items:stretch;}
 .reports-btns .btn{width:100%;justify-content:center;}
}

/* ── 480px: single column everything remaining ── */
@media(max-width:480px){
 .sponsor-grid{grid-template-columns:1fr;}
 .give-grid{grid-template-columns:1fr;}
 .campaigns-grid{grid-template-columns:1fr;}
 .testi-inner{grid-template-columns:1fr;}
 /* hero visual panel shorter */
 .hero-visual-panel{height:60vw;min-height:240px;}
 /* navbar logo smaller */
 .nav-logo img.logo-img{height:44px;}
 /* modal fits screen */
 .modal-box{border-radius:var(--rad);}
 .modal-body{padding:1.25rem 1.25rem 1.5rem;}
 /* stats: all 1-col on very small */
 .stats-inner{grid-template-columns:repeat(2,1fr);}
 /* faq padding */
 .faq-q{padding:1rem .1rem;font-size:.88rem;}
 /* contact form 1-col already handled at 768; tighten padding */
 .contact-info-card{padding:1.5rem 1.25rem !important;}
 /* footer bottom stack */
 .footer-bottom{flex-direction:column;align-items:flex-start;gap:.75rem;}
 /* news subscribe row */
 .news-subscribe-row{flex-direction:column !important;}
 .news-subscribe-row .btn{width:100% !important;justify-content:center !important;}
}

/* ── 430px: donation alt-giving row ── */
@media(max-width:430px){
 .hdp-alt-giving-row{grid-template-columns:1fr !important;}
}

.sibling-link:hover{transform:translateY(-5px);box-shadow:var(--sh);}

/* Buttons: bright but soft */
.btn,.nav-donate,.modal-cta,.hdp-cta,.hdp-sponsor-cta,.contact-submit{border-radius:999px!important;font-weight:700!important;letter-spacing:-.01em!important;box-shadow:none!important;}
.btn-orange,.nav-donate,.modal-cta,.hdp-cta,.hdp-sponsor-cta,.contact-submit{background:var(--orange)!important;color:white!important;}
.btn-orange:hover,.nav-donate:hover,.modal-cta:hover,.hdp-cta:hover,.hdp-sponsor-cta:hover,.contact-submit:hover{background:var(--orange-d)!important;transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(0,145,199,.65)!important;}
.btn-outline-o,.btn-outline-t,.btn-outline-g{border-color:var(--cream-dd)!important;background:white!important;color:var(--navy)!important;min-height:42px !important;}
.btn-outline-o:hover,.btn-outline-t:hover,.btn-outline-g:hover{border-color:var(--orange)!important;background:var(--orange-l)!important;color:var(--navy)!important;}
.btn-white{color:var(--navy)!important;}

/* Light, hopeful donation widget */
.hero-donate-panel h2{color:var(--navy)!important;}
.hero-donate-panel .hero-eyebrow{color:var(--orange)!important;}
.hdp-tabs{background:rgba(255,255,255,.74)!important;border:1px solid var(--cream-dd)!important;border-radius:999px;padding:.35rem !important;}
.hdp-tab{color:var(--text-mid)!important;background:transparent!important;}
.hdp-tab.on{background:var(--orange)!important;color:white!important;border-radius:999px;min-height:2.5rem !important;}
.hdp-freq{background:white!important;border:1px solid var(--cream-dd)!important;}
.hdp-freq-btn{color:var(--text-mid)!important;background:transparent!important;}
/* superseded by final PDF feedback styling: frequency active is underline-only; amount active is light sky */
.hdp-amt-btn,.amt-btn,.freq-tab,.intent-btn{background:white!important;border:1px solid var(--cream-dd)!important;color:var(--navy)!important;}
.hdp-amt-btn:hover,.amt-btn:hover,.freq-tab:hover,.intent-btn:hover{border-color:var(--orange)!important;background:var(--orange-l)!important;color:var(--navy)!important;}
.hdp-impact,.impact-box{background:var(--orange-ll)!important;border:1px solid rgba(0,174,237,.16)!important;color:var(--text-mid)!important;}
.hdp-impact strong,.impact-box strong{color:var(--navy)!important;}
.hdp-desig,.desig-sel,.custom-inp,.hdp-custom-inp,.form-input{background:white!important;border:1px solid var(--cream-dd)!important;color:var(--text)!important;}
.hdp-trust,.hdp-sponsor-note,.modal-trust{color:var(--text-mid)!important;}

.hdp-freq{display:flex !important;gap:1.25rem !important;align-items:center !important;flex-wrap:wrap !important;margin:.35rem 0 1.15rem !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.hdp-freq-btn,
.hdp-freq-btn.on,
.hdp-freq-btn:focus,
.hdp-freq-btn:hover{
  position:relative !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:.26rem .05rem .52rem !important;
  font-size:.78rem !important;
  line-height:1 !important;
  color:var(--text-mid) !important;
}
.hdp-freq-btn.on,
.hdp-freq-btn:hover,
.hdp-freq-btn:focus{color:var(--orange) !important;font-weight:800 !important;}
.hdp-freq-btn::after{content:'';position:absolute;left:0;right:0;bottom:.08rem;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--orange));transform:scaleX(0);transform-origin:center;transition:transform .22s ease;}
.hdp-freq-btn.on::after,
.hdp-freq-btn:hover::after,
.hdp-freq-btn:focus::after{transform:scaleX(1);}

/* Donation amount buttons: relaxed and clearly tappable. */
.hdp-amt-grid{gap:.75rem !important;margin-bottom:.9rem !important;}
.hdp-amt-btn{min-height:54px !important;padding:.85rem .75rem !important;border-radius:.9rem !important;background:#fff !important;border:1px solid var(--cream-dd) !important;color:var(--navy) !important;box-shadow:0 14px 30px -28px rgba(10,37,64,.46) !important;}
.hdp-amt-btn.on{background:var(--orange-ll) !important;border-color:var(--orange) !important;color:var(--navy) !important;box-shadow:0 18px 36px -30px rgba(0,174,237,.72),inset 0 0 0 1px rgba(0,174,237,.08) !important;}
.hdp-impact{background:rgba(224,245,253,.55) !important;border:1px solid rgba(0,174,237,.18) !important;color:var(--text-mid) !important;border-radius:1rem !important;padding:.85rem 1rem !important;}
.hdp-impact strong{color:var(--navy) !important;}
.hdp-desig{background:#fff !important;color:var(--navy) !important;border:1px solid var(--cream-dd) !important;border-radius:.9rem !important;min-height:48px !important;}
.hdp-desig option{background:#fff !important;color:var(--navy) !important;}
.hdp-trust{color:var(--text-mid) !important;}
.hdp-trust i{color:var(--teal) !important;}

/* 3) Make Gift In-Kind / Crypto-DAF / Pledge buttons visible in the light donation card. */
.hdp-alt-giving-row{margin-top:.9rem !important;padding-top:.9rem !important;border-top:1px solid rgba(226,230,234,.9) !important;display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:.55rem !important;}
.hdp-alt-btn{min-height:38px !important;padding:.55rem .4rem !important;border:1px solid var(--cream-dd) !important;border-radius:.8rem !important;background:#fff !important;color:var(--navy) !important;font-family:var(--sans) !important;font-size:.68rem !important;font-weight:800 !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:.35rem !important;box-shadow:0 12px 26px -24px rgba(10,37,64,.35) !important;transition:transform .18s ease,border-color .18s ease,color .18s ease !important;}
.hdp-alt-btn i{color:var(--orange) !important;}
.hdp-alt-btn:hover{transform:translateY(-1px) !important;border-color:var(--orange) !important;color:var(--orange) !important;}
@media(max-width:430px){.hdp-alt-giving-row{grid-template-columns:1fr !important;}}

/* 4) Sponsor tab: clear, modern, crisp icon and text contrast. */
#hdpPanelSponsor{color:var(--text) !important;}
#hdpPanelSponsor > div:first-child{color:var(--text-mid) !important;}
.hdp-path{background:#fff !important;border:1px solid var(--cream-dd) !important;color:var(--text) !important;box-shadow:0 16px 36px -32px rgba(10,37,64,.38) !important;}
.hdp-path.on{border-color:var(--orange) !important;box-shadow:0 18px 44px -32px rgba(0,174,237,.42) !important;}
#hdpPathRescue.on{border-color:var(--orange) !important;box-shadow:0 18px 44px -32px rgba(0,184,169,.42) !important;}
.hdp-path-icon{background:var(--orange-l) !important;color:var(--gold-d) !important;}
.hdp-path-icon i{color:var(--orange-d) !important;}
#hdpPathRescue .hdp-path-icon{background:var(--orange-l) !important;color:var(--teal-d) !important;}
#hdpPathRescue .hdp-path-icon i{color:var(--orange-d) !important;}
.hdp-path-title{color:var(--navy) !important;}
.hdp-path-tag{color:var(--text-mid) !important;}
.hdp-path-bullet{color:var(--text-mid) !important;}
.hdp-path-bullet i{color:var(--orange) !important;}
#hdpPathEdu .hdp-path-bullet i{color:var(--orange-d) !important;}
.hdp-path-amount{color:var(--navy) !important;}
.hdp-path-period,.hdp-sponsor-note{color:var(--text-mid) !important;}
.hdp-path-badge{background:var(--gold) !important;color:var(--navy) !important;}
.hdp-sponsor-cta{background:var(--orange) !important;color:#fff !important;box-shadow:0 18px 36px -28px rgba(0,145,199,.68) !important;}
.hdp-sponsor-cta.sponsor-care-active{background:var(--orange) !important;box-shadow:0 18px 36px -28px rgba(0,184,169,.62) !important;}
#hdpPanelSponsor .hdp-sponsor-note + div{color:var(--text-mid) !important;}
#hdpPanelSponsor .hdp-sponsor-note + div i{color:var(--teal) !important;}

/* 5) Restore the calm white trust strip, dark stats band, and clean subnav rhythm. */
.trust-strip{background:#fff !important;border-top:1px solid var(--cream-dd) !important;border-bottom:1px solid var(--cream-dd) !important;padding:.85rem 0 !important;}
.trust-inner{display:flex !important;align-items:center !important;justify-content:center !important;gap: .7rem !important;flex-wrap:wrap !important;}
.trust-badge{background:transparent !important;border-right:1px solid var(--cream-dd) !important;padding:.35rem 1rem !important;box-shadow:none !important;}
.trust-badge:last-child{border-right:0 !important;}
.trust-badge-title{color:var(--navy) !important;}
.trust-badge-sub{color:var(--text-mid) !important;}
.trust-icon{background:var(--orange-l) !important;color:var(--orange) !important;}
.stats-band{background:var(--navy) !important;color:#fff !important;}
.stats-inner{background:transparent !important;}
.stat-num{color:#fff !important;}
.stat-lbl{color:rgba(255,255,255,.64) !important;}
.about-subnav{background:#fff !important;border-top:1px solid var(--cream-dd) !important;border-bottom:1px solid var(--cream-dd) !important;}
.asn-link{color:var(--text-lt) !important;border-width:4px;}
.asn-link:hover,.asn-link.active{color:var(--orange) !important;border-bottom-color:var(--orange) !important;border-width:4px;}

.gik-opt{background:white!important;border-color:var(--cream-dd)!important;color:var(--navy)!important;}
.gik-opt.on,.intent-btn.on,.amt-btn.on,.freq-tab.on{background:var(--orange)!important;color:white!important;border-color:var(--orange)!important;}

.faq-list{display:grid !important;gap:.85rem !important;max-width:820px !important;}
.faq-item{background:#fff !important;border:1px solid var(--cream-dd) !important;border-radius:1rem !important;box-shadow:0 18px 44px -36px rgba(10,37,64,.25) !important;overflow:hidden !important;}
.faq-q{padding:1.05rem 1.25rem !important;color:var(--navy) !important;background:#fff !important;}
.faq-q span{color:var(--navy) !important;font-weight:800 !important;}
.faq-q span i{color:var(--orange) !important;background:var(--orange-l) !important;width:28px !important;height:28px !important;border-radius:.55rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-right:.65rem !important;}
.faq-q .chev-d{color:var(--text-lt) !important;}
.faq-q.open .chev-d{color:var(--orange) !important;}
.faq-a{background:#fff !important;}
.faq-a.open{padding:0 1.25rem 1.25rem !important;}
.faq-a p{color:var(--text-mid) !important;line-height:1.72 !important;}
/* #Contact,.contact-section{background:linear-gradient(180deg,var(--cream) 0%,var(--orange-ll) 100%)!important;color:var(--text)!important;} */
#Contact h2,#Contact h3,.contact-form h3{color:var(--navy)!important;}
.contact-form{background:transparent!important;}
.contact-form>div,.ci-row,.contact-form [style*="background:#fff"],.contact-form [style*="background:var(--white)"]{background:white!important;border-color:var(--cream-dd)!important;box-shadow:0 18px 44px -34px rgba(10,37,64,.25)!important;}
.ci-icon{background:var(--orange-l)!important;color:var(--orange)!important;}




/* ─── Leadership Grid ─── */
.leadership-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  margin-top: 3rem;
  justify-content: center;
  
}

.boardmembers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin-top: 3rem;
  justify-content: center;
  
}

.leader-card {
  background: #fff;
  border-radius: var(--rad-lg);
  overflow: hidden;
  box-shadow: var(--sh-sm);
  border: 1px solid var(--cream-dd);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.leader-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--sh);
}

.leader-img-wrap {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}

.leader-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.5s ease;
}

.leader-card:hover .leader-img {
  transform: scale(1.05);
}

.regional-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(10, 37, 64, 0.85); /* Navy transparent */
  color: #fff;
  padding: 0.4rem 1rem;
  border-radius: 99px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  backdrop-filter: blur(4px);
}

.leader-body {
  padding: 2rem 1.75rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.leader-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}

.leader-header1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.leader-header h3 {
  font-family: var(--serif);
  font-size: 1rem;
  color: var(--charcoal);
  margin: 0;
}

.leader-social {
  color: var(--text-lt);
  font-size: 1.1rem;
  transition: color 0.2s ease;
}

.leader-social:hover {
  color: #0077b5; /* LinkedIn Blue */
}

.leader-title {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--orange);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  /* margin-bottom: 1.25rem; */
  min-height:50px;
}

.leader-bio {
  font-size: 0.95rem;
  color: var(--text-mid);
  line-height: 1.6;
  margin-bottom: 1.5rem;
  flex-grow: 1;
}

.leader-contact {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--teal);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition: color 0.2s ease;
}

.leader-contact:hover {
  color: var(--teal-d);
}

/* Responsive Adjustments */
@media (max-width: 960px) {
  .leadership-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .leadership-grid {
    grid-template-columns: 1fr;
  }
  .leader-img-wrap {
    height: 380px;
  }
}


/* Responsive Adjustments */
@media (max-width: 960px) {
  .boardmembers-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .boardmembers-grid {
    grid-template-columns: 1fr;
  }
  .leader-img-wrap {
    height: 380px;
  }
}


/* ===== Donation modal: frequency step + monthly heart nudge (added) ===== */
.freq-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.3rem 0 1rem;}
.freq-card{position:relative;border:1.5px solid var(--cream-dd);background:#fff;border-radius:.7rem;padding:.8rem .4rem 1rem;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:.12rem;transition:.2s;font-family:var(--sans);overflow:visible;}
.freq-card:hover{border-color:var(--orange);}
.freq-card.on{border-color:var(--orange);background:var(--orange-l);box-shadow:0 3px 12px rgba(0,174,237,.18);}
.freq-card .fc-title{font-weight:800;font-size:.9rem;color:var(--navy);}
.freq-card .fc-sub{font-size:.64rem;color:var(--text-lt);}
.freq-card .fc-heart{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ff7a8a,#e23b5a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:0 5px 12px rgba(226,59,90,.5),0 1px 2px rgba(0,0,0,.18);animation:fcHeartPulse 2.4s ease-in-out infinite;}
@keyframes fcHeartPulse{0%,100%{transform:translateX(-50%) translateY(0) scale(1);}50%{transform:translateX(-50%) translateY(-3px) scale(1.08);}}
.dg-label{font-size:.82rem;font-weight:700;color:var(--charcoal);margin-bottom:.5rem;}
.dg-monthly-note{font-size:.72rem;color:var(--teal-d);background:rgba(0,184,169,.08);border-radius:.5rem;padding:.55rem .75rem;margin-bottom:.9rem;display:none;}
.dg-monthly-note.show{display:block;}
.modal-cta.outline{background:#fff;color:var(--navy);border:1.5px solid var(--cream-dd);}
.modal-cta.outline:hover{background:var(--cream-d);box-shadow:none;transform:none;}


/* ===== Campaigns page css ===== */
.camp-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.6rem}
    .cmp{background:#fff;border:1.5px solid var(--cream-d);border-radius:var(--rad-lg,18px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.05);transition:.2s}
    .cmp:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.1)}
    .cmp-top{height:4px}
    .cmp-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
    .cmp-tag{align-self:flex-start;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .7rem;border-radius:99px;margin-bottom:.8rem;color:#fff}
    .cmp-name{font-family:var(--serif);font-size:1.22rem;font-weight:800;color:var(--navy);margin-bottom:.5rem}
    .cmp-desc{font-size:.9rem;color:var(--text-mid);line-height:1.7;margin-bottom:1.1rem;flex:1}
    .cmp-bar{background:var(--cream-d);border-radius:99px;height:9px;overflow:hidden;margin-bottom:.5rem}
    .cmp-fill{height:100%;border-radius:99px}
    .cmp-meta{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:1.1rem}
    .cmp-meta .raised{font-weight:800;color:var(--charcoal)}
    .cmp-meta .goal{color:var(--text-lt)}
    .cmp-deadline{font-size:.76rem;color:var(--text-lt);margin-bottom:1rem}
    .cmp-deadline i{color:var(--orange)}
    .cmp-btn{border:none;color:#fff;border-radius:99px;padding:.75rem 1rem;font-size:.86rem;font-weight:800;cursor:pointer;transition:.18s}
    .cmp-btn:hover{filter:brightness(.95)}


     /* ===== Night of Hope (scoped) ===== */
    .noh-meta{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:1.25rem}
    .noh-meta-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.92rem;font-weight:600}
    .noh-meta-item i{color:var(--gold)}
    .noh-band{background:linear-gradient(135deg,var(--navy) 0%,#0d3358 100%);border-radius:var(--rad-lg,18px);padding:2.5rem;color:#fff;text-align:center;box-shadow:0 18px 48px rgba(10,37,64,.18)}
    .noh-band h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:.6rem;color:#fff}
    .noh-band p{color:rgba(255,255,255,.82);max-width:620px;margin:0 auto 1.6rem;line-height:1.8}
    .noh-row{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}
    .noh-note{margin-top:1rem;font-size:.82rem;color:rgba(255,255,255,.6)}
    /* share */
    .share-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;align-items:center}
    @media(max-width:760px){.share-wrap{grid-template-columns:1fr}}
    .share-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}
    .share-btn{display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid var(--cream-d);background:#fff;color:var(--charcoal);
      padding:.6rem 1rem;border-radius:99px;font-size:.85rem;font-weight:700;cursor:pointer;text-decoration:none;transition:.18s}
    .share-btn:hover{border-color:var(--navy);transform:translateY(-1px)}
    .share-btn i{font-size:1rem}
    .share-btn.fb i{color:#1877F2}.share-btn.x i{color:#000}.share-btn.li i{color:#0A66C2}.share-btn.wa i{color:#25D366}.share-btn.em i{color:var(--orange)}.share-btn.cp i{color:var(--gold-d)}
    .qr-card{background:#fff;border:1.5px solid var(--cream-d);border-radius:var(--rad-lg,18px);padding:1.5rem;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.06)}
    .qr-card img{/*width:150px;height:150px;*/border-radius:12px;background:var(--cream-d);object-fit:cover}
    .qr-card .qr-ph{width:150px;height:150px;margin:0 auto;border-radius:12px;border:2px dashed var(--text-lt);display:flex;align-items:center;justify-content:center;color:var(--text-lt);font-size:2.4rem}
    /* sponsorship */
    .spon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}
    .spon-card{position:relative;background:#fff;border:1.5px solid var(--cream-d);border-radius:var(--rad-lg,18px);padding:1.6rem 1.4rem;display:flex;flex-direction:column;transition:.2s}
    .spon-card:hover{border-color:var(--gold);box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-2px)}
    .spon-card.pop{border-color:var(--gold);box-shadow:0 14px 34px rgba(200,164,30,.16)}
    .spon-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--charcoal);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .7rem;border-radius:99px}
    .spon-name{font-family:var(--serif);font-size:1.15rem;font-weight:800;color:var(--navy);margin-bottom:.2rem}
    .spon-amt{font-size:1.6rem;font-weight:800;color:var(--charcoal);margin:.2rem 0 .1rem}
    .spon-amt small{font-size:.75rem;font-weight:600;color:var(--text-lt)}
    .spon-list{list-style:none;padding:0;margin:.9rem 0 1.2rem;display:flex;flex-direction:column;gap:.5rem}
    .spon-list li{display:flex;gap:.55rem;font-size:.84rem;color:var(--text-mid);line-height:1.5}
    .spon-list li i{color:var(--teal);margin-top:.18rem;font-size:.78rem}
    .spon-pick{margin-top:auto;border:none;background:var(--navy);color:#fff;border-radius:99px;padding:.7rem 1rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:.18s}
    .spon-pick:hover{background:var(--orange)}
    .spon-card.pop .spon-pick{background:var(--gold);color:var(--charcoal)}
    /* checkout */
    .checkout{max-width:680px;margin:2rem auto 0;background:var(--cream);border:1.5px solid var(--cream-d);border-radius:var(--rad-lg,18px);padding:2rem}
    .co-head{font-family:var(--serif);font-size:1.3rem;font-weight:800;color:var(--navy);margin-bottom:.3rem}
    .co-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1rem}
    @media(max-width:620px){.co-grid{grid-template-columns:1fr}}
    .co-field{display:flex;flex-direction:column;gap:.3rem}
    .co-field.full{grid-column:1/-1}
    .co-field label{font-size:.76rem;font-weight:700;color:var(--charcoal);text-align: left;}
    .co-field input,.co-field select,.co-field textarea{width: 100%;border:1px solid var(--cream-dd);border-radius:.6rem;padding:.7rem .8rem;font-size:.9rem;font-family:inherit;background:#fff}
    .co-field input:focus,.co-field select:focus,.co-field textarea:focus{outline:none;border-color:var(--navy)}
    .co-summary{background:#fff;border:1.5px dashed var(--gold);border-radius:.7rem;padding:.85rem 1rem;margin-top:1rem;font-size:.9rem;color:var(--charcoal);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
    .co-pay{width:100%;margin-top:1.1rem;border:none;background:var(--gold);color:var(--charcoal);font-weight:800;font-size:.98rem;padding:.95rem;border-radius:.7rem;cursor:pointer;transition:.18s}
    .co-pay:hover{filter:brightness(.96)}
    .co-trust{text-align:center;font-size:.76rem;color:var(--text-lt);margin-top:.8rem}
    .co-trust i{color:var(--teal)}
    .co-confirm{display:none;text-align:center;padding:1rem}
    .co-confirm .ck{width:64px;height:64px;border-radius:50%;background:rgba(0,184,169,.12);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto 1rem}
    .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:.7rem 1.2rem;border-radius:99px;font-size:.85rem;font-weight:600;opacity:0;pointer-events:none;transition:.25s;z-index:9999}
    .toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
/* ══════════════════════════════════════
   BACK TO TOP BUTTON
══════════════════════════════════════ */
#back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 999;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: var(--orange);
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .3s ease, visibility .3s ease, transform .3s ease, background .2s ease;
  /* no effect on any existing layout — purely fixed-position */
}
#back-to-top.btt-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#back-to-top:hover {
  background: var(--orange-d);
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,0,0,.3);
}
#back-to-top:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 3px;
}
#back-to-top:active {
  transform: translateY(0);
}
@media (max-width: 480px) {
  #back-to-top {
    bottom: 1.25rem;
    right: 1.25rem;
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}
.wpcf7-spinner {
	display:none !important;
}

.wpcf7-response-output {
    /* Layout & Spacing */
	color: #1a531b !important;
    background-color: #edf7ed !important;
    border: 1px solid #c3e6cb !important;
    border-left: 5px solid #28a745 !important; /* Thick left border for accent */
    border-radius: 10px !important;
    
    margin: 20px !important;
    padding: 20px !important;
}


/* ── Thank You page layout ───────────────────────────────────────────── */
    .ty-section {
      min-height: calc(100vh - 72px);
      display: flex;
      align-items: center;
      background: linear-gradient(160deg, var(--orange-ll) 0%, #fff 60%);
      padding: 4rem 0;
    }

    .ty-card {
      max-width: 680px;
      margin: 0 auto;
      background: #fff;
      border-radius: var(--rad-lg);
      box-shadow: 0 8px 48px rgba(10, 37, 64, .10);
      padding: 3rem 3.5rem;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .ty-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--orange), var(--teal), var(--gold));
    }

    .ty-icon {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      margin: 0 auto 1.5rem;
      position: relative;
    }

    .ty-icon-donation {
      background: var(--orange-l);
      color: var(--orange);
    }

    .ty-icon-gik {
      background: var(--teal-l);
      color: var(--teal);
    }

    .ty-icon-contact {
      background: var(--orange-l);
      color: var(--orange);
    }

    .ty-icon-newsletter {
      background: var(--gold-l);
      color: var(--gold-d);
    }

    .ty-icon-event {
      background: var(--gold-l);
      color: var(--gold-d);
    }

    .ty-icon-application {
      background: var(--teal-l);
      color: var(--teal);
    }

    .ty-icon-default {
      background: var(--orange-l);
      color: var(--orange);
    }

    /* animated pulse ring */
    .ty-icon::after {
      content: '';
      position: absolute;
      inset: -6px;
      border-radius: 50%;
      border: 2px solid currentColor;
      opacity: .25;
      animation: ty-pulse 2s ease-in-out infinite;
    }

    @keyframes ty-pulse {

      0%,
      100% {
        transform: scale(1);
        opacity: .25;
      }

      50% {
        transform: scale(1.1);
        opacity: .08;
      }
    }

    .ty-heading {
      font-family: var(--serif);
      font-size: clamp(1.75rem, 4vw, 2.4rem);
      font-weight: 800;
      color: var(--charcoal);
      line-height: 1.2;
      margin-bottom: 1.5rem;
      letter-spacing: -.025em;
    }

    .ty-heading em {
      color: var(--orange);
      font-style: normal;
    }

    .ty-sub {
      font-size: 1rem;
      color: var(--text-mid);
      line-height: 1.75;
      margin-bottom: 1.75rem;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
    }

    .ty-detail-box {
      background: var(--cream-d);
      border-radius: var(--rad);
      padding: 1.1rem 1.4rem;
      font-size: .88rem;
      color: var(--text-mid);
      line-height: 1.75;
      margin-bottom: 2rem;
      text-align: left;
    }

    .ty-detail-box .td-row {
      display: flex;
      align-items: flex-start;
      gap: .6rem;
      margin-bottom: .3rem;
    }

    .ty-detail-box .td-row:last-child {
      margin-bottom: 0;
    }

    .ty-detail-box i {
      color: var(--orange);
      margin-top: .2rem;
      flex-shrink: 0;
    }

    .ty-actions {
      display: flex;
      gap: .85rem;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 1.75rem;
    }

    .ty-share {
      padding-top: 1.5rem;
      border-top: 1px solid var(--cream-dd, #e8e8ec);
      font-size: .82rem;
      color: var(--text-lt);
    }

    .ty-share-btns {
      display: flex;
      justify-content: center;
      gap: .65rem;
      margin-top: .65rem;
    }

    .ty-share-btn {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid var(--cream-dd, #dde);
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--charcoal);
      font-size: .9rem;
      cursor: pointer;
      transition: .2s;
      text-decoration: none;
    }

    .ty-share-btn:hover {
      background: var(--orange);
      color: #fff;
      border-color: var(--orange);
    }

    .ty-confetti {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      pointer-events: none;
      z-index: 9999;
      overflow: hidden;
      height: 100vh;
    }

    .ty-confetti-piece {
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 2px;
      animation: ty-fall linear forwards;
      opacity: 0;
    }

    @keyframes ty-fall {
      0% {
        transform: translateY(-20px) rotate(0deg);
        opacity: 1;
      }

      100% {
        transform: translateY(100vh) rotate(720deg);
        opacity: 0;
      }
    }

    /* Countdown bar for auto-redirect */
    .ty-redirect-bar {
      height: 3px;
      background: var(--orange-l);
      border-radius: 99px;
      margin-top: 1.5rem;
      overflow: hidden;
    }

    .ty-redirect-fill {
      height: 100%;
      background: var(--orange);
      width: 100%;
      transform-origin: left;
      animation: ty-shrink var(--redirect-duration, 10s) linear forwards;
    }

    @keyframes ty-shrink {
      from {
        transform: scaleX(1);
      }

      to {
        transform: scaleX(0);
      }
    }

    .ty-redirect-note {
      font-size: .78rem;
      color: var(--text-lt);
      margin-top: .5rem;
    }

    @media (max-width: 600px) {
      .ty-card {
        padding: 2rem 1.5rem;
      }
    }

    /* ── Pre-heading contact form ────────────────────────────────────────── */
    .ty-preform {
      text-align: left;
      background: var(--cream-d);
      border-radius: var(--rad);
      padding: 1.5rem 1.5rem 1.25rem;
      margin-bottom: 2rem;
    }

    .ty-preform-title {
      font-size: .82rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .06em;
      color: var(--text-mid);
      margin-bottom: 1rem;
    }

    .ty-preform-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: .85rem;
      margin-bottom: .85rem;
    }

    .ty-preform-field {
      display: flex;
      flex-direction: column;
      gap: .35rem;
    }

    .ty-preform-field label {
      font-size: .78rem;
      color: var(--text-mid);
    }

    .ty-preform-field input {
      font-family: inherit;
      font-size: .92rem;
      padding: .6rem .8rem;
      border: 1px solid var(--cream-dd, #dde);
      border-radius: calc(var(--rad) * 0.6);
      background: #fff;
      color: var(--charcoal);
      outline: none;
      transition: border-color .2s;
    }

    .ty-preform-field input:focus {
      border-color: var(--orange);
    }

    .ty-preform-submit {
      width: 100%;
      justify-content: center;
      margin-top: .25rem;
    }

    @media (max-width: 600px) {
      .ty-preform-grid {
        grid-template-columns: 1fr;
      }
    }

    /* ── Connecting sentence above the pre-form ─────────────────────────── */
    .ty-preform-lead {
      font-size: 1.02rem;
      color: var(--text-mid);
      line-height: 1.7;
      max-width: 480px;
      margin: 0 auto 1.5rem;
      text-align: center;
    }

    /* ── Post-submit success message (replaces the form in place) ───────── */
    .ty-preform-success {
      display: none;
      text-align: center;
      background: var(--cream-d);
      border-radius: var(--rad);
      padding: 2rem 1.5rem;
      margin-bottom: 2rem;
    }

    .ty-preform-success.is-visible {
      display: block;
      animation: ty-success-in .4s ease;
    }

    .ty-preform-success i {
      font-size: 2.5rem;
      color: var(--white);
      margin-bottom: .75rem;
      display: inline-block;
      background: linear-gradient(135deg, var(--gold), var(--orange));
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.5rem;
      position: relative;
    }

    .ty-preform-success p {
      font-size: 1rem;
      color: var(--charcoal);
      font-weight: normal;
      line-height: 1.6;
      max-width: 420px;
      margin: 0 auto;
    }

    @keyframes ty-success-in {
      from {
        opacity: 0;
        transform: translateY(8px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

.ast-icon{
	display:none;
}

.btn-disabled{
  background-color: #d3d3d3 !important; /* Light grey background */
  color: #808080 !important; /* Darker grey text */
  cursor: not-allowed; /* Changes cursor to a 'no' symbol */
  border: 1px solid #c0c0c0;
}


/* ── General Enquiry modal ───────────────────────────────────────────── */
    .ge-modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(20, 18, 25, .55);
      z-index: 1000;
      align-items: center;
      justify-content: center;
      padding: 1.25rem;
    }
    .ge-modal-overlay.is-open {
      display: flex;
      animation: ge-fade-in .2s ease;
    }
    .ge-modal {
      background: #fff;
      border-radius: var(--rad-lg, var(--rad));
      width: 100%;
      max-width: 520px;
      max-height: 90vh;
      overflow-y: auto;
      padding: 2rem;
      position: relative;
      box-shadow: 0 20px 60px rgba(0,0,0,.25);
      animation: ge-pop-in .25s ease;
    }
    .ge-modal-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      width: 34px;
      height: 34px;
      border: none;
      background: var(--cream-d);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-mid);
      cursor: pointer;
      transition: background .2s, color .2s;
    }
    .ge-modal-close:hover {
      background: var(--orange);
      color: #fff;
    }
    .ge-modal-title {
      font-size: 1.35rem;
      font-weight: 700;
      color: var(--charcoal);
      margin: 0 0 .4rem;
      padding-right: 2.5rem;
    }
    .ge-modal-subtitle {
      font-size: .92rem;
      color: var(--text-mid);
      line-height: 1.6;
      margin: 0 0 1.5rem;
    }
    .ge-modal-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: .85rem;
      margin-bottom: .85rem;
    }
    .ge-field {
      display: flex;
      flex-direction: column;
      gap: .35rem;
    }
    .ge-field.ge-field-full {
      grid-column: 1 / -1;
    }
    .ge-field label {
      font-size: .78rem;
      color: var(--text-mid);
    }
    .ge-field input,
    .ge-field select,
    .ge-field textarea {
      font-family: inherit;
      font-size: .92rem;
      padding: .6rem .8rem;
      border: 1px solid var(--cream-dd, #dde);
      border-radius: calc(var(--rad) * 0.6);
      background: #fff;
      color: var(--charcoal);
      outline: none;
      resize: vertical;
      transition: border-color .2s;
    }
    .ge-field input:focus,
    .ge-field select:focus,
    .ge-field textarea:focus {
      border-color: var(--orange);
    }
    .ge-field select {
      appearance: none;
      -webkit-appearance: none;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%236b6b76' d='M5.5 7.5l4.5 4.5 4.5-4.5z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right .75rem center;
      background-size: 18px;
      padding-right: 2.25rem;
    }
    .ge-modal-submit {
      width: 100%;
      justify-content: center;
      margin-top: .5rem;
    }
    .ge-modal-success {
      display: none;
      text-align: center;
      padding: 1rem 0 .5rem;
    }
    .ge-modal-success.is-visible { display: block; animation: ge-fade-in .3s ease; }
    .ge-modal-success i {
      font-size: 2.5rem;
      color: var(--white);
      margin-bottom: .75rem;
      display: inline-block;
      background: linear-gradient(135deg, var(--gold), var(--orange));
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1.5rem;
      position: relative;
    }
    .ge-modal-success p {
      font-size: 1rem;
      color: var(--charcoal);
      font-weight: 600;
      line-height: 1.6;
    }
    @keyframes ge-fade-in { from { opacity: 0; } to { opacity: 1; } }
    @keyframes ge-pop-in {
      from { opacity: 0; transform: scale(.96) translateY(8px); }
      to   { opacity: 1; transform: scale(1) translateY(0); }
    }
    @media (max-width: 600px) {
      .ge-modal { padding: 1.5rem; border-radius: var(--rad); }
      .ge-modal-grid { grid-template-columns: 1fr; }
    }


.prog-bar-wrap, .camp-meta, .cmp-bar, .cmp-meta{
	display:none;
}


/* ==========================================================================
   MSC PROFESSIONAL TOAST NOTIFICATIONS
   ========================================================================== */
#toast {
    visibility: hidden;
    min-width: 300px;
    max-width: 450px;
    background-color: #333;
    color: #fff;
    text-align: left;
    border-radius: 8px;
    padding: 16px 20px;
    position: fixed;
    z-index: 999999;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%) translateY(20px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

#toast.on {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Error State */
#toast.msc-toast-error {
    background-color: #d32f2f; /* Professional Error Red */
}

/* Success State */
#toast.msc-toast-success {
    background-color: #2e7d32; /* Professional Success Green */
}


/* Base Container Styles */
.card-grid-2,
.card-grid-3,
.card-grid-4,
.card-grid-5 {
  display: grid;
  gap: 1.5rem; /* Space between cards */
  grid-template-columns: 1fr; /* Default: 1 column on mobile screens */
}

/* 2 in a row */
@media (min-width: 640px) {
  .card-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 3 in a row */
@media (min-width: 640px) {
  .card-grid-3 {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on tablets */
  }
}
@media (min-width: 1024px) {
  .card-grid-3 {
    grid-template-columns: repeat(3, 1fr); /* 3 per row on desktop */
  }
}

/* 4 in a row */
@media (min-width: 640px) {
  .card-grid-4 {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on tablets */
  }
}
@media (min-width: 1024px) {
  .card-grid-4 {
    grid-template-columns: repeat(4, 1fr); /* 4 per row on desktop */
  }
}

/* 5 in a row */
@media (min-width: 640px) {
  .card-grid-5 {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on mobile/tablet */
  }
}
@media (min-width: 768px) {
  .card-grid-5 {
    grid-template-columns: repeat(3, 1fr); /* 3 per row on tablet */
  }
}
@media (min-width: 1280px) {
  .card-grid-5 {
    grid-template-columns: repeat(5, 1fr); /* 5 per row on wide screens */
  }
}


/* impact stories css to a modal to read story */

/* Truncate the story text to 3 lines in the cards */
.story-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.2rem;
}

/* Modal Base */
.story-modal {
  display: none; 
  position: fixed; 
  z-index: 9999; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgba(10, 37, 64, 0.7); 
  backdrop-filter: blur(5px);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.story-modal.show {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}

/* Modal Content Box - Updated to limit height */
.story-modal-content {
  background-color: var(--white, #fff);
  margin: 2rem auto;
  padding: 0;
  border-radius: var(--rad-lg, 1.35rem);
  width: 90%;
  max-width: 650px;
  max-height: 90vh; /* Limits modal height to 90% of screen */
  display: flex;
  flex-direction: column; /* Sets up internal scrolling */
  box-shadow: var(--sh-lg, 0 28px 70px -28px rgba(10,37,64,.22));
  position: relative;
  overflow: hidden;
  animation: modalSlideIn 0.3s ease-out forwards;
}

@keyframes modalSlideIn {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* Close Button */
.story-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  font-size: 24px;
  background: rgba(0,0,0,0.4);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: background 0.2s;
  line-height: 1;
}

.story-modal-close:hover {
  background: var(--ember, #D9603B);
}

/* Modal Internal Spacing - Image stays fixed */
.story-modal-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
  flex-shrink: 0; /* Prevents image from shrinking */
}

/* Text area gets the scrollbar */
.story-modal-body {
  padding: 2.5rem;
  overflow-y: auto; /* Adds vertical scrollbar just for the text */
}

.story-modal-body h3 {
  font-size: 1.8rem;
  color: var(--charcoal, #1A1F2E);
  margin: 0.5rem 0 1.2rem;
}

.story-modal-body p {
  font-size: 1.05rem;
  line-height: 1.8;
  color: var(--text-mid, #5C6770);
}

@media (max-width: 600px) {
  .story-modal-body { padding: 1.8rem; }
  .story-modal-img { height: 180px; }
}


/* Chrome, Safari, Edge, Opera */
#dCustomAmt::-webkit-outer-spin-button,
#dCustomAmt::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#dCustomAmt {
  -moz-appearance: textfield;
}


/* ==========================================================================
   CARD ALIGNMENT FIXES (Subgrid & Flexbox)
   ========================================================================== */

/* 1. "Our Four Pillars" Section (Fix B - Subgrid) */
#OurFourPillars .card-grid-4 {
  display: grid;
  grid-template-rows: auto auto auto 1fr auto auto; 
}
#OurFourPillars .pillar-card {
  display: grid;
  grid-row: span 6;
  grid-template-rows: subgrid;
  row-gap: 0;
}

/* 2. "Pressing Needs" Section (Fix A - Flexbox) */
.camp-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.camp-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.camp-body .btn {
  margin-top: auto;
}

/* 3. "Child Sponsorship" Section (Fix B - Subgrid) */
.sponsorship-pathways {
  display: grid;
  grid-template-rows: auto auto 1fr auto auto; 
}
.sponsorship-pathways .reveal-left, 
.sponsorship-pathways .reveal-right {
  display: grid;
  grid-row: span 5;
  grid-template-rows: subgrid;
  row-gap: 0;
}

/* 4. "Transparency" Section (Fix B - Subgrid + No-Wrap) */
#Transparent .card-grid-4 {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
}
#Transparent .transp-card {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  row-gap: 0;
}
.transp-num {
  white-space: nowrap;
  font-size: clamp(2rem, 4vw, 3.25rem); 
}

/* 5. "Impact Stories" Section (Fix A - Flexbox + Clamp) */
.story-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.story-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.story-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.story-body .read-more-btn {
  margin-top: auto;
}

/* 6. Subgrid Fallback for Older Browsers & Global Fix A for Sponsor Pages */
@supports not (grid-template-rows: subgrid) {
  #OurFourPillars .pillar-card,
  .sponsorship-pathways .reveal-left, 
  .sponsorship-pathways .reveal-right,
  #Transparent .transp-card {
    display: flex;
    flex-direction: column;
  }
  
  #OurFourPillars .pillar-desc,
  .sponsorship-pathways .hdp-path-bullets,
  #Transparent .transp-sub {
    flex: 1 1 auto;
  }
  
  #OurFourPillars .pillar-link,
  .sponsorship-pathways .hdp-path-price,
  #Transparent .transp-label {
    margin-top: auto;
  }
}

/* Make the Public Documents card span all 4 rows so it doesn't stretch the icon row */
#Transparent .card-grid-4 > div:last-child {
  grid-row: span 4;
  height: 100%;
}

.center-text{
	text-align:center;
}