@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#079957;--green-dark:#056d42;--green-deep:#073f30;--orange:#f58a35;--blue:#0da8d4;--purple:#a44d8b;--ink:#172b25;--muted:#64756f;--cream:#fbfaf6;--line:#e5ece7;--shadow:0 18px 50px rgba(9,64,44,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65;background:#fff}h1,h2,h3,h4,.navbar-brand{font-family:'Manrope',sans-serif;letter-spacing:-.035em}h1{font-weight:800;font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.06}h2{font-size:clamp(2rem,3.3vw,3.15rem);font-weight:800;line-height:1.14}h3{font-size:1.25rem;font-weight:800}p{color:var(--muted)}a{color:inherit;text-decoration:none;transition:color .2s,transform .2s}a:hover{color:var(--green)}.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:1rem;z-index:9999}.skip-link:focus{left:1rem}.topline{background:var(--green-deep);color:#dcefe5;font-size:.78rem;padding:.45rem 0}.main-nav{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(8,100,62,.08);padding:.7rem 0;z-index:1000;transition:box-shadow .25s}.main-nav.nav-scrolled{box-shadow:0 8px 30px rgba(7,63,48,.09)}.brand-logo{width:54px;height:54px;object-fit:contain}.navbar-brand{color:var(--green-deep);font-size:1.1rem;line-height:1.15}.navbar-brand small{display:block;font-family:'DM Sans',sans-serif;font-size:.64rem;font-weight:600;letter-spacing:0;color:var(--muted);margin-top:.2rem}.navbar-nav{gap:.15rem}.nav-link{font-weight:600;font-size:.9rem;color:#30453d!important;padding:.7rem .8rem!important}.nav-link:hover,.nav-link:focus{color:var(--green)!important}.dropdown-menu{border:1px solid var(--line);border-radius:14px;padding:.5rem;box-shadow:var(--shadow)}.dropdown-item{border-radius:8px;padding:.65rem .85rem;font-size:.9rem}.btn{border-radius:10px;font-weight:700;padding:.78rem 1.2rem;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);border-color:var(--green);box-shadow:0 7px 18px rgba(7,153,87,.15)}.btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.btn-donate{background:var(--orange);color:#fff;padding:.62rem 1rem}.btn-donate:hover{background:#e8751f;color:#fff}.btn-outline-dark{border-color:#cbd7d0;color:var(--ink)}.announcement-bar{position:relative;display:flex;align-items:center;min-height:38px;overflow:hidden;background:var(--orange);color:#fff;padding:0 3.2rem 0 0;font-size:.8rem;font-weight:700;transition:opacity .25s,max-height .25s}.announcement-track{display:flex;gap:4rem;white-space:nowrap;animation:marquee 26s linear infinite;padding:.5rem 0}.announcement-track span{flex-shrink:0}.announcement-link{position:relative;z-index:2;white-space:nowrap;background:#d96c1d;color:white;padding:.2rem .5rem;margin-right:2.5rem}.announcement-close{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);border:0;background:rgba(255,255,255,.18);color:white;border-radius:50%;width:27px;height:27px;z-index:3}.announcement-dismissed{opacity:0;max-height:0;min-height:0;overflow:hidden}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.hero-section{position:relative;overflow:hidden;background:linear-gradient(115deg,#f8fcf8 0%,#fff 65%);padding:clamp(4rem,8vw,7rem) 0 5.5rem}.hero-section:after{content:'';position:absolute;width:450px;height:450px;right:-240px;top:-180px;border:1px solid #d9eee2;border-radius:50%;box-shadow:0 0 0 45px #f4faf5,0 0 0 90px #f8fcf8;pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-copy h1{max-width:760px;margin:1.1rem 0}.hero-copy h1 em,h2 em{font-style:normal;color:var(--green)}.hero-lead{max-width:620px;font-size:1.1rem;line-height:1.8}.eyebrow{display:flex;align-items:center;gap:.6rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.15em;font-weight:800;color:var(--green-dark)}.eyebrow>span{width:26px;height:3px;background:var(--orange);border-radius:3px}.hero-trust{display:flex;align-items:center;gap:1rem;margin-top:2.4rem}.avatar-stack{display:flex}.avatar-stack span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:3px solid white;background:var(--green);color:white;font-weight:800;margin-left:-7px}.avatar-stack span:first-child{margin-left:0;background:var(--orange)}.avatar-stack span:last-child{background:var(--purple)}.hero-trust strong,.hero-trust small{display:block}.hero-trust strong{font-size:.88rem}.hero-trust small{font-size:.76rem;color:var(--muted)}.hero-art{position:relative;min-height:440px;background:var(--green-deep);border-radius:34px 34px 100px 34px;overflow:hidden;padding:2rem;color:white;box-shadow:0 30px 65px rgba(7,63,48,.17)}.hero-art:before{content:'';position:absolute;width:350px;height:350px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-100px;top:25px;box-shadow:0 0 0 32px rgba(255,255,255,.035),0 0 0 65px rgba(255,255,255,.025)}.hero-art-top{display:flex;align-items:center;gap:.7rem;position:relative;z-index:1}.art-dot{width:12px;height:12px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 7px #ffffff1a}.art-label{font-size:.7rem;letter-spacing:.16em;font-weight:800}.hero-quote{position:relative;z-index:1;margin-top:5.5rem;max-width:330px}.hero-quote i{font-size:2.8rem;color:var(--orange)}.hero-quote p{font-family:'Manrope',sans-serif;color:#fff;font-size:1.75rem;font-weight:700;line-height:1.3}.hero-quote span{font-size:.8rem;color:#b8d7c8}.hero-stats{position:absolute;bottom:0;left:0;right:0;background:#ffffff0d;backdrop-filter:blur(8px);display:flex;justify-content:space-around;padding:1.1rem 1rem}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.1rem;color:#ffc078}.hero-stats span{font-size:.7rem;color:#d3e8dd}.art-leaf{position:absolute;border-radius:100% 0 100% 0;transform:rotate(35deg);opacity:.85}.leaf-a{height:95px;width:55px;background:var(--orange);right:45px;top:100px}.leaf-b{height:75px;width:40px;background:var(--blue);right:95px;top:165px;transform:rotate(-25deg)}.trust-strip{border-block:1px solid var(--line);padding:1.25rem 0;background:#fff}.trust-strip .row>div{display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:.9rem;font-weight:700}.trust-strip i{font-size:1.3rem;color:var(--green)}.section-pad{padding:clamp(4rem,7vw,6.5rem) 0}.soft-section{background:var(--cream)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-heading h2{max-width:650px;margin:.8rem 0 0}.section-heading>p{max-width:400px;margin:0 0 .2rem}.value-card{padding:2rem;border:1px solid var(--line);border-radius:20px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.value-card:hover,.content-card:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#cfe7d8}.featured-value{background:#f2faf5;border-color:#cce9d7}.value-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#e4f5eb;color:var(--green);font-size:1.45rem;margin-bottom:1.4rem}.value-card h3{margin-bottom:.8rem}.value-card p{font-size:.92rem}.value-card>a,.text-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--green-dark);font-size:.88rem;font-weight:800;margin-top:.5rem}.text-link:hover{gap:.7rem;color:var(--orange)}.content-card,.blog-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}.card-cover{width:100%;height:220px;object-fit:cover}.card-cover-art,.blog-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#e0f4e7,#fff2e5);color:var(--green);font-size:3rem}.card-body-custom{padding:1.5rem}.card-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--green-dark);font-weight:800}.card-body-custom h3{margin:.65rem 0}.card-body-custom p{font-size:.9rem}.progress-label{display:flex;justify-content:space-between;font-size:.75rem;margin-top:1rem}.progress{height:7px;border-radius:10px;background:#e7eee9}.progress-bar{background:var(--green);border-radius:10px}.empty-state{text-align:center;padding:3.5rem 1.5rem;border:1px dashed #cbded2;border-radius:20px;background:#fbfdfb}.empty-state>i{font-size:2.4rem;color:var(--green)}.empty-state h3{margin:1rem 0 .5rem}.programme-card{position:relative;padding:2rem;border-radius:20px;border:1px solid var(--line);background:white;overflow:hidden;transition:transform .25s,box-shadow .25s}.programme-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.programme-number{font-family:'Manrope',sans-serif;font-size:2.5rem;font-weight:800;color:#d5ecdf}.programme-card h3{margin:.6rem 0}.programme-card p{font-size:.9rem}.programme-card small{color:var(--muted);font-size:.78rem}.stories-section{background:#f6faf7}.quote-card{height:100%;padding:2rem;border-radius:20px;background:white;border:1px solid var(--line)}.quote-mark{font-size:2.2rem;color:var(--orange)}.quote-card blockquote{font-family:'Manrope',sans-serif;font-size:1.1rem;font-weight:600;line-height:1.65;margin:.8rem 0 1.5rem}.quote-person{display:flex;align-items:center;gap:.7rem;border-top:1px solid var(--line);padding-top:1rem}.person-initial{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e1f4e8;color:var(--green-dark);font-weight:800}.quote-person strong,.quote-person small{display:block}.quote-person strong{font-size:.85rem}.quote-person small{font-size:.75rem;color:var(--muted)}.blog-card img{width:100%;height:210px;object-fit:cover}.blog-placeholder{height:210px}.blog-card small{color:var(--muted);font-size:.76rem}.blog-card h3{margin:.75rem 0}.blog-card p{font-size:.9rem}.cta-band{background:var(--green);color:white;padding:3.6rem 0;position:relative;overflow:hidden}.cta-band:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff30;border-radius:50%;right:-80px;top:-150px;box-shadow:0 0 0 35px #ffffff0b,0 0 0 70px #ffffff0b}.cta-band .container{position:relative;z-index:1}.cta-band h2{margin:.6rem 0;color:#fff}.cta-band p{color:#d9f0e4;margin:0}.eyebrow-light{color:#d6f3e2}.page-hero{padding:4.2rem 0 3rem;background:linear-gradient(120deg,#f0faf3,#fff8f0);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.4rem,4.5vw,4rem);margin:.8rem 0;max-width:850px}.page-hero p{font-size:1.05rem;max-width:720px;margin-bottom:1.2rem}.breadcrumbs{display:flex;align-items:center;gap:.7rem;font-size:.78rem;color:var(--muted)}.breadcrumbs a{color:var(--green-dark);font-weight:700}.breadcrumbs i{font-size:.6rem}.narrow-copy{max-width:900px}.narrow-copy>h2{margin:.8rem 0 1.3rem}.narrow-copy .lead{font-size:1.15rem;line-height:1.85}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}.mission-grid article{padding:1.8rem;border:1px solid var(--line);border-radius:18px;background:#fbfdfb}.mission-icon{font-size:1.5rem;color:var(--green)}.mission-grid h3{margin:.7rem 0}.mission-grid p{margin:0;font-size:.92rem}.principle{display:flex;align-items:flex-start;gap:.9rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fff;height:100%}.principle>i{color:var(--green);font-size:1.35rem}.principle strong,.principle small{display:block}.principle strong{font-size:.9rem}.principle small{color:var(--muted);font-size:.8rem;margin-top:.2rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start}.detail-image{width:100%;max-height:460px;object-fit:cover;border-radius:20px;margin-bottom:2rem}.detail-aside{padding:1.5rem;border:1px solid var(--line);border-radius:18px;position:sticky;top:120px}.detail-aside h3{margin:1rem 0}.rich-content{line-height:1.85}.rich-content h2,.rich-content h3{margin-top:1.6rem}.rich-content img{max-width:100%;height:auto;border-radius:12px}.article-body{max-width:850px}.article-cover{width:100%;max-height:500px;object-fit:cover;border-radius:22px;margin-bottom:1.5rem}.article-meta{font-size:.85rem;color:var(--muted);margin-bottom:2rem}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:start}.form-layout h2{margin:.8rem 0 1rem}.form-panel{padding:2rem;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);background:white}.form-label{font-size:.85rem;font-weight:700}.form-control,.form-select{border-color:#d8e3dc;border-radius:10px;padding:.75rem .9rem;background:#fcfdfc}.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem #0799571b}.field-error{font-size:.8rem;color:#b42318;margin-top:.25rem}.form-note{display:block;color:var(--muted);font-size:.75rem;text-align:center;margin-top:1rem}.check-list{list-style:none;padding:0;margin:1.5rem 0}.check-list li{margin:.8rem 0;color:#465d52}.check-list i{color:var(--green);margin-right:.6rem}.donation-warning{display:flex;gap:1rem;padding:1rem;border-radius:14px;background:#fff7e9;border:1px solid #f5dfb8;margin:1.5rem 0}.donation-warning>i{font-size:1.5rem;color:#a85d13}.donation-warning strong{font-size:.9rem}.donation-warning p{font-size:.8rem;margin:.2rem 0 0}.bank-card{display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--line);border-radius:12px;padding:1rem;margin-top:.7rem}.bank-card strong{font-size:.9rem}.bank-card span,.bank-card small{font-size:.8rem;color:var(--muted)}.bank-card b{font-size:.9rem;letter-spacing:.04em}.contact-detail{display:flex;gap:1rem;align-items:center;margin-top:1.5rem}.contact-detail>i{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#e4f5eb;color:var(--green);font-size:1.25rem}.contact-detail small,.contact-detail strong{display:block}.contact-detail small{color:var(--muted);font-size:.75rem}.contact-detail strong{font-size:.9rem;overflow-wrap:anywhere}.map-wrap{border:1px solid var(--line);border-radius:20px;overflow:hidden}.map-heading{padding:1.5rem;display:flex;justify-content:space-between;align-items:end}.map-heading h2{font-size:1.6rem;margin:.5rem 0 0}.map-wrap iframe{width:100%;height:360px;border:0;display:block}.volunteer-panel{background:var(--green-deep);color:white;padding:3rem;border-radius:25px;min-height:350px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.volunteer-panel>i{font-size:3rem;color:var(--orange)}.volunteer-panel h3{font-size:1.8rem;margin:1.2rem 0 .7rem}.volunteer-panel p{color:#c9e2d5}.volunteer-panel .text-link{color:#ffc078}.message-wrap{padding-top:1rem}.site-footer{background:#062f25;color:#e4f2e9}.footer-main{padding-top:4rem;padding-bottom:3rem}.footer-brand{display:flex;align-items:center;gap:.8rem;font-family:'Manrope',sans-serif;font-size:1rem;font-weight:800;color:white;line-height:1.3}.footer-brand:hover{color:#fff}.footer-logo{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.footer-intro{color:#b8d3c4;font-size:.88rem;max-width:330px;margin:1.2rem 0}.social-links{display:flex;gap:.6rem}.social-links a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff35;border-radius:50%;color:#fff}.social-links a:hover{background:var(--orange);border-color:var(--orange);color:#fff}.footer-heading{font-size:.95rem;letter-spacing:0;margin:.5rem 0 1.2rem;color:#fff}.footer-main .col-lg-2>a{display:block;color:#b8d3c4;font-size:.84rem;margin:.7rem 0}.footer-main .col-lg-2>a:hover{color:#ffc078}.footer-small{font-size:.78rem;color:#b8d3c4}.bank-line{display:flex;flex-direction:column;padding:.65rem 0;border-top:1px solid #ffffff1c;font-size:.75rem;gap:.1rem}.bank-line strong{color:#fff}.bank-line span{color:#b8d3c4;overflow-wrap:anywhere}.bank-number{font-variant-numeric:tabular-nums}.footer-bottom{border-top:1px solid #ffffff1c;padding:1.2rem 0;font-size:.74rem;color:#a9c8b8}.footer-bottom a{margin-right:1rem;color:#d3e8dd}.floating-give{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--orange);color:white;border-radius:30px;box-shadow:0 10px 25px #e8751f45;font-weight:800}.floating-give:hover{color:white;transform:translateY(-3px)}.muted{color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:991.98px){.navbar-collapse{padding:1rem 0}.navbar-nav{align-items:stretch!important}.nav-link{padding:.65rem .3rem!important}.hero-art{min-height:390px;max-width:520px;margin-inline:auto}.section-heading{align-items:flex-start;flex-direction:column}.detail-layout{grid-template-columns:1fr;gap:2rem}.detail-aside{position:static}.form-layout{gap:2rem}.footer-main{padding-top:3rem}}@media(max-width:767.98px){.topline{display:none}.hero-section{padding:3.6rem 0 3.8rem}.hero-art{min-height:360px;padding:1.5rem}.hero-quote{margin-top:4.2rem}.hero-quote p{font-size:1.45rem}.hero-stats{padding:.9rem .5rem}.hero-stats span{font-size:.63rem}.trust-strip .row>div{justify-content:flex-start;padding-left:1.5rem}.section-pad{padding:4rem 0}.mission-grid{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.form-panel{padding:1.3rem}.page-hero{padding:3.2rem 0 2.3rem}.map-heading{align-items:flex-start;flex-direction:column;gap:.5rem}.map-wrap iframe{height:300px}.cta-band{padding:3rem 0}.cta-band .btn{font-size:.9rem}.footer-main .row{row-gap:2rem}.footer-bottom .container{align-items:flex-start}.announcement-track{animation-duration:22s}.announcement-link{display:none}.floating-give{right:12px;bottom:12px}.footer-logo{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Media-rich enhancements: GINMI brand palette retained */
.impact-carousel{border-radius:30px;overflow:hidden;box-shadow:0 30px 70px rgba(7,63,48,.2);isolation:isolate;transform:translateZ(0)}
.impact-carousel .carousel-item{height:465px;background:#063b2c}.impact-carousel .carousel-item img{height:100%;width:100%;object-fit:cover;filter:saturate(.92);animation:slow-zoom 8s ease-in-out infinite alternate}.impact-carousel .carousel-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,34,25,.83),transparent 70%);pointer-events:none}.impact-carousel .carousel-caption{z-index:2;text-align:left;right:10%;left:10%;bottom:3.3rem}.impact-carousel .carousel-caption span,.video-overlay small{display:block;font-size:.72rem;font-weight:800;letter-spacing:.15em}.impact-carousel .carousel-caption h3{font-size:clamp(1.3rem,2vw,2rem);max-width:360px;color:white;margin-top:.6rem}.impact-carousel .carousel-indicators{z-index:3}.impact-carousel .carousel-indicators [data-bs-target]{height:4px;border:0;border-radius:8px}.donation-visual{position:relative;margin:1.4rem 0;border-radius:18px;overflow:hidden}.donation-visual img{width:100%;height:220px;object-fit:cover}.donation-visual span{position:absolute;left:12px;right:12px;bottom:12px;background:#063b2ce8;color:white;padding:.8rem 1rem;border-radius:10px;font-size:.78rem;font-weight:700}.donation-visual i{color:#ffc078;margin-right:.4rem}.form-eyebrow{color:var(--green);font-size:.75rem;letter-spacing:.13em;font-weight:800;margin-bottom:.7rem}.form-eyebrow i{color:var(--orange);margin-right:.4rem}.paystack-trust{display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--muted);font-size:.73rem;margin-top:1rem;text-align:center}.paystack-trust i{color:var(--green);font-size:1rem}.honeypot-wrap,.honeypot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}.media-feature-section{background:#f4faf6}.video-frame{position:relative;aspect-ratio:16/10;border-radius:26px;overflow:hidden;background:#073f30;box-shadow:0 28px 60px rgba(7,63,48,.16)}.video-frame iframe,.video-frame>img{width:100%;height:100%;border:0;object-fit:cover;display:block}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;text-align:center;color:white;background:linear-gradient(0deg,rgba(3,40,28,.78),rgba(3,40,28,.15))}.video-overlay strong{font-size:1.25rem}.video-overlay small{letter-spacing:0;font-weight:500;max-width:85%;font-size:.75rem}.play-button{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--orange);font-size:2rem;box-shadow:0 0 0 12px #ffffff2a;animation:pulse-play 2.4s ease-out infinite}.photo-ribbon{overflow:hidden}.photo-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem}.photo-grid img{width:100%;height:230px;object-fit:cover;border-radius:18px;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s}.photo-grid img:hover{transform:scale(1.035);filter:saturate(1.12)}.global-photo-band{height:230px;position:relative;overflow:hidden;background:#063b2c;color:#fff}.global-photo-band-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,44,31,.9),rgba(3,44,31,.25)),url('https://images.unsplash.com/photo-1531206715517-5c0ba140b2b8?auto=format&fit=crop&w=1800&q=80') center 45%/cover;animation:slow-zoom 18s ease-in-out infinite alternate}.global-photo-band-copy{position:relative;z-index:1;height:100%;max-width:1140px;padding:2rem 1.25rem;margin:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:white}.global-photo-band-copy span{font-size:.7rem;letter-spacing:.17em;font-weight:800;color:#ffc078}.global-photo-band-copy strong{font:800 clamp(1.4rem,3vw,2.2rem) Manrope,sans-serif;max-width:650px;margin:.5rem 0}.global-photo-band-copy a{color:white;font-size:.85rem;font-weight:800}.global-photo-band-copy a:hover{color:#ffc078}.reveal{will-change:transform,opacity}.value-card,.content-card,.programme-card,.quote-card,.blog-card,.principle,.mission-grid article,.contact-detail,.bank-card{animation:soft-rise .7s both}.value-card:nth-child(2),.content-card:nth-child(2),.blog-card:nth-child(2){animation-delay:.08s}.value-card:nth-child(3),.content-card:nth-child(3),.blog-card:nth-child(3){animation-delay:.16s}@keyframes slow-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes pulse-play{0%{box-shadow:0 0 0 0 #ffffff70}70%{box-shadow:0 0 0 17px #ffffff00}100%{box-shadow:0 0 0 0 #ffffff00}}@keyframes soft-rise{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767.98px){.impact-carousel .carousel-item{height:360px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid img{height:175px}.photo-grid img:first-child{grid-column:span 2;height:210px}.global-photo-band{height:205px}.donation-visual img{height:190px}}
@media(prefers-reduced-motion:reduce){.impact-carousel .carousel-item img,.global-photo-band-image,.play-button,.value-card,.content-card,.programme-card,.quote-card,.blog-card,.principle,.mission-grid article,.contact-detail,.bank-card{animation:none!important}}




/* =====================================================
   GINMI — FINAL MERGED STYLE OVERRIDES
   Place at the very bottom of the combined stylesheet.
===================================================== */

:root {
    --ginmi-ink: var(--ink);
    --ginmi-blue: #2432e8;
    --ginmi-red: #e11d2e;
    --ginmi-gold: var(--orange);
    --ginmi-white: #ffffff;
    --ginmi-muted: var(--muted);
    --ginmi-border: var(--line);
    --ginmi-radius: 20px;
    --ginmi-shadow: var(--shadow);
}

/* Keep all homepage sections above background decorations. */
.hero-section,
.section-pad,
.who-we-are-section {
    position: relative;
}

/* Consistent responsive media sizing. */
.hero-section img,
.content-card img,
.blog-card img,
.value-card img,
.programme-card img,
.quote-card img,
.photo-grid img,
.empty-state img,
.video-frame img,
.video-frame video {
    max-width: 100%;
}

.content-card,
.blog-card,
.programme-card,
.value-card,
.quote-card {
    min-width: 0;
    overflow: hidden;
    border-radius: var(--ginmi-radius);
}

.card-cover,
.blog-card > img {
    display: block;
    width: 100%;
    object-fit: cover;
}

/* WHO WE ARE: background stays behind all content. */
.who-we-are-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(4rem, 8vw, 7rem) 0;
    background: #073f30;
    color: #fff;
}

.who-we-are-section .who-background,
.who-we-are-section .who-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.who-we-are-section .who-background {
    z-index: -2;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.who-we-are-section .who-overlay {
    z-index: -1;
    background: linear-gradient(
        110deg,
        rgba(3, 36, 26, 0.94),
        rgba(3, 36, 26, 0.78)
    );
}

.who-we-are-section .who-content {
    position: relative;
    z-index: 1;
}

.who-we-are-section .section-heading h2,
.who-we-are-section .section-heading p {
    color: #fff;
}

.who-we-are-section .eyebrow {
    color: #ffc078;
}

/* The cards must remain readable over the background. */
.who-we-are-section .who-value-card {
    height: 100%;
    color: var(--ink);
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

.who-we-are-section .value-card-image {
    display: block;
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.who-we-are-section .value-card-content {
    padding: 1.5rem;
}

/* Floating media widget: bottom-left on all devices. */
.ginmi-media-widget {
    position: fixed;
    z-index: 1040;
    left: max(12px, env(safe-area-inset-left));
    bottom: max(12px, env(safe-area-inset-bottom));
    width: min(350px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow: hidden;
    border-radius: 18px;
    background: #101827;
    color: #fff;
    box-shadow: 0 16px 55px rgba(0, 0, 0, 0.28);
}

.ginmi-media-widget img,
.ginmi-media-widget video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ginmi-media-widget.is-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(14px);
}

.ginmi-media-widget button {
    touch-action: manipulation;
}

.ginmi-media-close:focus-visible,
.ginmi-media-actions button:focus-visible {
    outline: 2px solid var(--orange);
    outline-offset: 3px;
}

/* Avoid conflicting fixed elements on small screens. */
@media (max-width: 575.98px) {
    .who-we-are-section {
        padding: 3.5rem 0;
    }

    .who-we-are-section .who-background {
        background-position: center;
    }

    .who-we-are-section .who-overlay {
        background: rgba(3, 36, 26, 0.88);
    }

    .who-we-are-section .value-card-image {
        height: 190px;
    }

    .ginmi-media-widget {
        width: min(310px, calc(100vw - 24px));
        max-height: min(440px, calc(100dvh - 24px));
    }
}

@media (prefers-reduced-motion: reduce) {
    .ginmi-media-widget,
    .ginmi-media-widget *,
    .who-we-are-section *,
    .impact-carousel .carousel-item img {
        animation: none !important;
        transition: none !important;
    }
}




.footer-bottom {
    padding: 20px 0;
}

.footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.footer-legal-links a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-legal-links a:hover {
    text-decoration: underline;
}

/* Applinet Technology credit */
.footer-credit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 7px;
    font-size: 0.85rem;
    line-height: 1.8;
    text-align: center;
}

.footer-credit-divider {
    opacity: 0.5;
    margin: 0 3px;
}

.powered-by a {
    color: #16c784;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.powered-by a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.powered-by a i {
    margin-left: 4px;
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .footer-credit {
        flex-direction: column;
        gap: 4px;
    }

    .footer-credit-divider {
        display: none;
    }

    .footer-legal-links {
        gap: 14px;
    }
}

/* =========================================
   GINMI SUPPORTING BRANDS
========================================= */

.ginmi-supporting-brands {
    --brand-green: #137547;
    --brand-dark: #103c2c;
    --brand-gold: #e8b84a;
    --brand-muted: #69796f;
    --brand-border: #e2ebe4;
    --brand-background: #f7faf7;

    position: relative;
    overflow: hidden;
    padding: 85px 0;
    background:
        radial-gradient(
            ellipse at top left,
            rgba(219, 240, 224, 0.75),
            transparent 42%
        ),
        var(--brand-background);
}

.supporting-brands-header {
    max-width: 760px;
    margin: 0 auto 45px;
}

.supporting-brands-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    color: var(--brand-green);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.supporting-brands-eyebrow::before,
.supporting-brands-eyebrow::after {
    width: 22px;
    height: 2px;
    border-radius: 5px;
    background: var(--brand-gold);
    content: "";
}

.supporting-brands-header h2 {
    margin: 0;
    color: var(--brand-dark);
    font-size: clamp(1.9rem, 4vw, 3rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1px;
}

.supporting-brands-header p {
    max-width: 650px;
    margin: 18px auto 0;
    color: var(--brand-muted);
    font-size: 1rem;
    line-height: 1.9;
}

/* Logo grid */

.supporting-brands-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.supporting-brand-item {
    min-width: 0;
}

.supporting-brand-link {
    position: relative;
    display: flex;
    min-height: 165px;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    overflow: hidden;
    padding: 24px 20px;
    border: 1px solid var(--brand-border);
    border-radius: 18px;
    background: #fff;
    color: var(--brand-dark);
    text-align: center;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(16, 60, 44, 0.035);
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

a.supporting-brand-link:hover {
    transform: translateY(-6px);
    border-color: #9fc9ac;
    color: var(--brand-dark);
    box-shadow: 0 18px 36px rgba(16, 60, 44, 0.1);
}

a.supporting-brand-link:focus-visible {
    outline: 3px solid var(--brand-green);
    outline-offset: 4px;
}

/* Logos */

.supporting-brand-logo {
    display: block;
    width: 100%;
    max-width: 190px;
    height: 82px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.82;
    transition:
        filter 0.3s ease,
        opacity 0.3s ease,
        transform 0.3s ease;
}

a.supporting-brand-link:hover .supporting-brand-logo,
a.supporting-brand-link:focus-visible .supporting-brand-logo {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.04);
}

.supporting-brand-name {
    color: var(--brand-dark);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* Website link indicator */

.supporting-brand-visit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--brand-green);
    font-size: 0.78rem;
    font-weight: 700;
}

.supporting-brand-visit i {
    font-size: 0.85rem;
}

.supporting-brand-no-link {
    cursor: default;
}

.supporting-brand-no-link .supporting-brand-logo {
    filter: none;
    opacity: 1;
}

.supporting-brand-no-link .supporting-brand-visit {
    color: var(--brand-muted);
    font-size: 0.72rem;
}

/* Closing statement */

.supporting-brands-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 35px;
    color: var(--brand-muted);
    font-size: 0.9rem;
    line-height: 1.7;
    text-align: center;
}

.supporting-brands-footer i {
    color: var(--brand-green);
    font-size: 1.15rem;
}

/* Responsive layouts */

@media (max-width: 991.98px) {
    .ginmi-supporting-brands {
        padding: 70px 0;
    }

    .supporting-brands-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .supporting-brand-link {
        min-height: 150px;
        padding: 20px 15px;
    }
}

@media (max-width: 575.98px) {
    .ginmi-supporting-brands {
        padding: 55px 0;
    }

    .supporting-brands-header {
        margin-bottom: 30px;
    }

    .supporting-brands-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .supporting-brand-link {
        min-height: 135px;
        padding: 16px 10px;
        border-radius: 14px;
    }

    .supporting-brand-logo {
        height: 65px;
    }

    .supporting-brand-name {
        font-size: 0.88rem;
    }

    .supporting-brand-visit {
        font-size: 0.7rem;
    }

    .supporting-brands-footer {
        align-items: flex-start;
        font-size: 0.82rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .supporting-brand-link,
    .supporting-brand-logo {
        transition: none;
    }

    a.supporting-brand-link:hover {
        transform: none;
    }
}
/* =========================================
   GINMI FOOTER: CONTACTS AND OFFICES
========================================= */

.footer-main {
    padding-top: 65px;
    padding-bottom: 55px;
}

.footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
}

.footer-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.footer-intro,
.footer-small {
    color: inherit;
    opacity: 0.78;
    font-size: 0.9rem;
    line-height: 1.8;
}

.footer-heading {
    margin-bottom: 18px;
    font-size: 1rem;
    font-weight: 800;
}

.site-footer .footer-main a:not(.footer-brand):not(.footer-donate-link) {
    text-decoration: none;
}

.site-footer .footer-main a:hover {
    text-decoration: underline;
}

/* Social media links */

.footer-social-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.footer-social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
    font-size: 1.05rem;
    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.footer-social-links a:hover {
    transform: translateY(-3px);
    background: #fff;
    color: #137547;
    text-decoration: none !important;
}

/* Contact details */

.footer-contact-list {
    display: grid;
    gap: 12px;
}

.footer-contact-list a,
.footer-office-contact {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    overflow-wrap: anywhere;
    font-size: 0.88rem;
    line-height: 1.7;
}

.footer-contact-list a i,
.footer-office-contact i {
    flex: 0 0 16px;
    margin-top: 4px;
    color: #8cdbab;
}

/* Office cards */

.footer-office-card {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.045);
}

.footer-office-name {
    margin: 0 0 8px;
    font-size: 0.94rem;
    font-weight: 800;
    line-height: 1.5;
}

.footer-office-host {
    margin-bottom: 8px;
    font-size: 0.82rem;
    font-weight: 700;
}

.footer-office-address {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 8px;
    font-size: 0.85rem;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.footer-office-address i {
    flex: 0 0 16px;
    margin-top: 5px;
    color: #8cdbab;
}

.footer-office-region {
    margin-bottom: 0;
    font-size: 0.82rem;
    opacity: 0.78;
}

.footer-office-contact {
    margin-top: 8px;
}

.footer-office-map {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 12px;
    color: #a6e7bd;
    font-size: 0.84rem;
    font-weight: 700;
}

/* Donation panel */

.footer-donation-panel {
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
}

.footer-donation-heading {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.footer-donation-heading > i {
    color: #8cdbab;
    font-size: 1.6rem;
}

.footer-donation-panel .bank-line {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 10px;
    overflow-wrap: anywhere;
}

.footer-donation-panel .bank-line strong {
    font-size: 0.92rem;
}

.footer-donation-panel .bank-line span {
    font-size: 0.84rem;
    line-height: 1.6;
}

.footer-donate-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
    padding: 11px 17px;
    border-radius: 8px;
    background: #137547;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    text-decoration: none;
    transition: background 0.2s ease;
}

.footer-donate-link:hover {
    background: #0e5d38;
    color: #fff;
}

/* Footer bottom */

.footer-bottom {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.footer-bottom-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.footer-copyright,
.footer-credit {
    font-size: 0.82rem;
    line-height: 1.8;
}

.footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.footer-legal-links a {
    font-size: 0.84rem;
    text-decoration: none;
}

.footer-legal-links a:hover {
    text-decoration: underline;
}

.footer-credit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
}

.footer-credit-divider {
    opacity: 0.5;
}

.powered-by a {
    color: #8cdbab;
    font-weight: 800;
    text-decoration: none;
}

.powered-by a:hover {
    color: #fff;
    text-decoration: underline;
}

.powered-by a i {
    margin-left: 4px;
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .footer-main {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .footer-bottom-inner {
        flex-direction: column;
        text-align: center;
    }

    .footer-credit {
        flex-direction: column;
        gap: 4px;
    }

    .footer-credit-divider {
        display: none;
    }

    .footer-donation-panel {
        padding: 18px;
    }
}