:root{
 --green:#0b6b3a;--green-dark:#063d26;--green-deep:#042b1b;--green-soft:#eaf5ee;
 --orange:#f59a23;--orange-soft:#fff2df;--ink:#14231c;--muted:#68766f;--line:#dfe8e2;--white:#fff;--cream:#f7faf7;
 --shadow:0 18px 55px rgba(10,45,28,.10);--radius:24px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.65}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.site-progress{position:fixed;z-index:2000;top:0;left:0;width:0;height:3px;background:var(--orange);transition:width .08s linear}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);transition:box-shadow .25s}.site-header.scrolled{box-shadow:0 12px 35px rgba(6,61,38,.10)}
.top-strip{background:var(--green-deep);color:#dcece3;font-size:12px}.top-strip-inner{min-height:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.top-contact,.top-social{display:flex;align-items:center;gap:17px}.top-strip a,.top-strip span{opacity:.92}.top-strip a:hover{color:#fff}.top-strip i{margin-right:6px;color:var(--orange)}.top-social a{width:22px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;font-size:10px}.nav-shell{border-bottom:1px solid rgba(11,107,58,.08)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:48px;height:48px;border-radius:50%;overflow:hidden;display:block;flex:none}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:.02em;color:var(--green-deep)}.brand-copy small{font-size:8px;color:var(--green);margin-top:5px;letter-spacing:.02em}.desktop-nav{display:flex;align-items:center;gap:3px}.desktop-nav>a{padding:10px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#4c5b53;border-radius:12px}.desktop-nav>a:hover,.desktop-nav>a.active{color:var(--green);background:var(--green-soft)}.desktop-nav .nav-support{color:var(--green);margin-left:3px}.desktop-nav .nav-donate{color:#fff;background:var(--green);padding:11px 16px;border-radius:999px;margin-left:3px;box-shadow:0 8px 18px rgba(11,107,58,.18)}.desktop-nav .nav-donate:hover{background:var(--green-dark);color:#fff}.mobile-menu-button{display:none;border:0;background:transparent;width:42px;height:42px;border-radius:12px;padding:9px}.mobile-menu-button span{height:2px;background:var(--green-deep);display:block;margin:5px 0;transition:.25s}.mobile-menu-button.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-navigation{display:none}
.hero-section{min-height:640px;display:flex;align-items:center;position:relative;overflow:hidden;background:#10291e url('../images/home-hero.jpg') center/cover no-repeat}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,31,20,.82) 0%,rgba(3,31,20,.56) 42%,rgba(3,31,20,.12) 80%),linear-gradient(0deg,rgba(3,31,20,.25),transparent 40%)}.hero-section .container{position:relative;z-index:1}.hero-content{max-width:730px;padding:110px 0}.hero-text h1{font-family:Manrope,sans-serif;font-size:clamp(44px,6vw,76px);line-height:1.02;color:#fff;margin:0 0 25px;font-weight:800;letter-spacing:-.045em}.hero-text h1 span{color:var(--orange)}.hero-text p{font-size:18px;line-height:1.7;color:#edf7f0;max-width:640px;margin:0 0 30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 20px;font-weight:800;font-size:12px;letter-spacing:.02em;transition:.25s;cursor:pointer}.btn-primary,.btn-green{background:var(--green);color:#fff}.btn-primary:hover,.btn-green:hover{background:var(--green-dark);transform:translateY(-2px)}.btn-secondary{background:#fff;color:var(--green);border:1px solid #fff;padding:13px 20px;border-radius:999px;font-weight:800;font-size:12px}.btn-secondary:hover{background:var(--orange);color:#fff}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{transform:translateY(-2px);background:#e88b12;color:#fff}.btn-ghost-light{border:1px solid rgba(255,255,255,.55);color:#fff}.btn-ghost-light:hover{background:#fff;color:var(--green)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:800;letter-spacing:.13em;font-size:11px;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:2px;background:var(--orange);display:block}.eyebrow.light{color:#d9efe2}.section-heading{margin-bottom:35px}.section-heading h2,.about-section-heading h2,.careers-section-heading h2{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:9px 0;color:var(--green-deep)}.section-heading p{max-width:650px;color:var(--muted);margin:12px 0 0}.text-center{text-align:center}.text-center p{margin-left:auto;margin-right:auto}
.who-we-are{padding:105px 0;background:var(--cream)}.who-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.who-image{position:relative}.who-image:after{content:"";position:absolute;right:-20px;bottom:-20px;width:130px;height:130px;border:2px solid var(--orange);border-radius:25px;z-index:0}.who-image img{position:relative;z-index:1;border-radius:28px;width:100%;height:440px;object-fit:cover;box-shadow:var(--shadow)}.who-content{padding:10px 0}.who-content h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,54px);line-height:1.05;margin:10px 0 18px;letter-spacing:-.04em}.who-content p{color:var(--muted);font-size:17px;max-width:600px}.who-content>a{display:inline-flex;gap:10px;align-items:center;color:var(--green);font-weight:800;margin-top:10px}.motto-card{grid-column:2;display:flex;gap:15px;padding:22px;background:#fff;border-radius:20px;border:1px solid var(--line);box-shadow:0 12px 35px rgba(10,45,28,.06)}.motto-icon{width:48px;height:48px;border-radius:50%;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-size:20px;flex:none}.motto-card h3{margin:0 0 5px;font-family:Manrope}.motto-card p{margin:0;color:var(--muted);font-size:14px}
.programs-section{padding:100px 0}.programs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.program-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:260px;display:flex;flex-direction:column;transition:.3s;box-shadow:0 8px 30px rgba(10,45,28,.04)}.program-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c7ddcf}.program-icon{width:54px;height:54px;border-radius:18px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:21px;margin-bottom:22px}.program-card h3{font-family:Manrope;font-size:20px;line-height:1.2;margin:0 0 10px}.program-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.program-card a{margin-top:auto;color:var(--green);font-weight:800;font-size:12px;text-transform:uppercase}
.stats-band{background:var(--green-deep);color:#fff;padding:35px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.impact-stat{display:flex;align-items:center;gap:15px}.impact-stat i{font-size:27px;color:#a8d6b8}.impact-stat strong{font-family:Manrope;font-size:28px;display:block;line-height:1}.impact-stat span{font-size:11px;color:#c7ddd0;display:block;margin-top:6px}
.story-section{padding:105px 0}.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-bottom:70px}.story-image{height:420px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy h2{font-family:Manrope;font-size:clamp(35px,4vw,56px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 18px}.story-copy p{color:var(--muted);font-size:16px}.story-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.story-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(10,45,28,.04);transition:.3s}.story-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.story-card img{height:190px;width:100%;object-fit:cover}.story-card-body{padding:18px}.story-card h3{font-family:Manrope;font-size:17px;line-height:1.2;margin:0 0 9px}.story-card p{font-size:13px;color:var(--muted);margin:0 0 12px}.story-card a{font-size:11px;color:var(--green);font-weight:800;text-transform:uppercase}
.story-quote{margin-top:70px;padding:45px 50px;background:var(--orange-soft);border-radius:28px;display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center}.story-quote-mark{width:62px;height:62px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:24px}.story-quote blockquote{font-family:Manrope;font-size:clamp(22px,3vw,35px);line-height:1.2;margin:0;color:var(--green-deep)}
.closing-cta{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden;background:var(--green-deep);color:#fff}.closing-cta-image{position:absolute;inset:0;background:linear-gradient(rgba(4,43,27,.77),rgba(4,43,27,.88)),url('../images/support-impact.jpg') center/cover}.closing-cta-inner{position:relative;text-align:center;padding:90px 0;max-width:760px}.closing-cta h2{font-family:Manrope;font-size:clamp(35px,5vw,60px);line-height:1.04;letter-spacing:-.04em;margin:12px 0 18px}.closing-cta p{max-width:600px;margin:0 auto 25px;color:#e5f1e9}.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.site-footer{background:#06291b;color:#dcebe2;padding-top:70px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:55px}.footer-brand p{max-width:390px;color:#a9c2b4;font-size:14px}.brand-footer .brand-copy strong{color:#fff}.brand-footer .brand-copy small{color:#9ed1b0}.footer-grid h4{color:#fff;font-family:Manrope;margin:5px 0 15px}.footer-grid>div:not(.footer-brand) a,.footer-grid>div:not(.footer-brand) span{display:block;color:#abc1b5;font-size:13px;margin:8px 0}.footer-grid>div:not(.footer-brand) a:hover{color:#fff}.footer-contact i{width:20px;color:var(--orange)}.footer-social{display:flex;gap:8px;margin-top:20px}.footer-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;color:#fff!important;margin:0!important}.footer-social a:hover{background:var(--green);border-color:var(--green)}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:17px 0;color:#88a99a;font-size:11px}.footer-bottom .container{display:flex;justify-content:space-between;gap:20px}
/* Shared page shells */
main[class$="-page"],main.about-page,main.careers-page{background:#fff}.about-hero,.careers-hero,.programs-hero,.impact-hero,.team-hero,.partners-hero,.contact-hero,.donate-hero{min-height:470px;display:flex;align-items:end;position:relative;overflow:hidden;background-position:center;background-size:cover}.about-hero:before,.careers-hero:before,.programs-hero:before,.impact-hero:before,.team-hero:before,.partners-hero:before,.contact-hero:before,.donate-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,43,27,.84),rgba(4,43,27,.34),rgba(4,43,27,.12))}.about-hero{background-image:url('../images/about-hero.jpg')}.careers-hero{background-image:url('../images/about-mission.jpg')}.programs-hero{background-image:url('../images/program-community-hero.jpg')}.impact-hero{background-image:url('../images/impact-hero.jpg')}.team-hero{background-image:url('../images/about-team.jpg')}.partners-hero{background-image:url('../images/partners-hero.jpg')}.contact-hero{background-image:url('../images/contact-hero.jpg')}.donate-hero{background-image:url('../images/support-hero.jpg')}.about-hero-content,.careers-hero-content,.programs-hero-content,.impact-hero-content,.team-hero-content,.partners-hero-content,.contact-hero-content,.donate-hero-content{position:relative;z-index:1;color:#fff;padding:80px 0;max-width:780px}.about-hero-content h1,.careers-hero-content h1,.programs-hero-content h1,.impact-hero-content h1,.team-hero-content h1,.partners-hero-content h1,.contact-hero-content h1,.donate-hero-content h1{font-family:Manrope;font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-.045em;margin:12px 0}.about-hero-content p,.careers-hero-content p,.programs-hero-content p,.impact-hero-content p,.team-hero-content p,.partners-hero-content p,.contact-hero-content p,.donate-hero-content p{max-width:700px;color:#e8f4ed;font-size:17px}.about-hero-line,.careers-hero-line{width:60px;height:3px;background:var(--orange);margin:20px 0}.about-foundation,.values-section,.careers-why,.careers-opportunities,.careers-areas,.careers-application{padding:90px 0}.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.foundation-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;box-shadow:0 8px 25px rgba(10,45,28,.04)}.foundation-icon{width:50px;height:50px;border-radius:15px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin-bottom:20px}.foundation-content h2{font-family:Manrope;margin:0 0 12px}.foundation-content p,.goals-list p{color:var(--muted);font-size:14px}.goals-list{padding:0;margin:0;list-style:none}.goals-list li{display:flex;gap:10px;align-items:flex-start;margin:10px 0}.goals-list li span{width:24px;height:24px;border-radius:50%;background:var(--orange-soft);color:#b86a08;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.goals-list p{margin:2px 0}.values-grid,.careers-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-card,.career-benefit-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.value-icon,.career-benefit-icon{width:48px;height:48px;border-radius:15px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin-bottom:17px}.value-card h3,.career-benefit-card h3{font-family:Manrope;margin:0 0 8px}.value-card p,.career-benefit-card p{font-size:13px;color:var(--muted);margin:0}.careers-why,.careers-opportunities,.careers-areas{background:var(--cream)}.careers-opportunities{background:#fff}.career-opportunities-list{display:grid;gap:15px}.career-opportunity-card{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.career-opportunity-icon{width:55px;height:55px;border-radius:16px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.career-opportunity-type{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:.12em}.career-opportunity-content h3{font-family:Manrope;margin:4px 0 6px}.career-opportunity-content p{color:var(--muted);font-size:13px;margin:0}.career-meta{display:flex;gap:18px;margin-top:10px;font-size:11px;color:#78877e}.career-opportunity-action a,.careers-apply-btn,.career-view-btn{color:var(--green);font-weight:800;font-size:11px}.careers-areas-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.careers-areas-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.careers-areas-list>div{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:15px;font-size:13px;font-weight:700}.careers-areas-list i{color:var(--green)}.careers-application{background:var(--orange-soft)}.careers-application-content{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center}.careers-application-icon{width:60px;height:60px;border-radius:18px;background:var(--orange);color:#fff;display:grid;place-items:center}.careers-application-text span{font-size:10px;color:#9c620d;font-weight:800;letter-spacing:.1em}.careers-application-text h2{font-family:Manrope;margin:4px 0 5px}.careers-application-text p{color:var(--muted);font-size:13px;margin:0}.careers-cta{padding:75px 0;background:var(--green-deep);color:#fff}.careers-cta-content{display:flex;justify-content:space-between;align-items:center;gap:30px}.careers-cta-text span{color:#a7d5b8;font-size:10px;font-weight:800;letter-spacing:.12em}.careers-cta-text h2{font-family:Manrope;font-size:38px;margin:8px 0}.careers-cta-text p{color:#c6dcd0;max-width:650px}.careers-cta-buttons{display:flex;gap:10px;flex-wrap:wrap}.careers-btn-primary{background:var(--orange);color:#fff;border-radius:999px;padding:13px 18px;font-size:11px;font-weight:800}.careers-btn-secondary{border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:13px 18px;font-size:11px;font-weight:800}
/* Generic page sections from existing templates */
.impact-page section,.partners-page section,.contact-page section,.donate-page section,.programs-page section,.team-page section{padding-top:80px;padding-bottom:80px}.impact-stats-grid,.impact-cards-grid,.programs-grid-large,.team-grid,.partners-grid,.partner-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.impact-stat-card,.impact-area-card,.impact-program-card,.program-detail-card,.team-card,.partner-card,.contact-info-card,.donate-impact-card,.donate-method-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 25px rgba(10,45,28,.04)}.impact-stat-card,.impact-area-card,.impact-program-card,.program-detail-card,.contact-info-card,.donate-impact-card,.donate-method-card{padding:28px}.team-card{overflow:hidden}.team-card img{width:100%;height:330px;object-fit:cover}.team-card-content{padding:20px}.team-role{display:block;font-size:10px;color:var(--orange);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.team-card h3{font-family:Manrope;margin:6px 0}.team-card p{color:var(--muted);font-size:13px}.partner-card img{height:85px;width:100%;object-fit:contain;padding:15px}.contact-main-grid,.donate-contribution-grid,.contact-grid,.donate-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.contact-info-card h3,.donate-impact-card h3,.donate-method-card h3{font-family:Manrope}.contact-info-card p,.donate-impact-card p,.donate-method-card p{font-size:13px;color:var(--muted)}.contact-form,.donate-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.contact-form input,.contact-form textarea,.donate-form input,.donate-form textarea,.contact-form select{width:100%;padding:13px 15px;border:1px solid #d6e1da;border-radius:12px;margin:0 0 14px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus,.donate-form input:focus,.donate-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(11,107,58,.08)}.contact-form button,.donate-form button{border:0}.stories-grid,.change-stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-item,.change-story{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.story-item img,.change-story img{height:210px;width:100%;object-fit:cover}.story-item-content,.change-story-content{padding:18px}.story-item h3,.change-story h3{font-family:Manrope;margin:0 0 7px}.story-item p,.change-story p{font-size:13px;color:var(--muted)}
.reveal,.story-card,.program-card,.value-card,.team-card,.partner-card,.impact-stat,.career-benefit-card,.career-opportunity-card{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav>a{padding:9px 7px;font-size:10px}.programs-grid{grid-template-columns:repeat(2,1fr)}.story-cards{grid-template-columns:repeat(2,1fr)}.values-grid,.careers-benefits-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-contact{grid-column:2/4}.foundation-grid{grid-template-columns:1fr}.foundation-card{display:grid;grid-template-columns:auto 1fr;gap:18px}.foundation-icon{margin:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.impact-stats-grid,.impact-cards-grid,.programs-grid-large,.team-grid,.partners-grid,.partner-cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.top-strip{display:none}.nav-inner{height:70px}.desktop-nav{display:none}.mobile-menu-button{display:block}.mobile-navigation{display:flex;position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(4,43,27,.98);padding:30px 20px;flex-direction:column;gap:4px;transform:translateX(100%);transition:.3s;overflow:auto}.mobile-navigation.open{transform:translateX(0)}.mobile-navigation>a{color:#eaf5ee;font-size:16px;font-weight:700;padding:15px 8px;border-bottom:1px solid rgba(255,255,255,.09)}.mobile-navigation .mobile-support{color:#a9dfbb}.mobile-navigation .mobile-donate{background:var(--orange);color:#fff;border-radius:999px;text-align:center;margin-top:10px;border:0}.hero-section{min-height:650px}.hero-content{padding:90px 0 80px}.hero-text h1{font-size:clamp(42px,12vw,64px)}.hero-text p{font-size:16px}.who-grid,.story-intro,.careers-areas-grid,.contact-main-grid,.donate-contribution-grid,.contact-grid,.donate-grid{grid-template-columns:1fr;gap:30px}.motto-card{grid-column:auto}.who-image img{height:360px}.story-image{height:330px}.career-opportunity-card{grid-template-columns:auto 1fr}.career-opportunity-action{grid-column:2}.careers-application-content{grid-template-columns:auto 1fr}.careers-application-action{grid-column:2}.careers-cta-content{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:auto}.about-hero,.careers-hero,.programs-hero,.impact-hero,.team-hero,.partners-hero,.contact-hero,.donate-hero{min-height:430px}.impact-page section,.partners-page section,.contact-page section,.donate-page section,.programs-page section,.team-page section{padding-top:60px;padding-bottom:60px}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--container))}.brand-copy small{display:none}.brand-mark{width:43px;height:43px}.hero-section{min-height:690px}.hero-content{padding:80px 0}.hero-text h1{font-size:43px}.hero-buttons .btn,.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%}.who-we-are,.story-section,.programs-section{padding:70px 0}.who-image img{height:300px}.who-image:after{right:-10px;bottom:-10px;width:80px;height:80px}.programs-grid,.story-cards,.values-grid,.careers-benefits-grid,.stats-grid,.impact-stats-grid,.impact-cards-grid,.programs-grid-large,.team-grid,.partners-grid,.partner-cards-grid,.stories-grid,.change-stories-grid{grid-template-columns:1fr}.story-cards{gap:15px}.story-card img{height:210px}.story-quote{grid-template-columns:1fr;padding:30px}.story-quote-mark{margin:auto}.story-quote blockquote{text-align:center}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom .container{flex-direction:column}.foundation-card{display:block}.foundation-icon{margin-bottom:15px}.careers-application-content{grid-template-columns:1fr}.careers-application-action{grid-column:auto}.career-opportunity-card{grid-template-columns:1fr}.career-opportunity-action{grid-column:auto}.careers-areas-list{grid-template-columns:1fr}.about-hero-content,.careers-hero-content,.programs-hero-content,.impact-hero-content,.team-hero-content,.partners-hero-content,.contact-hero-content,.donate-hero-content{padding:60px 0}.about-hero-content h1,.careers-hero-content h1,.programs-hero-content h1,.impact-hero-content h1,.team-hero-content h1,.partners-hero-content h1,.contact-hero-content h1,.donate-hero-content h1{font-size:44px}.closing-cta-inner{padding:75px 0}.closing-cta h2{font-size:39px}.top-contact{gap:8px}.top-contact a:nth-child(2){display:none}}

/* =========================================================
   IBIMA responsive polish + concept photography treatment
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
img{height:auto}
iframe,video,canvas{max-width:100%}
.container{width:min(92vw,var(--container))}

/* Keep the hero subject visible across wide and narrow screens. */
.hero-section{background-position:66% center;background-size:cover;min-height:clamp(580px,72vh,760px)}
.about-hero,.careers-hero,.programs-hero,.impact-hero,.team-hero,.partners-hero,.contact-hero,.donate-hero{background-size:cover;background-repeat:no-repeat}
.about-hero,.contact-hero,.donate-hero{background-position:58% center}
.programs-hero,.team-hero,.careers-hero{background-position:center center}
.impact-hero{background-position:center 46%}
.partners-hero{background-position:center center}

/* Images never force a grid wider than the viewport. */
.who-image,.story-image,.story-card,.team-card,.partner-card,.program-card,.contact-main-grid>* ,.contact-grid>*,.donate-grid>*,.donate-contribution-grid>*{min-width:0}
.story-image img,.who-image img,.story-card img,.team-card img,.story-item img,.change-story img{width:100%;max-width:100%;object-fit:cover}

/* Large tablets / small laptops */
@media (max-width:1100px){
    .container{width:min(94vw,var(--container))}
    .nav-inner{gap:12px}
    .brand-copy strong{font-size:20px}
    .desktop-nav>a{padding-inline:7px;font-size:10px}
    .desktop-nav .nav-donate{padding-inline:13px}
}

/* Tablets: switch to the clean mobile navigation before the header gets crowded. */
@media (max-width:980px){
    .top-strip{display:none}
    .nav-inner{height:72px}
    .desktop-nav{display:none}
    .mobile-menu-button{display:block}
    .mobile-navigation{display:flex;position:fixed;top:72px;left:0;right:0;bottom:0;background:rgba(4,43,27,.985);padding:26px max(20px,4vw) 40px;flex-direction:column;gap:3px;transform:translateX(100%);transition:transform .3s ease;overflow:auto;-webkit-overflow-scrolling:touch}
    .mobile-navigation.open{transform:translateX(0)}
    .mobile-navigation>a{font-size:16px;padding:15px 8px}
    .hero-content{padding:92px 0 84px}
    .hero-text{max-width:680px}
    .hero-text h1{font-size:clamp(46px,8vw,70px)}
    .who-grid,.story-intro{gap:38px}
    .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
}

/* Phones and small tablets */
@media (max-width:720px){
    .container{width:min(92vw,620px)}
    .nav-inner{height:68px}
    .mobile-navigation{top:68px}
    .brand-mark{width:44px;height:44px}
    .brand-copy strong{font-size:20px}
    .hero-section{min-height:680px;background-position:72% center}
    .hero-section:before{background:linear-gradient(180deg,rgba(3,31,20,.58),rgba(3,31,20,.78) 55%,rgba(3,31,20,.88))}
    .hero-content{padding:95px 0 72px}
    .hero-text h1{font-size:clamp(42px,12vw,60px);line-height:1.03}
    .hero-text p{font-size:15px;line-height:1.65}
    .hero-buttons{align-items:stretch}
    .hero-buttons .btn{width:100%;min-height:48px}
    .who-we-are,.story-section,.programs-section{padding:72px 0}
    .who-image img{height:clamp(280px,70vw,420px);object-fit:cover}
    .story-image{height:clamp(280px,70vw,430px)!important}
    .story-image img{height:100%;object-fit:cover}
    .stats-grid{grid-template-columns:1fr 1fr;gap:10px}
    .impact-stat{padding:16px 12px;gap:10px}
    .impact-stat strong{font-size:22px}
    .impact-stat span{font-size:10px}
    .story-cards,.programs-grid,.values-grid,.careers-benefits-grid,.impact-stats-grid,.impact-cards-grid,.programs-grid-large,.team-grid,.partners-grid,.partner-cards-grid,.stories-grid,.change-stories-grid{grid-template-columns:1fr}
    .section-heading h2{font-size:clamp(31px,8vw,44px)}
    .section-heading p{font-size:14px}
    .story-card img{height:230px}
    .team-card img{height:390px}
    .partner-card img{height:95px}
    .about-hero,.careers-hero,.programs-hero,.impact-hero,.team-hero,.partners-hero,.contact-hero,.donate-hero{min-height:430px;background-position:center center}
    .about-hero-content,.careers-hero-content,.programs-hero-content,.impact-hero-content,.team-hero-content,.partners-hero-content,.contact-hero-content,.donate-hero-content{padding:70px 0}
    .about-hero-content h1,.careers-hero-content h1,.programs-hero-content h1,.impact-hero-content h1,.team-hero-content h1,.partners-hero-content h1,.contact-hero-content h1,.donate-hero-content h1{font-size:clamp(40px,12vw,56px)}
    .about-hero-content p,.careers-hero-content p,.programs-hero-content p,.impact-hero-content p,.team-hero-content p,.partners-hero-content p,.contact-hero-content p,.donate-hero-content p{font-size:15px}
    .contact-main-grid,.donate-contribution-grid,.contact-grid,.donate-grid{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr;gap:26px}
    .footer-contact{grid-column:auto}
}

/* Small phones */
@media (max-width:480px){
    .container{width:calc(100% - 28px)}
    .brand-copy small{display:none}
    .hero-section{min-height:650px;background-position:70% center}
    .hero-content{padding:82px 0 62px}
    .hero-text h1{font-size:clamp(39px,12.5vw,50px)}
    .hero-text p{font-size:14px}
    .eyebrow{font-size:9px;letter-spacing:.11em}
    .eyebrow:before{width:18px}
    .stats-grid{grid-template-columns:1fr 1fr}
    .impact-stat{min-height:96px;align-items:center}
    .impact-stat i{font-size:18px}
    .impact-stat strong{font-size:19px}
    .impact-stat span{font-size:9px;line-height:1.25}
    .story-quote{padding:28px 20px}
    .story-quote blockquote{font-size:18px}
    .closing-cta{min-height:430px}
    .closing-cta-inner{padding:70px 0}
    .closing-cta h2{font-size:clamp(34px,10vw,44px)}
    .cta-actions .btn{width:100%}
    .footer-bottom .container{align-items:flex-start}
    .form-row,.careers-areas-list{grid-template-columns:1fr!important}
}

/* Very small phones */
@media (max-width:360px){
    .nav-inner{height:64px}
    .mobile-navigation{top:64px}
    .brand-mark{width:40px;height:40px}
    .brand-copy strong{font-size:18px}
    .hero-section{min-height:620px}
    .hero-text h1{font-size:37px}
    .stats-grid{grid-template-columns:1fr}
    .hero-buttons .btn{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ==========================================================
   HIGH-QUALITY IMAGE HANDLING
   Keep source photographs intact; never pre-crop the files.
   ========================================================== */
.hero-section,
.about-hero,
.careers-hero,
.programs-hero,
.impact-hero,
.team-hero,
.partners-hero,
.contact-hero,
.donate-hero {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

img {
    image-rendering: auto;
    max-width: 100%;
}

.story-image img,
.who-image img,
.story-card img,
.program-card img,
.impact-card img,
.contact-main-image img {
    max-width: 100%;
}

@media (max-width: 560px) {
    .hero-section,
    .about-hero,
    .careers-hero,
    .programs-hero,
    .impact-hero,
    .team-hero,
    .partners-hero,
    .contact-hero,
    .donate-hero {
        background-position: center center;
    }
}

/* HD image handling */
img{max-width:100%;height:auto;}
.story-image img,.story-card img,.impact-card img,.program-card img{width:100%;height:auto;object-fit:contain;}
@media (max-width: 768px){.hero-section{min-height:560px;background-position:center center}.about-hero,.careers-hero,.programs-hero,.impact-hero,.team-hero,.partners-hero,.contact-hero,.donate-hero{min-height:430px;background-position:center center}}


/* FINAL POLISH: sticky header */
html{scroll-padding-top:96px}
.site-header{position:sticky;top:0;z-index:9999;width:100%}
.site-header .nav-shell{position:relative;z-index:2;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px)}
.site-header.is-scrolled .nav-shell,.site-header.scrolled .nav-shell{box-shadow:0 12px 35px rgba(3,25,77,.12)}
@media(max-width:980px){.site-header{position:sticky}.mobile-navigation{z-index:10000}}

/* ==========================================================
   IBIMA SITE-WIDE POLISH
   Shared visual language for every page
========================================================== */

:root{
  --page-navy:#082f23;
  --page-panel:#f6faf7;
  --page-border:rgba(11,107,58,.12);
}

body{overflow-x:hidden}

/* Consistent page rhythm */
main > section:not(.hero-section){position:relative}
main > section:nth-of-type(even){background-image:linear-gradient(180deg,rgba(246,250,247,.45),rgba(255,255,255,0))}

/* All page heroes share the home-page visual language */
.about-hero,.programs-hero,.impact-hero,.team-hero,.partners-hero,.contact-hero,.donate-hero,.careers-hero{
  min-height:clamp(400px,48vw,570px)!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  isolation:isolate;
}

.about-hero:after,.programs-hero:after,.impact-hero:after,.team-hero:after,.partners-hero:after,.contact-hero:after,.donate-hero:after,.careers-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:90px;
  background:linear-gradient(180deg,transparent,rgba(3,31,20,.22));
  pointer-events:none;
  z-index:0;
}

.about-hero .container,.programs-hero .container,.impact-hero .container,.team-hero .container,.partners-hero .container,.contact-hero .container,.donate-hero .container,.careers-hero .container{position:relative;z-index:2}

/* Hero copy feels like the homepage */
.about-hero h1,.programs-hero h1,.impact-hero h1,.team-hero h1,.partners-hero h1,.contact-hero h1,.donate-hero h1,.careers-hero h1{
  font-family:Manrope,sans-serif!important;
  font-size:clamp(42px,6vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
}

.about-hero p,.programs-hero p,.impact-hero p,.team-hero p,.partners-hero p,.contact-hero p,.donate-hero p,.careers-hero p{color:#edf7f0!important;max-width:680px}

/* Consistent section headings */
.about-section-heading,.programs-section-heading,.impact-heading,.team-section-heading,.partners-intro,.contact-section-heading,.donate-section-heading,.careers-section-heading{
  position:relative;
}

.about-section-heading h2,.programs-section-heading h2,.impact-heading h2,.team-section-heading h2,.partners-intro h2,.contact-section-heading h2,.donate-section-heading h2,.careers-section-heading h2{
  font-family:Manrope,sans-serif!important;
  letter-spacing:-.04em!important;
}

/* Cards across pages: shared premium treatment */
.foundation-card,.value-card,.program-area-card,.impact-stat-card,.focus-card,.community-card,.story-card,.team-card,.partner-card,.contact-info-card,.career-opportunity-card,.donate-method-card,.donate-impact-card{
  border:1px solid var(--page-border)!important;
  border-radius:24px!important;
  box-shadow:0 12px 36px rgba(10,45,28,.055)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}

.foundation-card:hover,.value-card:hover,.program-area-card:hover,.impact-stat-card:hover,.focus-card:hover,.community-card:hover,.story-card:hover,.team-card:hover,.partner-card:hover,.contact-info-card:hover,.career-opportunity-card:hover,.donate-method-card:hover,.donate-impact-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 55px rgba(10,45,28,.12)!important;
  border-color:rgba(11,107,58,.22)!important;
}

/* Make ordinary action links look like actual buttons */
.btn-primary,.btn-outline,.btn-secondary,
.about-cta a,.program-support-cta a,.impact-cta a,.team-cta a,.partners-cta a,.contact-cta a,
.donate-hero-primary,.donate-hero-secondary,.donate-final-button,
.careers-btn-primary,.careers-btn-secondary,.contact-btn-primary,.contact-btn-secondary,
.team-btn-primary,.team-btn-secondary,.partners-btn,.program-contact-button,
.career-view-btn,.careers-apply-btn,.donate-method-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:46px!important;
  padding:12px 20px!important;
  border-radius:999px!important;
  font-weight:800!important;
  font-size:12px!important;
  line-height:1.1!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease!important;
}

.btn-primary,.btn-green,.about-cta .btn-primary,.impact-cta .btn-primary,.team-cta .btn-primary,.partners-cta .btn-primary,.contact-cta .btn-primary{
  background:var(--green)!important;color:#fff!important;border:1px solid var(--green)!important;box-shadow:0 10px 22px rgba(11,107,58,.16)!important;
}
.btn-primary:hover,.btn-green:hover{background:var(--green-dark)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(11,107,58,.22)!important}

.btn-outline,.btn-secondary,.careers-btn-secondary,.contact-btn-secondary,.team-btn-secondary,.donate-hero-secondary{
  background:#fff!important;color:var(--green)!important;border:1px solid rgba(11,107,58,.22)!important;box-shadow:0 8px 20px rgba(10,45,28,.06)!important;
}
.btn-outline:hover,.btn-secondary:hover,.careers-btn-secondary:hover,.contact-btn-secondary:hover,.team-btn-secondary:hover,.donate-hero-secondary:hover{background:var(--green-soft)!important;color:var(--green-dark)!important;transform:translateY(-2px)!important}

.btn-orange,.donate-hero-primary,.donate-final-button{background:var(--orange)!important;color:#fff!important;border:1px solid var(--orange)!important;box-shadow:0 10px 22px rgba(245,154,35,.18)!important}
.btn-orange:hover,.donate-hero-primary:hover,.donate-final-button:hover{background:#e88b12!important;color:#fff!important;transform:translateY(-2px)!important}

/* Program "Learn More" links become proper actions */
.program-area-card>a,.story-card>a,.focus-card>a,.community-card>a,.career-opportunity-card>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  gap:8px!important;
  margin-top:16px!important;
  padding:10px 15px!important;
  min-height:40px!important;
  border:1px solid rgba(11,107,58,.18)!important;
  border-radius:999px!important;
  background:var(--green-soft)!important;
  color:var(--green-dark)!important;
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  transition:.22s ease!important;
}
.program-area-card>a:hover,.story-card>a:hover,.focus-card>a:hover,.community-card>a:hover,.career-opportunity-card>a:hover{background:var(--green)!important;color:#fff!important;transform:translateY(-2px)!important}

/* Hero button rows */
.about-hero-buttons,.programs-hero-buttons,.impact-hero-buttons,.team-hero-buttons,.partners-hero-buttons,.contact-hero-buttons,.donate-hero-buttons,.careers-hero-buttons,.hero-buttons,.about-cta-buttons,.program-support-buttons,.impact-cta-buttons,.team-cta-buttons,.partners-cta-buttons,.contact-cta-buttons,.careers-cta-buttons{
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;
}

/* Images stay crisp and proportional */
.about-hero,.programs-hero,.impact-hero,.team-hero,.partners-hero,.contact-hero,.donate-hero,.careers-hero{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}

/* Consistent content width */
.about-page .container,.programs-page .container,.impact-page .container,.team-page .container,.partners-page .container,.contact-page .container,.donate-page .container,.careers-page .container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}

/* Small-screen button stacking and cards */
@media(max-width:760px){
  .about-hero,.programs-hero,.impact-hero,.team-hero,.partners-hero,.contact-hero,.donate-hero,.careers-hero{min-height:500px!important}
  .about-hero h1,.programs-hero h1,.impact-hero h1,.team-hero h1,.partners-hero h1,.contact-hero h1,.donate-hero h1,.careers-hero h1{font-size:clamp(38px,12vw,54px)!important}
  .about-hero-buttons,.programs-hero-buttons,.impact-hero-buttons,.team-hero-buttons,.partners-hero-buttons,.contact-hero-buttons,.donate-hero-buttons,.careers-hero-buttons,.hero-buttons,.about-cta-buttons,.program-support-buttons,.impact-cta-buttons,.team-cta-buttons,.partners-cta-buttons,.contact-cta-buttons,.careers-cta-buttons{width:100%}
  .about-hero-buttons>a,.programs-hero-buttons>a,.impact-hero-buttons>a,.team-hero-buttons>a,.partners-hero-buttons>a,.contact-hero-buttons>a,.donate-hero-buttons>a,.careers-hero-buttons>a,.hero-buttons>a{width:100%}
}


/* ==========================================================
   FINAL UX POLISH — STICKY HEADER, MOBILE MENU, CTA BUTTONS
========================================================== */

/* Keep the full header locked to the viewport while scrolling. */
:root{--ibima-header-height:113px}
.site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:10000!important;
}
body{padding-top:var(--ibima-header-height)!important;}

/* Make the header depth obvious once the visitor starts scrolling. */
.site-header.scrolled,
.site-header.is-scrolled{
    box-shadow:0 14px 38px rgba(3,31,20,.14)!important;
}

/* No white CTA buttons: use IBIMA green/orange as the action colors. */
.btn-secondary,
.btn-outline,
.about-cta .btn-secondary,
.about-cta .btn-outline,
.program-support-cta .btn-secondary,
.program-support-cta .btn-outline,
.impact-cta .btn-secondary,
.impact-cta .btn-outline,
.team-cta .btn-secondary,
.team-cta .btn-outline,
.partners-cta .btn-secondary,
.partners-cta .btn-outline,
.contact-cta .btn-secondary,
.contact-cta .btn-outline,
.careers-btn-secondary,
.contact-btn-secondary,
.team-btn-secondary,
.partners-btn-secondary,
.donate-hero-secondary{
    background:var(--orange)!important;
    color:#fff!important;
    border:1px solid var(--orange)!important;
    box-shadow:0 10px 22px rgba(245,154,35,.16)!important;
}
.btn-secondary:hover,
.btn-outline:hover,
.about-cta .btn-secondary:hover,
.about-cta .btn-outline:hover,
.program-support-cta .btn-secondary:hover,
.program-support-cta .btn-outline:hover,
.impact-cta .btn-secondary:hover,
.impact-cta .btn-outline:hover,
.team-cta .btn-secondary:hover,
.team-cta .btn-outline:hover,
.partners-cta .btn-secondary:hover,
.partners-cta .btn-outline:hover,
.contact-cta .btn-secondary:hover,
.contact-cta .btn-outline:hover,
.careers-btn-secondary:hover,
.contact-btn-secondary:hover,
.team-btn-secondary:hover,
.partners-btn-secondary:hover,
.donate-hero-secondary:hover{
    background:#e88b12!important;
    color:#fff!important;
    transform:translateY(-2px)!important;
}

/* Contact final CTA: restore readable white copy on the dark panel. */
.contact-cta-text h2{color:#fff!important}
.contact-cta-text p{color:rgba(255,255,255,.82)!important}
.contact-cta-text span{color:#f5a623!important}
.contact-btn-primary{
    background:var(--green)!important;
    color:#fff!important;
    border-color:var(--green)!important;
    border-radius:999px!important;
    box-shadow:0 10px 22px rgba(11,107,58,.18)!important;
}
.contact-btn-secondary{
    background:var(--orange)!important;
    color:#fff!important;
    border-color:var(--orange)!important;
    border-radius:999px!important;
    box-shadow:0 10px 22px rgba(245,154,35,.18)!important;
}
.contact-btn-primary:hover,.contact-btn-secondary:hover{
    background:#e88b12!important;
    color:#fff!important;
    border-color:#e88b12!important;
    transform:translateY(-2px)!important;
}

/* Tablet + phone: the menu becomes a compact two-column navigation panel,
   so the whole menu is visible instead of presenting links one-by-one. */
@media(max-width:980px){
    :root{--ibima-header-height:72px}
    body{padding-top:72px!important}
    .mobile-navigation{
        top:72px!important;
        bottom:auto!important;
        max-height:calc(100vh - 72px)!important;
        min-height:0!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        align-content:start!important;
        gap:10px!important;
        padding:22px!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        transform:translateY(-12px)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        border-top:1px solid rgba(255,255,255,.08)!important;
        box-shadow:0 20px 45px rgba(0,0,0,.24)!important;
    }
    .mobile-navigation.open{
        transform:translateY(0)!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }
    .mobile-navigation>a{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-height:50px!important;
        padding:12px 10px!important;
        margin:0!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:14px!important;
        background:rgba(255,255,255,.07)!important;
        color:#eef8f2!important;
        font-size:14px!important;
        font-weight:800!important;
        text-align:center!important;
    }
    .mobile-navigation>a:hover{background:rgba(255,255,255,.13)!important}
    .mobile-navigation .mobile-support,
    .mobile-navigation .mobile-donate{
        grid-column:1/-1!important;
        min-height:52px!important;
        border-radius:999px!important;
        border:0!important;
    }
    .mobile-navigation .mobile-support{background:var(--green)!important;color:#fff!important}
    .mobile-navigation .mobile-donate{background:var(--orange)!important;color:#fff!important}
}

@media(max-width:720px){
    :root{--ibima-header-height:68px}
    body{padding-top:68px!important}
    .mobile-navigation{top:68px!important;max-height:calc(100vh - 68px)!important;padding:18px!important;gap:8px!important}
    .mobile-navigation>a{min-height:48px!important;font-size:13px!important}
}

@media(max-width:480px){
    :root{--ibima-header-height:64px}
    body{padding-top:64px!important}
    .mobile-navigation{top:64px!important;max-height:calc(100vh - 64px)!important;padding:14px!important;gap:7px!important}
    .mobile-navigation>a{min-height:46px!important;font-size:12px!important;border-radius:12px!important}
}

/* Stop CTA rows from ever overflowing on narrow screens. */
@media(max-width:720px){
    .contact-cta-content{grid-template-columns:1fr!important;gap:20px!important}
    .contact-cta-buttons{display:grid!important;grid-template-columns:1fr!important;width:100%!important;white-space:normal!important}
    .contact-cta-buttons>a{width:100%!important}
}

/* Respect reduced-motion preferences. */
@media(prefers-reduced-motion:reduce){
    .mobile-navigation{transition:none!important}
}

/* ==========================================================
   IBIMA CONSISTENCY PASS — CTA CONTRAST + ACTION LINKS
========================================================== */
.about-cta,.program-support-cta,.impact-cta,.team-cta,.partners-cta,.contact-cta,.careers-cta,.donate-cta,.closing-cta,.support-cta,.page-cta{position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,var(--green-deep),var(--green-dark),#0b6b3a)!important;color:#fff!important;border-radius:28px!important}
.about-cta h1,.about-cta h2,.about-cta h3,.about-cta p,.program-support-cta h1,.program-support-cta h2,.program-support-cta h3,.program-support-cta p,.impact-cta h1,.impact-cta h2,.impact-cta h3,.impact-cta p,.team-cta h1,.team-cta h2,.team-cta h3,.team-cta p,.partners-cta h1,.partners-cta h2,.partners-cta h3,.partners-cta p,.contact-cta h1,.contact-cta h2,.contact-cta h3,.contact-cta p,.careers-cta h1,.careers-cta h2,.careers-cta h3,.careers-cta p,.donate-cta h1,.donate-cta h2,.donate-cta h3,.donate-cta p,.closing-cta h1,.closing-cta h2,.closing-cta h3,.closing-cta p,.support-cta h1,.support-cta h2,.support-cta h3,.support-cta p,.page-cta h1,.page-cta h2,.page-cta h3,.page-cta p{color:#fff!important}
.about-cta p,.program-support-cta p,.impact-cta p,.team-cta p,.partners-cta p,.contact-cta p,.careers-cta p,.donate-cta p,.closing-cta p,.support-cta p,.page-cta p{color:rgba(255,255,255,.84)!important}
.about-cta a,.program-support-cta a,.impact-cta a,.team-cta a,.partners-cta a,.contact-cta a,.careers-cta a,.donate-cta a,.closing-cta a,.support-cta a,.page-cta a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:46px!important;padding:12px 21px!important;border-radius:999px!important;font-weight:800!important;font-size:12px!important;line-height:1.1!important;text-decoration:none!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important;transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important}
.about-cta a:first-child,.program-support-cta a:first-child,.impact-cta a:first-child,.team-cta a:first-child,.partners-cta a:first-child,.contact-cta a:first-child,.careers-cta a:first-child,.donate-cta a:first-child,.closing-cta a:first-child,.support-cta a:first-child,.page-cta a:first-child{background:var(--green)!important}
.about-cta a:last-child,.program-support-cta a:last-child,.impact-cta a:last-child,.team-cta a:last-child,.partners-cta a:last-child,.contact-cta a:last-child,.careers-cta a:last-child,.donate-cta a:last-child,.closing-cta a:last-child,.support-cta a:last-child,.page-cta a:last-child{background:var(--orange)!important}
.about-cta a:hover,.program-support-cta a:hover,.impact-cta a:hover,.team-cta a:hover,.partners-cta a:hover,.contact-cta a:hover,.careers-cta a:hover,.donate-cta a:hover,.closing-cta a:hover,.support-cta a:hover,.page-cta a:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 16px 30px rgba(0,0,0,.22)!important}
.about-cta a:first-child:hover,.program-support-cta a:first-child:hover,.impact-cta a:first-child:hover,.team-cta a:first-child:hover,.partners-cta a:first-child:hover,.contact-cta a:first-child:hover,.careers-cta a:first-child:hover,.donate-cta a:first-child:hover,.closing-cta a:first-child:hover,.support-cta a:first-child:hover,.page-cta a:first-child:hover{background:var(--green-dark)!important}
.about-cta a:last-child:hover,.program-support-cta a:last-child:hover,.impact-cta a:last-child:hover,.team-cta a:last-child:hover,.partners-cta a:last-child:hover,.contact-cta a:last-child:hover,.careers-cta a:last-child:hover,.donate-cta a:last-child:hover,.closing-cta a:last-child:hover,.support-cta a:last-child:hover,.page-cta a:last-child:hover{background:#e88b12!important}
main a.learn-more,main a.read-more,main a.view-more,main a.view-link,main a.action-link,main a.program-link,main a.story-link,main a.more-link,main a.details-link,main a.explore-link,main a[class*="-button"],main a[class*="-btn"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:10px 17px!important;border-radius:999px!important;background:var(--green)!important;color:#fff!important;border:1px solid var(--green)!important;font-weight:800!important;font-size:11px!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(11,107,58,.14)!important;transition:.22s ease!important}
main a.learn-more:hover,main a.read-more:hover,main a.view-more:hover,main a.view-link:hover,main a.action-link:hover,main a.program-link:hover,main a.story-link:hover,main a.more-link:hover,main a.details-link:hover,main a.explore-link:hover,main a[class*="-button"]:hover,main a[class*="-btn"]:hover{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important;transform:translateY(-2px)!important}
.site-footer a,.top-strip a,.desktop-nav a,.mobile-navigation a,.brand{box-shadow:none!important;transform:none!important}
@media(max-width:720px){.about-cta,.program-support-cta,.impact-cta,.team-cta,.partners-cta,.contact-cta,.careers-cta,.donate-cta,.closing-cta,.support-cta,.page-cta{border-radius:22px!important}.about-cta a,.program-support-cta a,.impact-cta a,.team-cta a,.partners-cta a,.contact-cta a,.careers-cta a,.donate-cta a,.closing-cta a,.support-cta a,.page-cta a{width:100%!important}}