{"id":25051,"date":"2026-07-23T12:01:10","date_gmt":"2026-07-23T12:01:10","guid":{"rendered":"https:\/\/amshaafrica.org\/?page_id=25051"},"modified":"2026-10-04T09:39:54","modified_gmt":"2026-10-04T09:39:54","slug":"home-new","status":"publish","type":"page","link":"https:\/\/amshaafrica.org\/","title":{"rendered":"Home-new"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25051\" class=\"elementor elementor-25051\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5404828 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5404828\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-81f828b\" data-id=\"81f828b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-05f1e3a elementor-widget elementor-widget-html\" data-id=\"05f1e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- AAF HOMEPAGE \u2014 CLEANED SINGLE-BLOCK VERSION -->\n<section id=\"hero\" class=\"hero\">\n  <div class=\"hero-video-wrap\">\n  <video class=\"hero-video\" autoplay muted loop playsinline preload=\"auto\">\n  <source src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/vidssave.com-Amsha-Africa-EyeGlass-Distribution-in-partnership-with-NeoVision-Eyecare-and-Eyes-On-Africa-720P-1.mp4\" type=\"video\/mp4\">\n<\/video>\n  <\/div>\n\n  <div class=\"hero-overlay\">\n    <div class=\"hero-content\">\n      <h1>Creating Sustainable Opportunities Across Africa<\/h1>\n      <p>\n        Amsha Africa Foundation partners with communities across Africa to expand access to\n        education, artificial intelligence, technology, entrepreneurship, agriculture, and health,\n        creating sustainable solutions that transform lives.\n      <\/p>\n      <div class=\"hero-buttons\">\n        <a href=\"https:\/\/amshaafrica.org\/index.php\/donate\/\" class=\"btn btn-primary\">Donate Today<\/a>\n        <a href=\"https:\/\/amshaafrica.org\/index.php\/get-involved-2\/\" class=\"btn btn-secondary\">Partner With Us<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"transparency-seal\">\n  <div class=\"seal-inner\">\n\n    <div class=\"seal-visuals\">\n      <div class=\"logo-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/Amsha_Africa_Logo__1_-removebg-preview.png\" alt=\"Amsha Africa Foundation\" class=\"aaf-logo\">\n      <\/div>\n\n      <div class=\"candid-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/images-16.png\" alt=\"Candid Platinum Transparency 2026\" class=\"candid-seal\">\n      <\/div>\n    <\/div>\n\n    <div class=\"seal-content\">\n      <h2>\n        7th Consecutive Year:<br>\n        AAF Once Again Earns GuideStar\u2019s Platinum Seal for Transparency\n      <\/h2>\n      <p class=\"seal-tagline\">Support us with Confidence.<\/p>\n\n      <a href=\"https:\/\/app.candid.org\/profile\/8629906\/amsha-africa-foundation-26-3259654?_gl=1*zgpz0l*_gcl_au*MzU1OTMzNzU4LjE3ODYwNTAxNzg.*_ga*ODYzOTcwNTczLjE3ODYwNTAxNzg.*_ga_5W8PXYYGBX*czE3ODYwNTAxNzckbzEkZzAkdDE3ODYwNTAxNzckajYwJGwwJGgw\" \n         class=\"btn-learn\" \n         target=\"_blank\" \n         rel=\"noopener noreferrer\">\n        LEARN MORE \u2192\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- Impact Statistics Section -->\n<section id=\"impact\" class=\"impact\">\n  <div class=\"impact-container\">\n    <div class=\"impact-heading\">\n      <span><\/span>\n      <h2>Our Impact at a Glance<\/h2>\n    <\/div>\n\n    <div class=\"impact-grid\">\n      <div class=\"impact-item\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/5580956.png\" alt=\"Children Saved From Child Abuse\">\n        <h3>4,000+<\/h3>\n        <p>Children Saved From Child Abuse<\/p>\n      <\/div>\n\n      <div class=\"impact-item\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/pngtree-green-leaf-icon-vector-png-image_6005736.png\" alt=\"Trees Planted\">\n        <h3>425,662+<\/h3>\n        <p>Trees Planted<\/p>\n      <\/div>\n\n      <div class=\"impact-item\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/5580956.png\" alt=\"Individuals Served by Our Programs\">\n        <h3>50K+<\/h3>\n        <p>Individuals Served by Our Programs<\/p>\n      <\/div>\n\n      <div class=\"impact-item\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/5735404.png\" alt=\"Impactful Projects Completed\">\n        <h3>268+<\/h3>\n        <p>Impactful Projects Completed<\/p>\n      <\/div>\n\n      <div class=\"impact-item\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/free-laptop-icon-1399-thumb.png\" alt=\"Laptops Donated\">\n        <h3>500+<\/h3>\n        <p>Laptops Donated<\/p>\n      <\/div>\n\n      <div class=\"impact-item\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/44386.png\" alt=\"Countries Reached\">\n        <h3>17+<\/h3>\n        <p>Countries Reached<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Who We Are Section -->\n<section id=\"who-we-are\" class=\"who-we-are\">\n  <div class=\"who-container\">\n    <!-- Image on the left -->\n    <div class=\"who-image\">\n      <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/maxresdefault-19.jpg\" alt=\"Community empowerment\">\n    <\/div>\n\n    <!-- Text on the right -->\n    <div class=\"who-text\">\n      <h2>Who We Are<\/h2>\n      <p>\n        Amsha Africa Foundation is a nonprofit organization dedicated to empowering communities\n        across Africa. We focus on education, technology, entrepreneurship, agriculture, and health\n        to create sustainable solutions that transform lives.\n      <\/p>\n      <p>\n        Our mission is to bridge gaps, unlock opportunities, and inspire innovation by working hand\n        in hand with local communities and global partners.\n      <\/p>\n      <a href=\"https:\/\/amshaafrica.org\/index.php\/about-new\/\" class=\"btn btn-primary\">Learn More About Us<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- Strategic Focus Areas Section -->\n<section id=\"focus-areas\" class=\"focus-areas\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">Strategic Focus Areas<\/h2>\n    <div class=\"focus-grid\">\n      <!-- Education -->\n      <div class=\"focus-item\">\n        <div class=\"focus-image\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/file-20230526-27-lw7lyf.avif\" alt=\"Education\">\n        <\/div>\n        <div class=\"focus-content\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/free-opened-book-icon-3163-thumb.png\" alt=\"Education Icon\" class=\"focus-icon\">\n          <h3>Education<\/h3>\n          <p>Expanding access to quality education and lifelong learning.<\/p>\n          <a href=\"#\" class=\"focus-link\" data-program-title=\"Education\" data-program-description=\"Education opens pathways to opportunity, confidence and long-term community progress. Amsha Africa works to expand access to learning and create environments where children and young people can build the knowledge and skills needed for their future.\" data-program-why=\"For many communities, access to quality learning, mentorship and educational resources remains uneven. Focused support can help learners stay engaged, strengthen their potential and connect education to real opportunity.\" data-program-support=\"Learning access, student support, mentorship, digital learning opportunities and community-based education initiatives designed around local needs.\">Learn More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Technology & AI -->\n      <div class=\"focus-item\">\n        <div class=\"focus-image\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/DeepLearningIndaba-Image-2-scaled.webp\" alt=\"Technology & AI\">\n        <\/div>\n        <div class=\"focus-content\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/canva-ai-chip-icon-MAHGckm6hSQ.webp\" alt=\"Technology Icon\" class=\"focus-icon\">\n          <h3>Technology & Artificial Intelligence<\/h3>\n          <p>Empowering communities through digital literacy and emerging technologies.<\/p>\n          <a href=\"#\" class=\"focus-link\" data-program-title=\"Technology & Artificial Intelligence\" data-program-description=\"Digital skills are increasingly essential for education, work and entrepreneurship. We help young people and communities engage with technology, artificial intelligence and emerging digital tools in practical, accessible ways.\" data-program-why=\"The digital divide is not only about devices; it is also about skills, confidence and access to relevant training. Closing that gap can expand pathways into learning, innovation and future livelihoods.\" data-program-support=\"Digital access, computer and laptop initiatives, AI and IT training, mentorship, technology learning experiences and partnerships that connect communities to emerging opportunities.\">Learn More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Entrepreneurship -->\n      <div class=\"focus-item\">\n        <div class=\"focus-image\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/women-africa-scaled.jpg\" alt=\"Entrepreneurship\">\n        <\/div>\n        <div class=\"focus-content\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/200429-200.png\" alt=\"Entrepreneurship Icon\" class=\"focus-icon\">\n          <h3>Entrepreneurship & Economic Empowerment<\/h3>\n          <p>Building local businesses and economic resilience.<\/p>\n          <a href=\"#\" class=\"focus-link\" data-program-title=\"Entrepreneurship & Economic Empowerment\" data-program-description=\"Sustainable livelihoods strengthen families and communities. Our economic empowerment work supports entrepreneurship, practical opportunity and local resilience so people can build income pathways with greater independence.\" data-program-why=\"Entrepreneurs and community enterprises often have ideas and determination but limited access to skills, networks, tools and market opportunities. Strategic support can help turn potential into more resilient livelihoods.\" data-program-support=\"Entrepreneurship development, livelihood initiatives, practical skills, business support, market connections and community partnerships that strengthen local economic participation.\">Learn More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Health -->\n      <div class=\"focus-item\">\n        <div class=\"focus-image\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-26-at-01.06.45-scaled.jpeg\" alt=\"Health & Community Wellbeing\">\n        <\/div>\n        <div class=\"focus-content\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/7922906.png\" alt=\"Health Icon\" class=\"focus-icon\">\n          <h3>Health & Community Wellbeing<\/h3>\n          <p>Promoting health outcomes for stronger communities.<\/p>\n          <a href=\"#\" class=\"focus-link\" data-program-title=\"Health & Community Wellbeing\" data-program-description=\"Healthy communities are better positioned to learn, work and thrive. Amsha Africa supports community-centered health and wellbeing initiatives that improve access, prevention, awareness and protection for people who may otherwise be underserved.\" data-program-why=\"Preventable health challenges can interrupt education, reduce household stability and limit opportunity. Timely outreach and accessible community support can make a meaningful difference in everyday life.\" data-program-support=\"Vision and eye-health outreach, community health and wellbeing, WASH, women\u2019s health and protection initiatives, and community-based prevention and support programs.\">Learn More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Agriculture -->\n      <div class=\"focus-item\">\n        <div class=\"focus-image\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/RS25698_Godfrey-Kirimi-displays-tomoatoes-from-his-farm-in-Tharaka-Nithi.-Photo-credit-Farm-Africa-Bertha-Lutome_lpr.jpg\" alt=\"Agriculture & Food Security\">\n        <\/div>\n        <div class=\"focus-content\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/892926.png\" alt=\"Agriculture Icon\" class=\"focus-icon\">\n          <h3>Agriculture & Food Security<\/h3>\n          <p>Promoting sustainable agriculture for food and climate resilience.<\/p>\n          <a href=\"#\" class=\"focus-link\" data-program-title=\"Agriculture & Food Security\" data-program-description=\"Agriculture remains central to livelihoods and food security across many African communities. We support practical approaches that help communities strengthen production, protect natural resources and build resilience in changing climate conditions.\" data-program-why=\"Climate pressure, water constraints and fragile value chains can directly affect household income and food availability. Locally relevant solutions can strengthen resilience while protecting long-term productivity.\" data-program-support=\"Climate-smart agriculture, water and land restoration, rainwater harvesting, food-security initiatives, agricultural value chains and sustainable livelihood programs such as beekeeping.\">Learn More \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- Flagship Initiatives Section -->\n<section id=\"flagship\" class=\"flagship\">\n  <div class=\"container\">\n    <h2 class=\"flagship-title\">Our Flagship Initiatives<\/h2>\n    <div class=\"flagship-wrapper\">\n      <!-- Africa Geekster -->\n      <div class=\"flagship-card geekster\">\n        <div class=\"flagship-overlay\">\n          <span class=\"flagship-label\">Flagship Initiative<\/span>\n          <h3>Africa Gigster<\/h3>\n          <p>\n            Building Africa\u2019s next generation of AI, technology, and innovation leaders through\n            STEM education, mentorship, and emerging technologies.\n          <\/p>\n          <a href=\"https:\/\/africagigsters.com\/\" class=\"btn btn-primary\">Explore Program<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Education Seed -->\n      <div class=\"flagship-card seed\">\n        <div class=\"flagship-overlay\">\n          <span class=\"flagship-label\">Flagship Initiative<\/span>\n          <h3>Education Seed<\/h3>\n          <p>\n            Expanding educational opportunities through scholarships, digital learning, and\n            community partnerships that empower youth across Africa.\n          <\/p>\n          <a href=\"https:\/\/educationseeds.org\/\" class=\"btn btn-primary\">Explore Program<\/a>\n        <\/div>\n      <\/div>\n      <!-- Education rise -->\n      <div class=\"flagship-card rise\">\n        <div class=\"flagship-overlay\">\n          <span class=\"flagship-label\">Flagship Initiative<\/span>\n          <h3>RiseTech Initiative<\/h3>\n          <p>\n            Together, Amsha Africa Foundation and RiseTech are bridging the digital divide by equipping young people with the technology, AI, and digital skills needed to thrive in the future.\n          <\/p>\n          <a href=\"https:\/\/risetechinitiative.org\/\" class=\"btn btn-primary\">Explore Program<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- Stories of Impact Section -->\n<section id=\"stories\" class=\"stories\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">Stories of Impact<\/h2>\n    <div class=\"stories-grid\">\n      <!-- Story 1 -->\n      <div class=\"story-card\">\n        <div class=\"story-image\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/images-29.jpg\" alt=\"From a Rural Classroom to a Brighter Future\">\n        <\/div>\n        <div class=\"story-content\">\n          <h3>From a Rural Classroom to a Brighter Future<\/h3>\n          <p>\n            Empowering students with digital tools to transform education and open new opportunities.\n          <\/p>\n          <a href=\"https:\/\/amshaafrica.org\/index.php\/our-impact\/\" class=\"story-link\">Read More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Story 2 -->\n      <div class=\"story-card\">\n        <div class=\"story-image\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/shutterstock141594697111622023141744.jpg\" alt=\"A Small Business, A Big Transformation\">\n        <\/div>\n        <div class=\"story-content\">\n          <h3>A Small Business, A Big Transformation<\/h3>\n          <p>\n            Supporting entrepreneurs to grow sustainable businesses and strengthen local economies.\n          <\/p>\n          <a href=\"https:\/\/amshaafrica.org\/index.php\/our-impact\/\" class=\"story-link\">Read More \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Story 3 -->\n      <div class=\"story-card\">\n        <div class=\"story-image\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/3Zr7ONANDxau0C9-1000x600-1.jpg\" alt=\"Farming Innovation Feeds Communities\">\n        <\/div>\n        <div class=\"story-content\">\n          <h3>Farming Innovation Feeds Communities<\/h3>\n          <p>\n            Promoting modern agricultural practices to improve food security and livelihoods.\n          <\/p>\n          <a href=\"https:\/\/amshaafrica.org\/index.php\/our-impact\/\" class=\"story-link\">Read More \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"stories-button\">\n      <a href=\"https:\/\/amshaafrica.org\/index.php\/our-impact\/\" class=\"btn btn-outline\">View More Stories<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<section id=\"partners\" class=\"partners\">\n  <div class=\"container\">\n    <h2 class=\"partners-title\">Our Partners<\/h2>\n\n    <div class=\"partners-slider-wrap\">\n      <div class=\"partners-track\">\n        <!-- First set -->\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-06-at-22.40.37.jpeg\" alt=\"Mastercard\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/images-51.jpg\" alt=\"Visa\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-20-at-16.07.33.jpeg\" alt=\"Google\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-20-at-16.06.13.jpeg\" alt=\"Intel\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2023\/12\/Colorful-Modern-Human-Star-Solidarity-Fondation-Logo-1.png\" alt=\"Partner\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-20-at-16.06.05.jpeg\" alt=\"AWS\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-06-26-at-01.34.41.png\" alt=\"Partner\">\n        <\/a>\n\n        <!-- Duplicate set for seamless loop -->\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/06\/Mastercard_2019_logo.svg\" alt=\"Mastercard\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/06\/VISA-logo-scaled.png\" alt=\"Visa\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/06\/Alphabet-Google-Logo-SVG-1.svg\" alt=\"Google\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/06\/Intel-Icon.png\" alt=\"Intel\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2023\/12\/Colorful-Modern-Human-Star-Solidarity-Fondation-Logo-1.png\" alt=\"Partner\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/06\/Amazon-Web-Services-Icon.png\" alt=\"AWS\">\n        <\/a>\n        <a href=\"#\" class=\"partner-logo\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-06-26-at-01.34.41.png\" alt=\"Partner\">\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"partner-button\">\n      <a href=\"#\" class=\"btn btn-outline\" data-modal-open=\"partner-modal\">Become A Partner<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- Get Involved Section -->\n<section id=\"get-involved\" class=\"get-involved\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">Get Involved<\/h2>\n    <p class=\"section-subtitle\">There are many ways to be part of the change.<\/p>\n\n    <div class=\"involved-grid\">\n      <!-- Donate -->\n      <div class=\"involved-card\">\n        <div class=\"involved-icon\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/images__6_-removebg-preview.png\" alt=\"Donate Icon\">\n        <\/div>\n        <h3>Donate<\/h3>\n        <p>Your support creates lasting impact.<\/p>\n        <a href=\"https:\/\/amshaafrica.org\/index.php\/donate\/\" class=\"involved-link\">Donate Now \u2192<\/a>\n      <\/div>\n\n      <!-- Volunteer -->\n      <div class=\"involved-card\">\n        <div class=\"involved-icon\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/571825.png\" alt=\"Volunteer Icon\">\n        <\/div>\n        <h3>Volunteer<\/h3>\n        <p>Share your time and skills.<\/p>\n        <a href=\"https:\/\/amshaafrica.org\/index.php\/get-involved-2\/\" class=\"involved-link\">Volunteer \u2192<\/a>\n      <\/div>\n\n      <!-- Partner -->\n      <div class=\"involved-card\">\n        <div class=\"involved-icon\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/1322246.png\" alt=\"Partner Icon\">\n        <\/div>\n        <h3>Partner<\/h3>\n        <p>Let\u2019s build solutions together.<\/p>\n        <a href=\"#\" class=\"involved-link\" data-modal-open=\"partner-modal\">Partner With Us \u2192<\/a>\n      <\/div>\n\n      <!-- Subscribe -->\n      <div class=\"involved-card\">\n        <div class=\"involved-icon\">\n          <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/email-and-mail-icon-black-free-png.webp\" alt=\"Subscribe Icon\">\n        <\/div>\n        <h3>Subscribe<\/h3>\n        <p>Stay connected and get updates.<\/p>\n        <a href=\"#\" class=\"involved-link\" data-modal-open=\"subscribe-modal\">Subscribe \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- Latest News & Updates Section -->\n<section id=\"news\" class=\"news\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">Latest News & Updates<\/h2>\n\n    <div class=\"news-slider-wrapper\">\n      <div class=\"news-slider\" id=\"latest-posts\">\n        <!-- Posts load here -->\n        <div class=\"loading-message\">Loading latest news...<\/div>\n      <\/div>\n\n      <!-- Navigation arrows -->\n      <button class=\"slider-btn prev\" id=\"news-prev\" aria-label=\"Previous\">\u2039<\/button>\n      <button class=\"slider-btn next\" id=\"news-next\" aria-label=\"Next\">\u203a<\/button>\n    <\/div>\n\n    <div class=\"news-button\">\n      <a href=\"\/index.php\/category\/news\/\" class=\"btn btn-outline\">View All News<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const container = document.getElementById('latest-posts');\n  const prevBtn = document.getElementById('news-prev');\n  const nextBtn = document.getElementById('news-next');\n\n  fetch('https:\/\/amshaafrica.org\/wp-json\/wp\/v2\/posts?per_page=6&_embed')\n    .then(res => res.json())\n    .then(posts => {\n      if (!posts || posts.length === 0) {\n        container.innerHTML = '<p class=\"loading-message\">No posts found.<\/p>';\n        return;\n      }\n\n      let html = '';\n\n      posts.forEach(post => {\n        \/\/ Featured image or fallback\n        let imageUrl = 'https:\/\/amshaafrica.org\/wp-content\/uploads\/2023\/03\/cropped-New_Amsha_Africa_Logo-removebg-preview.png';\n        if (post._embedded?.['wp:featuredmedia']?.[0]?.source_url) {\n          imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n        }\n\n        \/\/ Date\n        const date = new Date(post.date);\n        const formattedDate = date.toLocaleDateString('en-US', {\n          year: 'numeric',\n          month: 'long'\n        });\n\n        \/\/ Clean excerpt\n        let excerpt = post.excerpt.rendered.replace(\/<[^>]+>\/g, '').trim();\n        if (excerpt.length > 140) excerpt = excerpt.substring(0, 140) + '...';\n\n        html += `\n          <div class=\"news-card\">\n            <div class=\"news-image\">\n              <img decoding=\"async\" src=\"${imageUrl}\" alt=\"${post.title.rendered.replace(\/\"\/g, '&quot;')}\" loading=\"lazy\">\n            <\/div>\n            <div class=\"news-content\">\n              <span class=\"news-date\">${formattedDate}<\/span>\n              <h3>${post.title.rendered}<\/h3>\n              <p>${excerpt}<\/p>\n              <a href=\"${post.link}\" class=\"news-link\">Read More \u2192<\/a>\n            <\/div>\n          <\/div>\n        `;\n      });\n\n      container.innerHTML = html;\n\n      \/\/ Simple slider logic\n      let currentIndex = 0;\n      const cards = container.querySelectorAll('.news-card');\n      const total = cards.length;\n\n      function updateSlider() {\n        const isMobile = window.innerWidth <= 700;\n        const cardsToShow = isMobile ? 1 : (window.innerWidth <= 1000 ? 2 : 3);\n        const maxIndex = Math.max(0, total - cardsToShow);\n\n        if (currentIndex > maxIndex) currentIndex = maxIndex;\n\n        const cardWidth = cards[0].offsetWidth + 24; \/\/ 24 = gap\n        container.style.transform = `translateX(-${currentIndex * cardWidth}px)`;\n\n        prevBtn.style.opacity = currentIndex === 0 ? '0.4' : '1';\n        nextBtn.style.opacity = currentIndex >= maxIndex ? '0.4' : '1';\n      }\n\n      nextBtn.addEventListener('click', () => {\n        const isMobile = window.innerWidth <= 700;\n        const cardsToShow = isMobile ? 1 : (window.innerWidth <= 1000 ? 2 : 3);\n        const maxIndex = Math.max(0, total - cardsToShow);\n        if (currentIndex < maxIndex) {\n          currentIndex++;\n          updateSlider();\n        }\n      });\n\n      prevBtn.addEventListener('click', () => {\n        if (currentIndex > 0) {\n          currentIndex--;\n          updateSlider();\n        }\n      });\n\n      \/\/ Auto-slide every 5 seconds\n      setInterval(() => {\n        const isMobile = window.innerWidth <= 700;\n        const cardsToShow = isMobile ? 1 : (window.innerWidth <= 1000 ? 2 : 3);\n        const maxIndex = Math.max(0, total - cardsToShow);\n        currentIndex = currentIndex >= maxIndex ? 0 : currentIndex + 1;\n        updateSlider();\n      }, 5000);\n\n      window.addEventListener('resize', updateSlider);\n      updateSlider();\n    })\n    .catch(err => {\n      console.error(err);\n      container.innerHTML = '<p class=\"loading-message\">Unable to load news right now.<\/p>';\n    });\n});\n<\/script>\n<!-- Stay Connected Section -->\n<section id=\"stay-connected\" class=\"stay-connected\">\n  <div class=\"container\">\n    <div class=\"stay-wrapper\">\n      <div class=\"stay-icon\">\n        <img decoding=\"async\" src=\"https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/email-round-icon.webp\" alt=\"Mail Icon\">\n      <\/div>\n      <div class=\"stay-content\">\n        <h2 class=\"stay-title\">Stay Connected. Stay Inspired.<\/h2>\n        <p class=\"stay-text\">\n          Subscribe to our newsletter for the latest stories, impact updates, and ways to get involved.\n        <\/p>\n      <\/div>\n      <form class=\"stay-form\" id=\"aaf-newsletter-form\" method=\"post\">\n        <input type=\"email\" name=\"email\" placeholder=\"Enter your email address\" required autocomplete=\"email\">\n        <input type=\"text\" name=\"company\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" style=\"position:absolute;left:-9999px;width:1px;height:1px;opacity:0;\">\n        <button type=\"submit\" class=\"btn-subscribe\">Subscribe<\/button>\n        <div id=\"aaf-subscribe-message\" class=\"aaf-subscribe-message\" role=\"status\" aria-live=\"polite\"><\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- AAF MODALS -->\n<div id=\"aaf-program-modal\" class=\"aaf-modal\" aria-hidden=\"true\">\n  <div class=\"aaf-modal-backdrop\" data-modal-close><\/div>\n  <div class=\"aaf-modal-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"aaf-program-modal-title\">\n    <button type=\"button\" class=\"aaf-modal-close\" data-modal-close aria-label=\"Close\">&times;<\/button>\n    <span class=\"aaf-modal-eyebrow\">Strategic Focus Area<\/span>\n    <h3 id=\"aaf-program-modal-title\"><\/h3>\n    <p id=\"aaf-program-modal-description\" class=\"aaf-program-lead\"><\/p>\n    <div class=\"aaf-program-donor-box\">\n      <strong>Why this matters<\/strong>\n      <p id=\"aaf-program-modal-why\"><\/p>\n    <\/div>\n    <div class=\"aaf-program-donor-box aaf-program-donor-box--soft\">\n      <strong>What your support can help unlock<\/strong>\n      <p id=\"aaf-program-modal-support\"><\/p>\n    <\/div>\n    <p class=\"aaf-program-partnership-note\">We welcome donors, foundations, companies and implementation partners who want to help build practical, community-led solutions with lasting value.<\/p>\n    <div class=\"aaf-program-actions\">\n      <a id=\"aaf-program-modal-link\" href=\"https:\/\/amshaafrica.org\/index.php\/our-work\/\" class=\"aaf-modal-primary\">Explore Our Work \u2192<\/a>\n      <a href=\"#\" class=\"aaf-modal-secondary\" data-modal-open=\"partner-modal\">Discuss a Partnership<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div id=\"partner-modal\" class=\"aaf-modal\" aria-hidden=\"true\">\n  <div class=\"aaf-modal-backdrop\" data-modal-close><\/div>\n  <div class=\"aaf-modal-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"aaf-partner-modal-title\">\n    <button type=\"button\" class=\"aaf-modal-close\" data-modal-close aria-label=\"Close\">&times;<\/button>\n    <span class=\"aaf-modal-eyebrow\">Partner With Us<\/span>\n    <h3 id=\"aaf-partner-modal-title\">Partner With Amsha Africa Foundation<\/h3>\n    <p class=\"aaf-modal-intro\">Tell us a little about your organization and how you would like to partner with us.<\/p>\n    <form id=\"aaf-partner-form\" class=\"aaf-popup-form\">\n      <input type=\"text\" name=\"name\" placeholder=\"Full Name *\" required>\n      <input type=\"text\" name=\"organization\" placeholder=\"Organization \/ Company *\" required>\n      <input type=\"email\" name=\"email\" placeholder=\"Email Address *\" required>\n      <input type=\"tel\" name=\"phone\" placeholder=\"Phone Number\">\n      <select name=\"partnership_type\" required>\n        <option value=\"\">Partnership Type *<\/option>\n        <option value=\"Corporate Partnership\">Corporate Partnership<\/option>\n        <option value=\"Foundation \/ NGO Partnership\">Foundation \/ NGO Partnership<\/option>\n        <option value=\"Technology Partnership\">Technology Partnership<\/option>\n        <option value=\"Education Partnership\">Education Partnership<\/option>\n        <option value=\"Community Partnership\">Community Partnership<\/option>\n        <option value=\"Other\">Other<\/option>\n      <\/select>\n      <textarea name=\"message\" rows=\"4\" placeholder=\"Tell us about your partnership idea\"><\/textarea>\n      <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" class=\"aaf-honeypot\">\n      <button type=\"submit\" class=\"aaf-modal-primary\">Submit Partnership Request<\/button>\n      <div id=\"aaf-partner-message\" class=\"aaf-form-message\" role=\"status\" aria-live=\"polite\"><\/div>\n    <\/form>\n  <\/div>\n<\/div>\n\n<div id=\"subscribe-modal\" class=\"aaf-modal\" aria-hidden=\"true\">\n  <div class=\"aaf-modal-backdrop\" data-modal-close><\/div>\n  <div class=\"aaf-modal-dialog aaf-subscribe-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"aaf-subscribe-modal-title\">\n    <button type=\"button\" class=\"aaf-modal-close\" data-modal-close aria-label=\"Close\">&times;<\/button>\n    <span class=\"aaf-modal-eyebrow\">Stay Connected<\/span>\n    <h3 id=\"aaf-subscribe-modal-title\">Stay Connected. Stay Inspired.<\/h3>\n    <p class=\"aaf-modal-intro\">Subscribe to our newsletter for the latest stories, impact updates, and ways to get involved.<\/p>\n    <form id=\"aaf-popup-subscribe-form\" class=\"aaf-popup-form\">\n      <input type=\"email\" name=\"email\" placeholder=\"Enter your email address *\" required autocomplete=\"email\">\n      <input type=\"text\" name=\"company\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" class=\"aaf-honeypot\">\n      <button type=\"submit\" class=\"aaf-modal-primary\">Subscribe<\/button>\n      <div id=\"aaf-popup-subscribe-message\" class=\"aaf-form-message\" role=\"status\" aria-live=\"polite\"><\/div>\n    <\/form>\n  <\/div>\n<\/div>\n\n<style>\n\/* ===== HERO SECTION (full) ===== *\/\n.hero {\n  position: relative;\n  width: 100%;\n  height: 100vh;\n  height: 100dvh;\n  min-height: 500px;\n  overflow: hidden;\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n\/* Video wrapper *\/\n.hero-video-wrap {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n\/* Self-hosted <video> *\/\n.hero-video {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center center;\n  transform: translate(-50%, -50%);\n  border: 0;\n}\n\n\/* YouTube iframe cover *\/\n.hero-video-wrap iframe.hero-video {\n  width: 100vw;\n  height: 56.25vw;\n  min-height: 100%;\n  min-width: 177.77vh;\n  max-width: none;\n  transform: translate(-50%, -50%);\n}\n\n\/* Overlay *\/\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  background: linear-gradient(to right, rgba(0,0,0,0.75) 40%, rgba(0,0,0,0.35) 100%);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 0 8%;\n}\n\n.hero-content {\n  max-width: 600px;\n  color: #fff;\n}\n\n.hero h1 {\n  font-size: 3.0rem;\n  font-weight: 700;\n  margin-bottom: 20px;\n  line-height: 1.2;\n  color: #fff;\n}\n\n.hero p {\n  font-size: 1.25rem;\n  margin-bottom: 30px;\n  color: #f0f0f0;\n  line-height: 1.6;\n}\n\n.hero-buttons {\n  display: flex;\n  gap: 15px;\n  margin-bottom: 40px;\n  flex-wrap: wrap;\n}\n\n.btn {\n  display: inline-block;\n  padding: 14px 28px;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 1rem;\n  transition: background 0.3s ease, transform 0.2s ease;\n  text-align: center;\n  min-height: 48px;\n  line-height: 1.4;\n}\n\n.btn-primary {\n  background: #c1272d;\n  color: #fff;\n}\n\n.btn-primary:hover {\n  background: #a01f24;\n}\n\n.btn-secondary {\n  background: #333;\n  color: #fff;\n}\n\n.btn-secondary:hover {\n  background: #111;\n}\n\n.scroll-indicator {\n  font-size: 0.9rem;\n  opacity: 0.8;\n  color: #fff;\n  margin-top: 20px;\n}\n\n\/* ===== TABLET ===== *\/\n@media (max-width: 992px) {\n  .hero-overlay {\n    padding: 0 6%;\n    background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.78) 100%);\n  }\n\n  .hero h1 {\n    font-size: 2.6rem;\n  }\n\n  .hero p {\n    font-size: 1.1rem;\n  }\n}\n\n\/* ===== MOBILE ===== *\/\n@media (max-width: 768px) {\n  .hero {\n    height: 100vh;\n    height: 100dvh;\n    min-height: 560px;\n  }\n\n  .hero-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center center;\n    transform: translate(-50%, -50%);\n  }\n\n  .hero-video-wrap iframe.hero-video {\n    width: 100%;\n    height: 100%;\n    min-width: 100%;\n    min-height: 100%;\n    transform: translate(-50%, -50%) scale(1.35);\n  }\n\n  .hero-overlay {\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 80px 24px 40px;\n    background: linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, 0.5) 0%,\n      rgba(0, 0, 0, 0.8) 100%\n    );\n  }\n\n  .hero-content {\n    max-width: 100%;\n  }\n\n  .hero h1 {\n    font-size: 2rem;\n    margin-bottom: 14px;\n    line-height: 1.25;\n  }\n\n  .hero p {\n    font-size: 1rem;\n    margin-bottom: 24px;\n    line-height: 1.5;\n  }\n\n  .hero-buttons {\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 20px;\n  }\n\n  .btn {\n    padding: 13px 22px;\n    font-size: 0.95rem;\n    min-width: 140px;\n  }\n}\n\n\/* ===== SMALL PHONES ===== *\/\n@media (max-width: 480px) {\n  .hero {\n    min-height: 520px;\n  }\n\n  .hero-video-wrap iframe.hero-video {\n    transform: translate(-50%, -50%) scale(1.5);\n  }\n\n  .hero-overlay {\n    padding: 70px 18px 30px;\n  }\n\n  .hero h1 {\n    font-size: 1.7rem;\n    margin-bottom: 12px;\n  }\n\n  .hero p {\n    font-size: 0.95rem;\n    margin-bottom: 22px;\n  }\n\n  .hero-buttons {\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .btn {\n    width: 100%;\n    max-width: 260px;\n    padding: 14px 20px;\n  }\n}\n\/* ===== TRANSPARENCY SEAL SECTION ===== *\/\n.transparency-seal {\n  background: #b8c9d4; \/* soft blue-grey matching the image *\/\n  padding: 20px 20px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.seal-inner {\n  max-width: 900px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n\/* Logos side by side *\/\n.seal-visuals {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 40px;\n  margin-bottom: 36px;\n  flex-wrap: wrap;\n}\n\n.logo-wrap,\n.candid-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.aaf-logo {\n  max-height: 140px;\n  width: auto;\n  max-width: 180px;\n  object-fit: contain;\n}\n\n.candid-seal {\n  max-height: 140px;\n  width: auto;\n  max-width: 160px;\n  object-fit: contain;\n  background: #ffffff;\n  padding: 12px;\n  border: 1px solid #d0d7de;\n  border-radius: 4px;\n  box-shadow: 0 4px 14px rgba(0,0,0,0.08);\n}\n\n\/* Text *\/\n.seal-content h2 {\n  font-size: 26px;\n  font-weight: 700;\n  color: #1a1a1a;\n  line-height: 1.35;\n  margin: 0 0 12px 0;\n}\n\n.seal-tagline {\n  font-size: 20px;\n  font-weight: 600;\n  color: #1a1a1a;\n  margin: 0 0 28px 0;\n}\n\n\/* Button *\/\n.btn-learn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #0b2f6b;\n  color: #ffffff;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.4px;\n  padding: 14px 28px;\n  border-radius: 6px;\n  text-decoration: none;\n  transition: background 0.25s, transform 0.2s;\n}\n\n.btn-learn:hover {\n  background: #08244f;\n  transform: translateY(-2px);\n}\n\n\/* Responsive *\/\n@media (max-width: 600px) {\n  .seal-visuals {\n    gap: 24px;\n  }\n\n  .aaf-logo,\n  .candid-seal {\n    max-height: 110px;\n  }\n\n  .seal-content h2 {\n    font-size: 20px;\n  }\n\n  .seal-tagline {\n    font-size: 17px;\n  }\n}\n\/* Impact Statistics Section *\/\n.impact {\n  padding: 38px 20px;\n  background: #FFF8EA;\n  border-top: 1px solid #E9D8B7;\n  border-bottom: 1px solid #E9D8B7;\n}\n\n.impact-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.impact-heading {\n  margin: 0 0 26px;\n}\n\n.impact-heading span {\n  display: block;\n  margin-bottom: 7px;\n  color: #D84A3A;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  line-height: 1.5;\n}\n\n.impact-heading h2 {\n  margin: 0;\n  color: #24201D;\n  font-size: clamp(1.75rem, 2.5vw, 2rem);\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: -.3px;\n}\n\n.impact-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 14px;\n}\n\n.impact-item {\n  min-width: 0;\n  background: #fff;\n  border: 1px solid #E9D8B7;\n  border-radius: 10px;\n  padding: 20px 12px 18px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  box-shadow: 0 6px 20px rgba(91,63,47,.08);\n}\n\n.impact-item img {\n  width: 48px;\n  height: 48px;\n  object-fit: contain;\n  margin-bottom: 10px;\n}\n\n.impact-item h3 {\n  margin: 0 0 7px;\n  color: #D84A3A;\n  font-size: 1.75rem;\n  font-weight: 700;\n  line-height: 1.15;\n}\n\n.impact-item p {\n  margin: 0;\n  max-width: 155px;\n  color: #625B54;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.45;\n}\n\n@media (max-width: 1100px) {\n  .impact-grid {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n}\n\n@media (max-width: 768px) {\n  .impact {\n    padding: 32px 16px;\n  }\n\n  .impact-heading {\n    margin-bottom: 20px;\n  }\n\n  .impact-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .impact-item {\n    padding: 18px 10px 16px;\n  }\n\n  .impact-item img {\n    width: 44px;\n    height: 44px;\n  }\n\n  .impact-item h3 {\n    font-size: 1.55rem;\n  }\n\n  .impact-item p {\n    font-size: 12px;\n  }\n}\n\n@media (max-width: 400px) {\n  .impact {\n    padding: 28px 12px;\n  }\n\n  .impact-grid {\n    gap: 10px;\n  }\n\n  .impact-item h3 {\n    font-size: 1.4rem;\n  }\n}\n\n\/* Who We Are Section *\/\n.who-we-are {\n  background-color:#cba5;\n  padding: 20px 0;\n}\n\n.who-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  max-width: 1200px;\n  margin: 0 auto;\n  gap: 40px;\n  flex-wrap: wrap;\n}\n\n.who-image {\n  flex: 1 1 500px;\n}\n\n.who-image img {\n  width: 100%;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.who-text {\n  flex: 1 1 500px;\n}\n\n.who-text h2 {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #0b3d2e;\n  margin-bottom: 20px;\n}\n\n.who-text p {\n  font-size: 1.1rem;\n  color: #333;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.btn {\n  display: inline-block;\n  padding: 12px 28px;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n  transition: background 0.3s ease;\n}\n\n.btn-primary {\n  background: #c1272d;\n  color: #fff;\n}\n\n.btn-primary:hover {\n  background: #a01f24;\n}\n\/* Strategic Focus Areas Section *\/\n.focus-areas {\n  background-color: #fff;\n  padding: 30px 0;\n}\n\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.section-title {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #0b3d2e;\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.focus-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 24px;\n}\n\n.focus-item {\n  background: #fff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n}\n\n.focus-item:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.focus-image img {\n  width: 100%;\n  height: 180px;\n  object-fit: cover;\n  display: block;\n}\n\n.focus-content {\n  padding: 22px 20px 24px;\n  text-align: left;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.focus-icon {\n  width: 42px;\n  height: 42px;\n  margin-bottom: 14px;\n  filter: invert(23%) sepia(92%) saturate(3000%) hue-rotate(340deg) brightness(95%) contrast(90%);\n}\n\n.focus-content h3 {\n  font-size: 1.15rem;\n  font-weight: 700;\n  color: #222;\n  margin: 0 0 10px 0;\n  line-height: 1.35;\n}\n\n.focus-content p {\n  font-size: 0.95rem;\n  color: #555;\n  margin: 0 0 18px 0;\n  line-height: 1.55;\n  flex-grow: 1;\n}\n\n.focus-link {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #c1272d;\n  text-decoration: none;\n  margin-top: auto;\n}\n\n.focus-link:hover {\n  text-decoration: underline;\n}\n\n\/* ========== TABLET ========== *\/\n@media (max-width: 1100px) {\n  .focus-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (max-width: 800px) {\n  .focus-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n\n  .section-title {\n    font-size: 2.1rem;\n    margin-bottom: 40px;\n  }\n\n  .focus-image img {\n    height: 170px;\n  }\n}\n\n\/* ========== MOBILE ========== *\/\n@media (max-width: 600px) {\n  .focus-areas {\n    padding: 20px 0;\n  }\n\n  .container {\n    padding: 0 16px;\n  }\n\n  .section-title {\n    font-size: 1.8rem;\n    margin-bottom: 32px;\n  }\n\n  .focus-grid {\n    grid-template-columns: 1fr;          \/* 1 card per row on mobile *\/\n    gap: 20px;\n  }\n\n  .focus-image img {\n    height: 200px;\n  }\n\n  .focus-content {\n    padding: 20px 18px 22px;\n  }\n\n  .focus-content h3 {\n    font-size: 1.2rem;\n  }\n\n  .focus-content p {\n    font-size: 0.98rem;\n  }\n}\n\/* Flagship Initiatives Section *\/\n.flagship {\n  background-color: #0b3d2e;\n  padding: 30px 0;\n}\n\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.flagship-title {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #fff;\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.flagship-wrapper {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n}\n\n.flagship-card {\n  position: relative;\n  height: 340px;\n  border-radius: 10px;\n  overflow: hidden;\n  background-size: cover;\n  background-position: center;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);\n}\n\n.flagship-card.geekster {\n  background-image: url('https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/ajira7.jpg');\n}\n\n.flagship-card.seed {\n  background-image: url('https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/07\/20210201-4.jpg');\n}\n\n.flagship-card.rise {\n  background-image: url('https:\/\/amshaafrica.org\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-06-25-at-10.34.08-scaled.jpeg');\n}\n\n.flagship-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.55) 70%, transparent 100%);\n  color: #fff;\n  padding: 32px 28px 28px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  height: 100%;\n}\n\n.flagship-label {\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n  color: #f0f0f0;\n  display: block;\n  margin-bottom: 10px;\n  opacity: 0.9;\n}\n\n.flagship-overlay h3 {\n  font-size: 1.75rem;\n  font-weight: 700;\n  margin: 0 0 12px 0;\n  color: #fff;\n  line-height: 1.25;\n}\n\n.flagship-overlay p {\n  font-size: 1rem;\n  line-height: 1.55;\n  margin: 0 0 22px 0;\n  color: #e0e0e0;\n  max-width: 90%;\n}\n\n.flagship .btn {\n  display: inline-block;\n  padding: 13px 26px;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 0.95rem;\n  transition: background 0.3s ease;\n  align-self: flex-start;\n  min-height: 46px;\n}\n\n.flagship .btn-primary {\n  background: #c1272d;\n  color: #fff;\n}\n\n.flagship .btn-primary:hover {\n  background: #a01f24;\n}\n\n\/* ========== TABLET ========== *\/\n@media (max-width: 900px) {\n  .flagship-wrapper {\n    gap: 22px;\n  }\n\n  .flagship-card {\n    height: 320px;\n  }\n\n  .flagship-overlay {\n    padding: 28px 24px 24px;\n  }\n\n  .flagship-overlay h3 {\n    font-size: 1.55rem;\n  }\n\n  .flagship-overlay p {\n    font-size: 0.95rem;\n  }\n}\n\n\/* ========== MOBILE ========== *\/\n@media (max-width: 700px) {\n  .flagship {\n    padding: 20px 0;\n  }\n\n  .flagship-title {\n    font-size: 1.9rem;\n    margin-bottom: 36px;\n  }\n\n  .flagship-wrapper {\n    grid-template-columns: 1fr;   \/* stack the two cards *\/\n    gap: 20px;\n  }\n\n  .flagship-card {\n    height: 360px;               \/* taller so text fits comfortably *\/\n  }\n\n  .flagship-overlay {\n    padding: 26px 22px 24px;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.6) 65%, transparent 100%);\n  }\n\n  .flagship-overlay h3 {\n    font-size: 1.5rem;\n  }\n\n  .flagship-overlay p {\n    font-size: 0.95rem;\n    max-width: 100%;\n    margin-bottom: 20px;\n  }\n\n  .flagship .btn {\n    width: 100%;\n    max-width: 220px;\n    text-align: center;\n  }\n}\n\n@media (max-width: 420px) {\n  .flagship-card {\n    height: 380px;\n  }\n\n  .flagship-title {\n    font-size: 1.7rem;\n  }\n\n  .flagship-overlay h3 {\n    font-size: 1.4rem;\n  }\n}\n\/* Stories of Impact Section *\/\n.stories {\n  background-color: #fff;\n  padding: 30px 0;\n}\n\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.section-title {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #c1272d;\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.stories-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n}\n\n.story-card {\n  background: #fff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n}\n\n.story-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);\n}\n\n.story-image img {\n  width: 100%;\n  height: 220px;\n  object-fit: cover;\n  display: block;\n}\n\n.story-content {\n  padding: 24px 22px 26px;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.story-content h3 {\n  font-size: 1.25rem;\n  font-weight: 700;\n  color: #222;\n  margin: 0 0 12px 0;\n  line-height: 1.35;\n}\n\n.story-content p {\n  font-size: 0.98rem;\n  color: #555;\n  line-height: 1.6;\n  margin: 0 0 20px 0;\n  flex-grow: 1;\n}\n\n.story-link {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #c1272d;\n  text-decoration: none;\n  margin-top: auto;\n}\n\n.story-link:hover {\n  text-decoration: underline;\n}\n\n.stories-button {\n  text-align: center;\n  margin-top: 48px;\n}\n\n.btn-outline {\n  display: inline-block;\n  padding: 13px 30px;\n  border: 2px solid #333;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 1rem;\n  color: #333;\n  transition: all 0.3s ease;\n  min-height: 48px;\n}\n\n.btn-outline:hover {\n  background: #333;\n  color: #fff;\n}\n\n\/* ========== TABLET ========== *\/\n@media (max-width: 992px) {\n  .stories-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n  }\n\n  .section-title {\n    font-size: 2.2rem;\n    margin-bottom: 40px;\n  }\n\n  .story-image img {\n    height: 200px;\n  }\n}\n\n\/* ========== MOBILE ========== *\/\n@media (max-width: 650px) {\n  .stories {\n    padding: 20px 0;\n  }\n\n  .container {\n    padding: 0 16px;\n  }\n\n  .section-title {\n    font-size: 1.85rem;\n    margin-bottom: 32px;\n  }\n\n  .stories-grid {\n    grid-template-columns: 1fr;   \/* 1 card per row *\/\n    gap: 22px;\n  }\n\n  .story-image img {\n    height: 220px;\n  }\n\n  .story-content {\n    padding: 22px 20px 24px;\n  }\n\n  .story-content h3 {\n    font-size: 1.2rem;\n  }\n\n  .story-content p {\n    font-size: 0.98rem;\n  }\n\n  .stories-button {\n    margin-top: 36px;\n  }\n\n  .btn-outline {\n    width: 100%;\n    max-width: 280px;\n    text-align: center;\n  }\n}\n\/* Partners Section *\/\n.partners {\n  background-color: #fff;\n  padding: 30px 0 40px;\n  overflow: hidden;\n}\n\n.partners .container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.partners-title {\n  font-size: 1.6rem;\n  font-weight: 700;\n  color: #0B3D2E;\n  text-align: center;\n  margin-bottom: 28px;\n}\n\n\/* Slider *\/\n.partners-slider-wrap {\n  overflow: hidden;\n  width: 100%;\n  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n}\n\n.partners-track {\n  display: flex;\n  align-items: center;\n  gap: 48px;\n  width: max-content;\n  animation: partners-slide 28s linear infinite;\n}\n\n.partners-track:hover {\n  animation-play-state: paused; \/* pause on hover *\/\n}\n\n.partner-logo {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 90px;\n}\n\n.partner-logo img {\n  max-height: 78px;\n  max-width: 110px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  filter: grayscale(20%);\n  opacity: 0.9;\n  transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;\n}\n\n.partner-logo:hover img {\n  filter: none;\n  opacity: 1;\n  transform: scale(1.06);\n}\n\n\/* Seamless infinite slide *\/\n@keyframes partners-slide {\n  0% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(-50%);\n  }\n}\n\n\/* Button *\/\n.partner-button {\n  text-align: center;\n  margin-top: 28px;\n}\n\n.btn-outline {\n  display: inline-block;\n  padding: 10px 24px;\n  border: 2px solid #333;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n  color: #333;\n  transition: all 0.3s ease;\n}\n\n.btn-outline:hover {\n  background: #333;\n  color: #fff;\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  .partners-track {\n    gap: 32px;\n    animation-duration: 22s;\n  }\n\n  .partner-logo img {\n    max-height: 40px;\n    max-width: 90px;\n  }\n}\n\/* Get Involved Section *\/\n.get-involved {\n  background-color: #cba6;\n  padding: 20px 0;\n  text-align: center;\n}\n\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.section-title {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #0B3D2E;\n  margin-bottom: 10px;\n}\n\n.section-subtitle {\n  font-size: 1.1rem;\n  color: #555;\n  margin-bottom: 50px;\n}\n\n.involved-grid {\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n  flex-wrap: wrap;\n  gap: 20px;\n}\n\n.involved-card {\n  flex: 1 1 calc(25% - 20px);\n  background: #f9f9f9;\n  border-radius: 8px;\n  padding: 30px 20px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n  transition: transform 0.3s ease;\n}\n\n.involved-card:hover {\n  transform: translateY(-5px);\n}\n\n.involved-icon img {\n  width: 50px;\n  height: 50px;\n  margin-bottom: 15px;\n  filter: invert(23%) sepia(92%) saturate(3000%) hue-rotate(340deg) brightness(95%) contrast(90%);\n}\n\n.involved-card h3 {\n  font-size: 1.3rem;\n  font-weight: 700;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.involved-card p {\n  font-size: 1rem;\n  color: #555;\n  margin-bottom: 20px;\n  line-height: 1.6;\n}\n\n.involved-link {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #c1272d;\n  text-decoration: none;\n}\n\n.involved-link:hover {\n  text-decoration: underline;\n}\n\/* Latest News & Updates Section *\/\n.news {\n  background-color: #f8f9fa;\n  padding: 30px 0;\n  overflow: hidden;\n}\n\n.news .container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.news .section-title {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #0b3d2e;\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.news-slider-wrapper {\n  position: relative;\n  overflow: hidden;\n}\n\n.news-slider {\n  display: flex;\n  gap: 24px;\n  transition: transform 0.45s ease;\n  will-change: transform;\n}\n\n.news-card {\n  flex: 0 0 calc(33.333% - 16px);\n  background: #fff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.news-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 28px rgba(0,0,0,0.1);\n}\n\n.news-image img {\n  width: 100%;\n  height: 210px;\n  object-fit: cover;\n  display: block;\n}\n\n.news-content {\n  padding: 22px 20px 24px;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n.news-date {\n  font-size: 0.85rem;\n  color: #c1272d;\n  font-weight: 600;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.news-content h3 {\n  font-size: 1.2rem;\n  font-weight: 700;\n  color: #222;\n  margin: 0 0 12px 0;\n  line-height: 1.35;\n}\n\n.news-content p {\n  font-size: 0.95rem;\n  color: #555;\n  line-height: 1.55;\n  margin: 0 0 18px 0;\n  flex-grow: 1;\n}\n\n.news-link {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #c1272d;\n  text-decoration: none;\n  margin-top: auto;\n}\n\n.news-link:hover {\n  text-decoration: underline;\n}\n\n.news-button {\n  text-align: center;\n  margin-top: 45px;\n}\n\n\/* Slider buttons *\/\n.slider-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 46px;\n  height: 46px;\n  border-radius: 50%;\n  background: #fff;\n  border: none;\n  box-shadow: 0 4px 14px rgba(0,0,0,0.15);\n  font-size: 1.8rem;\n  color: #c1272d;\n  cursor: pointer;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.25s ease;\n}\n\n.slider-btn:hover {\n  background: #c1272d;\n  color: #fff;\n}\n\n.slider-btn.prev {\n  left: -8px;\n}\n\n.slider-btn.next {\n  right: -8px;\n}\n\n.loading-message {\n  width: 100%;\n  text-align: center;\n  padding: 40px;\n  color: #666;\n}\n\n\/* ========== TABLET ========== *\/\n@media (max-width: 1000px) {\n  .news-card {\n    flex: 0 0 calc(50% - 12px);\n  }\n}\n\n\/* ========== MOBILE ========== *\/\n@media (max-width: 700px) {\n  .news {\n    padding: 50px 0;\n  }\n\n  .news .section-title {\n    font-size: 1.85rem;\n    margin-bottom: 32px;\n  }\n\n  .news-card {\n    flex: 0 0 100%;\n  }\n\n  .news-image img {\n    height: 200px;\n  }\n\n  .slider-btn {\n    width: 40px;\n    height: 40px;\n    font-size: 1.5rem;\n  }\n\n  .slider-btn.prev {\n    left: 4px;\n  }\n\n  .slider-btn.next {\n    right: 4px;\n  }\n\n  .news-button {\n    margin-top: 35px;\n  }\n\n  .btn-outline {\n    width: 100%;\n    max-width: 260px;\n  }\n}\n\/* Stay Connected Section *\/\n.stay-connected {\n  background-color: #c1272d; \/* brand red background *\/\n  padding: 30px 0;\n  color: #fff;\n}\n\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.stay-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 20px;\n}\n\n.stay-icon img {\n  width: 50px;\n  height: 50px;\n  filter: brightness(0) invert(1); \/* makes icon white *\/\n}\n\n.stay-content {\n  flex: 1;\n  min-width: 300px;\n}\n\n.stay-title {\n  font-size: 1.8rem;\n  font-weight: 700;\n  margin-bottom: 10px;\n  color:#fff;\n}\n\n.stay-text {\n  font-size: 1rem;\n  color: #f5f5f5;\n}\n\n.stay-form {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.stay-form input[type=\"email\"] {\n  padding: 12px 18px;\n  width: 300px;\n  border: none;\n  border-radius: 4px;\n  font-size: 1rem;\n  outline: none;\n}\n\n.btn-subscribe {\n  background-color: #fff;\n  color: #c1272d;\n  font-weight: 600;\n  border: none;\n  border-radius: 4px;\n  padding: 12px 28px;\n  cursor: pointer;\n  transition: background 0.3s ease, color 0.3s ease;\n}\n\n.btn-subscribe:hover {\n  background-color: #a01f24;\n  color: #fff;\n}\n\n\n\/* =========================================================\n   AAF HOMEPAGE CLEANUP \/ COMPACT LAYOUT OVERRIDES\n   ========================================================= *\/\n* { box-sizing: border-box; }\nhtml, body { margin: 0 !important; padding: 0 !important; }\nbody { overflow-x: hidden; }\n\n\/* Remove accidental builder\/widget spacing around this HTML *\/\n.elementor-widget-html,\n.elementor-widget-html > .elementor-widget-container,\n.elementor-element { margin-top: 0 !important; margin-bottom: 0 !important; }\n\n\/* Compact hero: show the next section on normal desktop screens *\/\n.hero {\n  height: 500px !important;\n  min-height: 500px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.hero-overlay {\n  padding: 45px 7% !important;\n}\n.hero-content { max-width: 560px !important; }\n.hero h1 {\n  font-size: clamp(2.25rem, 4vw, 3.5rem) !important;\n  line-height: 1.08 !important;\n  margin: 0 0 15px !important;\n}\n.hero p {\n  font-size: 1.05rem !important;\n  line-height: 1.5 !important;\n  margin: 0 0 22px !important;\n  max-width: 560px !important;\n}\n.hero-buttons { margin-bottom: 0 !important; gap: 10px !important; }\n.hero-buttons .btn { padding: 12px 22px !important; min-height: 44px !important; font-size: .95rem !important; }\n\n\/* Tight, intentional section spacing *\/\n.transparency-seal { padding: 18px 20px !important; }\n.seal-visuals { margin-bottom: 20px !important; gap: 28px !important; }\n.aaf-logo, .candid-seal { max-height: 100px !important; }\n.seal-content h2 { font-size: 23px !important; margin-bottom: 8px !important; }\n.seal-tagline { font-size: 17px !important; margin-bottom: 16px !important; }\n\n.impact { padding: 8px 16px !important; }\n.impact-item { padding: 12px 8px !important; }\n.impact-item img { width: 54px !important; height: 54px !important; margin-bottom: 8px !important; }\n.impact-item h3 { font-size: 1.9rem !important; margin-bottom: 4px !important; }\n\n.who-we-are { padding: 28px 0 !important; }\n.who-container { gap: 30px !important; }\n.who-text h2 { margin-bottom: 12px !important; }\n.who-text p { margin-bottom: 12px !important; line-height: 1.5 !important; }\n\n.focus-areas, .stories { padding: 28px 0 !important; }\n.focus-areas .section-title, .stories .section-title { margin-bottom: 28px !important; }\n.focus-grid { gap: 18px !important; }\n.focus-content { padding: 16px 16px 18px !important; }\n.focus-icon { width: 36px !important; height: 36px !important; margin-bottom: 9px !important; }\n.focus-content h3 { margin-bottom: 7px !important; }\n.focus-content p { margin-bottom: 12px !important; }\n\n.flagship { padding: 28px 0 !important; }\n.flagship-title { margin-bottom: 28px !important; }\n.flagship-wrapper { gap: 18px !important; }\n.flagship-card { height: 315px !important; }\n.flagship-overlay { padding: 24px 24px 22px !important; }\n.flagship-overlay p { margin-bottom: 16px !important; }\n\n.stories-button { margin-top: 28px !important; }\n.partners { padding: 24px 0 28px !important; }\n.partners-title { margin-bottom: 18px !important; }\n.partner-button { margin-top: 18px !important; }\n\n.get-involved { padding: 28px 0 !important; }\n.get-involved .section-title { margin-bottom: 14px !important; }\n\n.news { padding: 28px 0 !important; }\n.news .section-title { margin-bottom: 28px !important; }\n.news-button { margin-top: 28px !important; }\n\n.stay-connected { padding: 24px 0 !important; }\n.stay-wrapper { gap: 14px !important; }\n.stay-title { margin-bottom: 6px !important; }\n.stay-text { margin: 0 !important; }\n\n\/* Prevent empty paragraphs\/divs from creating blank vertical space *\/\nsection p:empty,\nsection div:empty { display: none !important; }\n\n@media (max-width: 768px) {\n  .hero { height: 500px !important; min-height: 500px !important; }\n  .hero-overlay { padding: 35px 22px 35px !important; }\n  .hero-content { max-width: 100% !important; }\n  .hero h1 { font-size: 2rem !important; line-height: 1.1 !important; }\n  .hero p { font-size: .95rem !important; margin-bottom: 18px !important; }\n  .hero-buttons { gap: 8px !important; }\n  .hero-buttons .btn { padding: 11px 18px !important; }\n  .transparency-seal { padding: 16px 16px !important; }\n  .seal-visuals { margin-bottom: 14px !important; }\n  .who-we-are, .focus-areas, .flagship, .stories, .get-involved, .news { padding: 24px 0 !important; }\n}\n\n@media (max-width: 480px) {\n  .hero { height: 470px !important; min-height: 470px !important; }\n  .hero-overlay { padding: 28px 18px !important; }\n  .hero h1 { font-size: 1.75rem !important; }\n  .hero p { font-size: .92rem !important; }\n  .hero-buttons { flex-direction: row !important; align-items: flex-start !important; }\n  .hero-buttons .btn { width: auto !important; max-width: none !important; padding: 10px 14px !important; }\n}\n\n\/* Newsletter form *\/\n.stay-form { gap: 8px !important; }\n.stay-form input[type=\"email\"] { height: 44px !important; }\n.btn-subscribe { height: 44px !important; padding: 10px 22px !important; }\n.aaf-subscribe-message { font-size: .95rem; font-weight: 600; margin: 8px 0 0; color: #fff; }\n.aaf-subscribe-message.error { color: #ffe0e0; }\n\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const form = document.getElementById('aaf-newsletter-form');\n  const message = document.getElementById('aaf-subscribe-message');\n  if (!form || !message) return;\n\n  form.addEventListener('submit', function (event) {\n    event.preventDefault();\n    const button = form.querySelector('.btn-subscribe');\n    const email = form.querySelector('input[name=\"email\"]').value.trim();\n    const company = form.querySelector('input[name=\"company\"]').value.trim();\n\n    if (!email) return;\n    button.disabled = true;\n    button.textContent = 'Subscribing...';\n    message.textContent = '';\n    message.classList.remove('error');\n\n    const data = new URLSearchParams();\n    data.append('action', 'aaf_subscribe');\n    data.append('email', email);\n    data.append('company', company);\n\n    fetch('\/wp-admin\/admin-ajax.php', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8' },\n      body: data.toString()\n    })\n    .then(response => response.json())\n    .then(result => {\n      if (result.success) {\n        message.textContent = result.data.message || 'Thank you for subscribing.';\n        form.querySelector('input[name=\"email\"]').value = '';\n      } else {\n        message.textContent = (result.data && result.data.message) ? result.data.message : 'Unable to subscribe. Please try again.';\n        message.classList.add('error');\n      }\n    })\n    .catch(() => {\n      message.textContent = 'Unable to subscribe right now. Please try again.';\n      message.classList.add('error');\n    })\n    .finally(() => {\n      button.disabled = false;\n      button.textContent = 'Subscribe';\n    });\n  });\n});\n<\/script>\n\n\n<style>\n\/* ===== AAF MODALS ===== *\/\n.aaf-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:20px}\n.aaf-modal.is-open{display:flex}\n.aaf-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}\n.aaf-modal-dialog{position:relative;z-index:2;width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:32px;box-shadow:0 25px 70px rgba(0,0,0,.28);color:#222}\n.aaf-modal-close{position:absolute;right:14px;top:10px;width:38px;height:38px;border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:#555}\n.aaf-modal-eyebrow{display:block;text-transform:uppercase;letter-spacing:1.4px;font-size:12px;font-weight:700;color:#c1272d;margin-bottom:8px}\n.aaf-modal-dialog h3{margin:0 38px 12px 0;font-size:27px;line-height:1.2;color:#0b3d2e}\n.aaf-modal-dialog p{font-size:16px;line-height:1.6;color:#555;margin:0 0 22px}\n.aaf-modal-primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:#c1272d;color:#fff!important;text-decoration:none;font-weight:700;padding:12px 20px;cursor:pointer;transition:.2s}\n.aaf-modal-primary:hover{background:#a01f24;color:#fff!important}\n.aaf-popup-form{display:grid;gap:12px}\n.aaf-popup-form input,.aaf-popup-form select,.aaf-popup-form textarea{width:100%;border:1px solid #d7d7d7;border-radius:5px;padding:12px 13px;font:inherit;background:#fff;color:#222;outline:none}\n.aaf-popup-form input:focus,.aaf-popup-form select:focus,.aaf-popup-form textarea:focus{border-color:#c1272d;box-shadow:0 0 0 2px rgba(193,39,45,.08)}\n.aaf-popup-form textarea{resize:vertical}\n.aaf-popup-form .aaf-modal-primary{width:100%}\n.aaf-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}\n.aaf-form-message{font-size:14px;font-weight:600;min-height:20px;color:#0b3d2e}\n.aaf-form-message.error{color:#a01f24}\n.aaf-subscribe-dialog{max-width:480px;text-align:center}\n.aaf-subscribe-dialog .aaf-modal-primary{margin-top:2px}\nbody.aaf-modal-open{overflow:hidden}\n\n\/* Hero video: keep the compact hero while reducing unnecessary crop *\/\n.hero-video{object-fit:cover!important;object-position:center center!important;transform:translate(-50%,-50%) scale(1)!important}\n@media (min-width:769px){.hero{height:500px!important;min-height:500px!important}.hero-video{height:100%!important;width:100%!important;object-position:center 42%!important}}\n@media (max-width:768px){.hero{height:440px!important;min-height:440px!important}.hero-video{object-position:center 42%!important}.aaf-modal-dialog{padding:26px 20px}.aaf-modal-dialog h3{font-size:23px}}\n\n\/* ===== FINAL UX REFINEMENTS ===== *\/\n\/* Three flagship initiatives in one row on desktop *\/\n@media (min-width:901px){\n  .flagship-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}\n  .flagship-card{height:410px!important}\n  .flagship-overlay{padding:26px 22px 24px!important}\n  .flagship-overlay h3{font-size:1.55rem!important}\n  .flagship-overlay p{font-size:.94rem!important;line-height:1.5!important;max-width:100%!important}\n  .flagship .btn{padding:11px 18px!important;font-size:.9rem!important}\n}\n\n\/* Donor-first strategic focus modal *\/\n#aaf-program-modal .aaf-modal-dialog{width:min(680px,100%);border-radius:18px;padding:36px}\n.aaf-program-lead{font-size:17px!important;color:#3f4b46!important}\n.aaf-program-donor-box{background:#f1f7f3;border-left:4px solid #0b6b4b;border-radius:10px;padding:16px 18px;margin:0 0 12px}\n.aaf-program-donor-box--soft{background:#fff8ee;border-left-color:#c8922e}\n.aaf-program-donor-box strong{display:block;color:#0b3d2e;font-size:14px;text-transform:uppercase;letter-spacing:.55px;margin-bottom:5px}\n.aaf-program-donor-box p{margin:0!important;font-size:15px!important;line-height:1.55!important;color:#4d5753!important}\n.aaf-program-partnership-note{font-size:14px!important;line-height:1.55!important;margin:16px 0!important;color:#66706c!important}\n.aaf-program-actions{display:flex;gap:10px;flex-wrap:wrap}\n.aaf-modal-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #0b3d2e;border-radius:5px;color:#0b3d2e!important;text-decoration:none;font-weight:700;padding:11px 18px}\n.aaf-modal-secondary:hover{background:#0b3d2e;color:#fff!important}\n\n\/* Premium mobile UX: cleaner spacing, touch targets, cards and typography *\/\n@media (max-width:700px){\n  html{scroll-behavior:smooth}\n  body{overflow-x:hidden}\n  .container{padding-left:18px!important;padding-right:18px!important}\n  section{scroll-margin-top:72px}\n  .hero{height:500px!important;min-height:500px!important}\n  .hero-content{padding-left:18px!important;padding-right:18px!important}\n  .hero-content h1{font-size:clamp(2rem,10vw,2.75rem)!important;line-height:1.04!important;letter-spacing:-.8px!important}\n  .hero-content p{font-size:1rem!important;line-height:1.55!important;max-width:34ch!important}\n  .hero-buttons{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:360px!important}\n  .hero-buttons .btn{width:100%!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important}\n  .section-title,.flagship-title{font-size:clamp(1.75rem,8vw,2.15rem)!important;line-height:1.1!important;margin-bottom:26px!important}\n  .focus-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}\n  .focus-item{border-radius:16px!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(11,61,46,.09)!important}\n  .focus-image img{height:190px!important;width:100%!important;object-fit:cover!important}\n  .focus-content{padding:18px 18px 20px!important}\n  .focus-content h3{font-size:1.22rem!important;line-height:1.25!important}\n  .focus-link{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding-top:8px!important}\n  .flagship{padding:38px 0!important}\n  .flagship-wrapper{grid-template-columns:1fr!important;gap:16px!important}\n  .flagship-card{height:390px!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}\n  .flagship-overlay{padding:24px 20px!important}\n  .flagship-overlay h3{font-size:1.55rem!important}\n  .flagship-overlay p{font-size:.95rem!important;line-height:1.5!important;margin-bottom:16px!important}\n  .flagship .btn{min-height:48px!important;width:auto!important;max-width:none!important;padding:12px 18px!important}\n  .story-card{border-radius:16px!important;overflow:hidden!important}\n  .aaf-modal{padding:10px!important;align-items:flex-end!important}\n  .aaf-modal-dialog,#aaf-program-modal .aaf-modal-dialog{width:100%!important;max-height:92dvh!important;border-radius:20px 20px 12px 12px!important;padding:28px 20px 22px!important}\n  .aaf-modal-close{position:sticky!important;float:right!important;top:0!important;background:#f4f4f4!important;border-radius:50%!important;z-index:3!important}\n  .aaf-modal-dialog h3{font-size:1.55rem!important;line-height:1.18!important;margin-bottom:10px!important}\n  .aaf-program-lead{font-size:15.5px!important;line-height:1.55!important}\n  .aaf-program-donor-box{padding:14px 15px!important}\n  .aaf-program-actions{display:grid!important;grid-template-columns:1fr!important}\n  .aaf-program-actions a{width:100%!important;min-height:48px!important;text-align:center!important}\n  .aaf-popup-form input,.aaf-popup-form select,.aaf-popup-form textarea{font-size:16px!important;min-height:48px!important;border-radius:9px!important}\n  .aaf-popup-form textarea{min-height:110px!important}\n}\n@media (max-width:390px){\n  .container{padding-left:14px!important;padding-right:14px!important}\n  .hero-content h1{font-size:2rem!important}\n  .flagship-card{height:410px!important}\n}\n\n\n\/* =========================================================\n   AAF FINAL MOBILE POLISH \u2014 HERO \/ WHO WE ARE \/ MODALS\n   ========================================================= *\/\n\n\/* Clean, consistent modal close control *\/\n.aaf-modal-close{\n  position:absolute!important;\n  top:14px!important;\n  right:14px!important;\n  float:none!important;\n  display:flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  width:38px!important;\n  height:38px!important;\n  padding:0!important;\n  border:0!important;\n  border-radius:50%!important;\n  background:#f1f3f2!important;\n  color:#173c31!important;\n  font-family:Arial,sans-serif!important;\n  font-size:25px!important;\n  font-weight:400!important;\n  line-height:38px!important;\n  cursor:pointer!important;\n  box-shadow:0 2px 8px rgba(0,0,0,.10)!important;\n  z-index:20!important;\n  transition:all .2s ease!important;\n}\n.aaf-modal-close:hover{\n  background:#0b3d2e!important;\n  color:#fff!important;\n  transform:rotate(90deg)!important;\n}\n.aaf-modal-dialog{padding-top:42px!important}\n\n\/* Phone hero: preserve the desktop-style left-side composition.\n   No giant centered stack, no crowded text. *\/\n@media (max-width:700px){\n  .hero{\n    height:410px!important;\n    min-height:410px!important;\n    overflow:hidden!important;\n  }\n  .hero-video{\n    width:100%!important;\n    height:100%!important;\n    object-fit:cover!important;\n    object-position:center center!important;\n  }\n  .hero-overlay{\n    padding:0 20px!important;\n    align-items:center!important;\n    justify-content:flex-start!important;\n    background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.60) 48%,rgba(0,0,0,.18) 100%)!important;\n  }\n  .hero-content{\n    width:62%!important;\n    max-width:390px!important;\n    padding:0!important;\n    margin:0!important;\n    text-align:left!important;\n  }\n  .hero-content h1,\n  .hero h1{\n    font-size:clamp(1.65rem,7.2vw,2.15rem)!important;\n    line-height:1.08!important;\n    letter-spacing:-.45px!important;\n    margin:0 0 11px!important;\n  }\n  .hero-content p,\n  .hero p{\n    max-width:30ch!important;\n    font-size:.82rem!important;\n    line-height:1.42!important;\n    margin:0 0 15px!important;\n    color:rgba(255,255,255,.94)!important;\n  }\n  .hero-buttons{\n    display:flex!important;\n    flex-direction:row!important;\n    align-items:center!important;\n    gap:7px!important;\n    width:auto!important;\n    max-width:none!important;\n    margin:0!important;\n    flex-wrap:wrap!important;\n  }\n  .hero-buttons .btn{\n    width:auto!important;\n    min-height:40px!important;\n    padding:9px 13px!important;\n    font-size:.73rem!important;\n    line-height:1!important;\n    border-radius:4px!important;\n    white-space:nowrap!important;\n  }\n}\n\n\/* Very small phones \u2014 keep the composition elegant rather than stacking everything *\/\n@media (max-width:390px){\n  .hero{height:390px!important;min-height:390px!important}\n  .hero-overlay{padding:0 16px!important}\n  .hero-content{width:65%!important}\n  .hero-content h1,.hero h1{font-size:1.58rem!important}\n  .hero-content p,.hero p{font-size:.76rem!important;line-height:1.38!important;max-width:29ch!important}\n  .hero-buttons .btn{padding:8px 11px!important;font-size:.68rem!important}\n}\n\n\/* WHO WE ARE \u2014 compact editorial split on phones.\n   Image remains substantial on the left, copy stays readable on the right. *\/\n@media (max-width:700px){\n  .who-we-are{\n    padding:30px 0!important;\n    background:#fff!important;\n  }\n  .who-container{\n    width:100%!important;\n    max-width:none!important;\n    display:grid!important;\n    grid-template-columns:minmax(0,42%) minmax(0,58%)!important;\n    align-items:center!important;\n    gap:0!important;\n    padding:0 16px!important;\n    margin:0!important;\n  }\n  .who-image{\n    width:100%!important;\n    min-width:0!important;\n    flex:none!important;\n    padding-right:10px!important;\n  }\n  .who-image img{\n    display:block!important;\n    width:100%!important;\n    aspect-ratio:1\/1.08!important;\n    object-fit:cover!important;\n    object-position:center!important;\n    border-radius:12px!important;\n    box-shadow:0 7px 22px rgba(0,0,0,.12)!important;\n  }\n  .who-text{\n    width:100%!important;\n    min-width:0!important;\n    flex:none!important;\n    padding-left:8px!important;\n  }\n  .who-text h2{\n    font-size:1.35rem!important;\n    line-height:1.08!important;\n    margin:0 0 9px!important;\n    color:#0b3d2e!important;\n  }\n  .who-text p{\n    font-size:.72rem!important;\n    line-height:1.48!important;\n    margin:0 0 8px!important;\n    color:#4b514e!important;\n  }\n  .who-text .btn{\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    min-height:36px!important;\n    padding:8px 11px!important;\n    font-size:.66rem!important;\n    line-height:1.1!important;\n    border-radius:4px!important;\n    white-space:nowrap!important;\n  }\n}\n\n@media (max-width:390px){\n  .who-container{grid-template-columns:41% 59%!important;padding:0 13px!important}\n  .who-image{padding-right:8px!important}\n  .who-text{padding-left:7px!important}\n  .who-text h2{font-size:1.2rem!important;margin-bottom:7px!important}\n  .who-text p{font-size:.67rem!important;line-height:1.43!important;margin-bottom:7px!important}\n  .who-text .btn{font-size:.61rem!important;padding:7px 9px!important;min-height:33px!important}\n}\n\n\/* Mobile modal close button: always an unmistakable circular X *\/\n@media (max-width:700px){\n  .aaf-modal{padding:8px!important;align-items:flex-end!important}\n  .aaf-modal-dialog,\n  #aaf-program-modal .aaf-modal-dialog{\n    position:relative!important;\n    width:100%!important;\n    max-height:92dvh!important;\n    border-radius:20px 20px 10px 10px!important;\n    padding:48px 19px 21px!important;\n  }\n  .aaf-modal-close{\n    position:absolute!important;\n    top:11px!important;\n    right:11px!important;\n    width:36px!important;\n    height:36px!important;\n    line-height:36px!important;\n    font-size:23px!important;\n    border-radius:50%!important;\n    background:#eef1ef!important;\n  }\n}\n\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded',function(){\n  const modals=document.querySelectorAll('.aaf-modal');\n  const openModal=id=>{const m=document.getElementById(id);if(!m)return;m.classList.add('is-open');m.setAttribute('aria-hidden','false');document.body.classList.add('aaf-modal-open')};\n  const closeModal=m=>{m.classList.remove('is-open');m.setAttribute('aria-hidden','true');if(!document.querySelector('.aaf-modal.is-open'))document.body.classList.remove('aaf-modal-open')};\n\n  document.querySelectorAll('[data-modal-open]').forEach(el=>el.addEventListener('click',function(e){e.preventDefault();openModal(this.getAttribute('data-modal-open'))}));\n  modals.forEach(m=>m.addEventListener('click',function(e){if(e.target.hasAttribute('data-modal-close'))closeModal(m)}));\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')modals.forEach(m=>{if(m.classList.contains('is-open'))closeModal(m)})});\n\n  \/\/ Strategic Focus Area explainer popups\n  const programModal=document.getElementById('aaf-program-modal');\n  const programTitle=document.getElementById('aaf-program-modal-title');\n  const programDescription=document.getElementById('aaf-program-modal-description');\n  const programWhy=document.getElementById('aaf-program-modal-why');\n  const programSupport=document.getElementById('aaf-program-modal-support');\n  document.querySelectorAll('.focus-link[data-program-title]').forEach(link=>link.addEventListener('click',function(e){\n    e.preventDefault();\n    programTitle.textContent=this.dataset.programTitle||'';\n    programDescription.textContent=this.dataset.programDescription||'';\n    programWhy.textContent=this.dataset.programWhy||'';\n    programSupport.textContent=this.dataset.programSupport||'';\n    openModal('aaf-program-modal');\n  }));\n\n  \/\/ Subscribe popup uses the AAF Subscribers plugin installed on the site.\n  const subscribeForm=document.getElementById('aaf-popup-subscribe-form');\n  const subscribeMessage=document.getElementById('aaf-popup-subscribe-message');\n  if(subscribeForm){\n    subscribeForm.addEventListener('submit',function(e){\n      e.preventDefault();\n      const button=subscribeForm.querySelector('button[type=\"submit\"]');\n      const email=subscribeForm.querySelector('[name=\"email\"]').value.trim();\n      const company=subscribeForm.querySelector('[name=\"company\"]').value.trim();\n      if(!email)return;\n      button.disabled=true;button.textContent='Subscribing...';subscribeMessage.textContent='';subscribeMessage.classList.remove('error');\n      const data=new URLSearchParams();data.append('action','aaf_subscribe');data.append('email',email);data.append('company',company);\n      fetch('\/wp-admin\/admin-ajax.php',{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded; charset=UTF-8'},body:data.toString()})\n      .then(r=>r.json()).then(result=>{\n        if(result.success){subscribeMessage.textContent=(result.data&&result.data.message)||'Thank you for subscribing.';subscribeForm.reset()}\n        else{subscribeMessage.textContent=(result.data&&result.data.message)||'Unable to subscribe. Please try again.';subscribeMessage.classList.add('error')}\n      }).catch(()=>{subscribeMessage.textContent='Unable to subscribe right now. Please try again.';subscribeMessage.classList.add('error')})\n      .finally(()=>{button.disabled=false;button.textContent='Subscribe'});\n    });\n  }\n\n  \/\/ Partner registration uses the AAF Partners plugin.\n  const partnerForm=document.getElementById('aaf-partner-form');\n  const partnerMessage=document.getElementById('aaf-partner-message');\n  if(partnerForm){\n    partnerForm.addEventListener('submit',function(e){\n      e.preventDefault();\n      const button=partnerForm.querySelector('button[type=\"submit\"]');\n      button.disabled=true;button.textContent='Submitting...';partnerMessage.textContent='';partnerMessage.classList.remove('error');\n      const data=new URLSearchParams();data.append('action','aaf_partner_submit');\n      new FormData(partnerForm).forEach((value,key)=>data.append(key,value));\n      fetch('\/wp-admin\/admin-ajax.php',{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded; charset=UTF-8'},body:data.toString()})\n      .then(r=>r.json()).then(result=>{\n        if(result.success){partnerMessage.textContent=(result.data&&result.data.message)||'Thank you. Your partnership request has been received.';partnerForm.reset()}\n        else{partnerMessage.textContent=(result.data&&result.data.message)||'Unable to submit your request. Please try again.';partnerMessage.classList.add('error')}\n      }).catch(()=>{partnerMessage.textContent='Unable to submit your request right now. Please try again.';partnerMessage.classList.add('error')})\n      .finally(()=>{button.disabled=false;button.textContent='Submit Partnership Request'});\n    });\n  }\n});\n<\/script>\n<style>\n\/* =========================================================\n   AAF PREMIUM MOBILE UX \u2014 FINAL LAYER (desktop untouched)\n   All rules below only apply at max-width: 768px \/ 700px \/ 480px\n   ========================================================= *\/\n\n\/* ---------- Base mobile reset & rhythm ---------- *\/\n@media (max-width: 768px) {\n  html {\n    -webkit-text-size-adjust: 100%;\n    scroll-behavior: smooth;\n  }\n  body {\n    overflow-x: hidden !important;\n    -webkit-font-smoothing: antialiased;\n  }\n  .container {\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n  }\n  section {\n    scroll-margin-top: 64px;\n  }\n}\n\n\/* ---------- HERO \u2014 cinematic, readable, premium ---------- *\/\n@media (max-width: 768px) {\n  .hero {\n    height: 460px !important;\n    min-height: 460px !important;\n    max-height: 520px !important;\n  }\n  .hero-video-wrap {\n    inset: 0 !important;\n  }\n  .hero-video {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center 40% !important;\n    transform: translate(-50%, -50%) scale(1.05) !important;\n  }\n  .hero-overlay {\n    padding: 0 22px !important;\n    align-items: flex-end !important;\n    justify-content: flex-start !important;\n    background: linear-gradient(\n      180deg,\n      rgba(0,0,0,0.15) 0%,\n      rgba(0,0,0,0.35) 40%,\n      rgba(0,0,0,0.82) 100%\n    ) !important;\n  }\n  .hero-content {\n    width: 100% !important;\n    max-width: 100% !important;\n    padding: 0 0 36px !important;\n    margin: 0 !important;\n    text-align: left !important;\n  }\n  .hero h1,\n  .hero-content h1 {\n    font-size: clamp(1.85rem, 7.5vw, 2.35rem) !important;\n    line-height: 1.12 !important;\n    letter-spacing: -0.4px !important;\n    margin: 0 0 12px !important;\n    color: #fff !important;\n    text-shadow: 0 2px 12px rgba(0,0,0,0.35);\n  }\n  .hero p,\n  .hero-content p {\n    font-size: 0.95rem !important;\n    line-height: 1.5 !important;\n    margin: 0 0 20px !important;\n    max-width: 34ch !important;\n    color: rgba(255,255,255,0.93) !important;\n  }\n  .hero-buttons {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: wrap !important;\n    gap: 10px !important;\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n  }\n  .hero-buttons .btn {\n    flex: 1 1 auto !important;\n    min-width: 140px !important;\n    min-height: 48px !important;\n    padding: 12px 18px !important;\n    font-size: 0.9rem !important;\n    border-radius: 6px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    white-space: nowrap !important;\n  }\n}\n\n@media (max-width: 400px) {\n  .hero {\n    height: 430px !important;\n    min-height: 430px !important;\n  }\n  .hero-content {\n    padding-bottom: 28px !important;\n  }\n  .hero h1,\n  .hero-content h1 {\n    font-size: 1.7rem !important;\n  }\n  .hero p,\n  .hero-content p {\n    font-size: 0.88rem !important;\n    max-width: 32ch !important;\n  }\n  .hero-buttons .btn {\n    min-width: 0 !important;\n    flex: 1 1 46% !important;\n    font-size: 0.85rem !important;\n    padding: 11px 14px !important;\n  }\n}\n\n\/* ---------- Transparency Seal ---------- *\/\n@media (max-width: 768px) {\n  .transparency-seal {\n    padding: 22px 18px !important;\n    background: linear-gradient(180deg, #c5d4de 0%, #b8c9d4 100%) !important;\n  }\n  .seal-visuals {\n    gap: 22px !important;\n    margin-bottom: 18px !important;\n  }\n  .aaf-logo,\n  .candid-seal {\n    max-height: 92px !important;\n  }\n  .candid-seal {\n    padding: 10px !important;\n    border-radius: 8px !important;\n  }\n  .seal-content h2 {\n    font-size: 1.2rem !important;\n    line-height: 1.35 !important;\n    margin-bottom: 8px !important;\n  }\n  .seal-tagline {\n    font-size: 1rem !important;\n    margin-bottom: 16px !important;\n  }\n  .btn-learn {\n    padding: 13px 24px !important;\n    font-size: 0.85rem !important;\n    border-radius: 8px !important;\n    min-height: 46px !important;\n  }\n}\n\n\/* ---------- Impact Stats \u2014 clean 2-col grid ---------- *\/\n@media (max-width: 768px) {\n  .impact {\n    padding: 18px 16px 22px !important;\n    background: #f6f8f7 !important;\n  }\n  .impact-container {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 14px 12px !important;\n  }\n  .impact-item {\n    padding: 16px 10px !important;\n    background: #fff !important;\n    border-radius: 14px !important;\n    box-shadow: 0 4px 14px rgba(11,61,46,0.06) !important;\n  }\n  .impact-item img {\n    width: 44px !important;\n    height: 44px !important;\n    margin-bottom: 10px !important;\n  }\n  .impact-item h3 {\n    font-size: 1.55rem !important;\n    margin-bottom: 4px !important;\n  }\n  .impact-item p {\n    font-size: 0.8rem !important;\n    max-width: 120px !important;\n    line-height: 1.3 !important;\n  }\n}\n\n@media (max-width: 400px) {\n  .impact-container {\n    gap: 10px 8px !important;\n  }\n  .impact-item {\n    padding: 14px 8px !important;\n  }\n  .impact-item h3 {\n    font-size: 1.4rem !important;\n  }\n  .impact-item p {\n    font-size: 0.75rem !important;\n  }\n}\n\n\/* ---------- Who We Are \u2014 stacked editorial card ---------- *\/\n@media (max-width: 768px) {\n  .who-we-are {\n    padding: 32px 0 !important;\n    background: #fff !important;\n  }\n  .who-container {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 20px !important;\n    padding: 0 20px !important;\n    max-width: 100% !important;\n  }\n  .who-image {\n    flex: none !important;\n    width: 100% !important;\n    order: 1;\n  }\n  .who-image img {\n    width: 100% !important;\n    aspect-ratio: 16 \/ 10 !important;\n    object-fit: cover !important;\n    border-radius: 14px !important;\n    box-shadow: 0 10px 28px rgba(0,0,0,0.12) !important;\n  }\n  .who-text {\n    flex: none !important;\n    width: 100% !important;\n    order: 2;\n    text-align: left !important;\n  }\n  .who-text h2 {\n    font-size: 1.65rem !important;\n    line-height: 1.15 !important;\n    margin: 0 0 12px !important;\n    color: #0b3d2e !important;\n  }\n  .who-text p {\n    font-size: 0.95rem !important;\n    line-height: 1.6 !important;\n    margin: 0 0 12px !important;\n    color: #3d4541 !important;\n  }\n  .who-text .btn {\n    margin-top: 6px !important;\n    min-height: 48px !important;\n    padding: 12px 22px !important;\n    font-size: 0.9rem !important;\n    border-radius: 6px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n}\n\n\/* ---------- Strategic Focus Areas \u2014 elegant stacked cards ---------- *\/\n@media (max-width: 768px) {\n  .focus-areas {\n    padding: 32px 0 !important;\n  }\n  .focus-areas .section-title {\n    font-size: 1.7rem !important;\n    margin-bottom: 24px !important;\n    padding: 0 8px !important;\n  }\n  .focus-grid {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 18px !important;\n  }\n  .focus-item {\n    border-radius: 16px !important;\n    overflow: hidden !important;\n    box-shadow: 0 8px 24px rgba(11,61,46,0.08) !important;\n    transition: transform 0.25s ease, box-shadow 0.25s ease !important;\n  }\n  .focus-item:active {\n    transform: scale(0.985) !important;\n  }\n  .focus-image img {\n    height: 180px !important;\n    width: 100% !important;\n    object-fit: cover !important;\n  }\n  .focus-content {\n    padding: 18px 18px 20px !important;\n  }\n  .focus-icon {\n    width: 38px !important;\n    height: 38px !important;\n    margin-bottom: 10px !important;\n  }\n  .focus-content h3 {\n    font-size: 1.2rem !important;\n    line-height: 1.3 !important;\n    margin-bottom: 8px !important;\n  }\n  .focus-content p {\n    font-size: 0.92rem !important;\n    line-height: 1.55 !important;\n    margin-bottom: 14px !important;\n  }\n  .focus-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 44px !important;\n    font-size: 0.95rem !important;\n    padding-top: 4px !important;\n  }\n}\n\n\/* ---------- Flagship Initiatives \u2014 tall, immersive cards ---------- *\/\n@media (max-width: 768px) {\n  .flagship {\n    padding: 36px 0 !important;\n  }\n  .flagship-title {\n    font-size: 1.7rem !important;\n    margin-bottom: 24px !important;\n    padding: 0 8px !important;\n  }\n  .flagship-wrapper {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n  .flagship-card {\n    height: 360px !important;\n    border-radius: 16px !important;\n    box-shadow: 0 12px 32px rgba(0,0,0,0.22) !important;\n  }\n  .flagship-overlay {\n    padding: 24px 20px 22px !important;\n    background: linear-gradient(\n      to top,\n      rgba(0,0,0,0.9) 0%,\n      rgba(0,0,0,0.55) 55%,\n      transparent 100%\n    ) !important;\n  }\n  .flagship-label {\n    font-size: 0.75rem !important;\n    letter-spacing: 1.4px !important;\n    margin-bottom: 8px !important;\n  }\n  .flagship-overlay h3 {\n    font-size: 1.45rem !important;\n    margin-bottom: 10px !important;\n  }\n  .flagship-overlay p {\n    font-size: 0.92rem !important;\n    line-height: 1.5 !important;\n    margin-bottom: 16px !important;\n    max-width: 100% !important;\n  }\n  .flagship .btn {\n    min-height: 46px !important;\n    padding: 11px 20px !important;\n    font-size: 0.9rem !important;\n    border-radius: 6px !important;\n    width: auto !important;\n    max-width: none !important;\n  }\n}\n\n\/* ---------- Stories of Impact ---------- *\/\n@media (max-width: 768px) {\n  .stories {\n    padding: 32px 0 !important;\n  }\n  .stories .section-title {\n    font-size: 1.7rem !important;\n    margin-bottom: 24px !important;\n    color: #c1272d !important;\n  }\n  .stories-grid {\n    grid-template-columns: 1fr !important;\n    gap: 18px !important;\n  }\n  .story-card {\n    border-radius: 16px !important;\n    overflow: hidden !important;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.07) !important;\n  }\n  .story-image img {\n    height: 200px !important;\n  }\n  .story-content {\n    padding: 20px 18px 22px !important;\n  }\n  .story-content h3 {\n    font-size: 1.15rem !important;\n    margin-bottom: 10px !important;\n  }\n  .story-content p {\n    font-size: 0.92rem !important;\n    margin-bottom: 14px !important;\n  }\n  .story-link {\n    min-height: 40px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n  }\n  .stories-button {\n    margin-top: 28px !important;\n  }\n  .stories-button .btn-outline {\n    width: 100% !important;\n    max-width: 280px !important;\n    min-height: 48px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    border-radius: 8px !important;\n  }\n}\n\n\/* ---------- Partners ---------- *\/\n@media (max-width: 768px) {\n  .partners {\n    padding: 28px 0 32px !important;\n  }\n  .partners-title {\n    font-size: 1.45rem !important;\n    margin-bottom: 20px !important;\n  }\n  .partners-track {\n    gap: 28px !important;\n    animation-duration: 24s !important;\n  }\n  .partner-logo {\n    height: 64px !important;\n  }\n  .partner-logo img {\n    max-height: 48px !important;\n    max-width: 90px !important;\n  }\n  .partner-button {\n    margin-top: 22px !important;\n  }\n  .partner-button .btn-outline {\n    min-height: 48px !important;\n    padding: 12px 26px !important;\n    border-radius: 8px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n}\n\n\/* ---------- Get Involved ---------- *\/\n@media (max-width: 768px) {\n  .get-involved {\n    padding: 32px 0 !important;\n    background: #f4f0eb !important;\n  }\n  .get-involved .section-title {\n    font-size: 1.7rem !important;\n    margin-bottom: 8px !important;\n  }\n  .section-subtitle {\n    font-size: 1rem !important;\n    margin-bottom: 28px !important;\n  }\n  .involved-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 14px !important;\n  }\n  .involved-card {\n    flex: none !important;\n    padding: 22px 14px !important;\n    border-radius: 14px !important;\n    background: #fff !important;\n    box-shadow: 0 6px 18px rgba(0,0,0,0.05) !important;\n  }\n  .involved-icon img {\n    width: 42px !important;\n    height: 42px !important;\n    margin-bottom: 12px !important;\n  }\n  .involved-card h3 {\n    font-size: 1.1rem !important;\n    margin-bottom: 6px !important;\n  }\n  .involved-card p {\n    font-size: 0.85rem !important;\n    margin-bottom: 12px !important;\n    line-height: 1.45 !important;\n  }\n  .involved-link {\n    font-size: 0.9rem !important;\n    min-height: 36px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n  }\n}\n\n@media (max-width: 400px) {\n  .involved-grid {\n    grid-template-columns: 1fr !important;\n    gap: 12px !important;\n  }\n  .involved-card {\n    padding: 20px 18px !important;\n  }\n}\n\n\/* ---------- News slider ---------- *\/\n@media (max-width: 768px) {\n  .news {\n    padding: 32px 0 !important;\n  }\n  .news .section-title {\n    font-size: 1.7rem !important;\n    margin-bottom: 24px !important;\n  }\n  .news-card {\n    flex: 0 0 100% !important;\n    border-radius: 14px !important;\n    overflow: hidden !important;\n  }\n  .news-image img {\n    height: 190px !important;\n  }\n  .news-content {\n    padding: 18px 16px 20px !important;\n  }\n  .news-content h3 {\n    font-size: 1.1rem !important;\n  }\n  .news-content p {\n    font-size: 0.9rem !important;\n  }\n  .slider-btn {\n    width: 40px !important;\n    height: 40px !important;\n    font-size: 1.5rem !important;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;\n  }\n  .slider-btn.prev {\n    left: 6px !important;\n  }\n  .slider-btn.next {\n    right: 6px !important;\n  }\n  .news-button {\n    margin-top: 28px !important;\n  }\n  .news-button .btn-outline {\n    width: 100% !important;\n    max-width: 260px !important;\n    min-height: 48px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    border-radius: 8px !important;\n  }\n}\n\n\/* ---------- Stay Connected ---------- *\/\n@media (max-width: 768px) {\n  .stay-connected {\n    padding: 28px 0 !important;\n  }\n  .stay-wrapper {\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: 16px !important;\n    text-align: center !important;\n  }\n  .stay-icon {\n    display: flex !important;\n    justify-content: center !important;\n  }\n  .stay-icon img {\n    width: 44px !important;\n    height: 44px !important;\n  }\n  .stay-content {\n    min-width: 0 !important;\n  }\n  .stay-title {\n    font-size: 1.45rem !important;\n    margin-bottom: 8px !important;\n  }\n  .stay-text {\n    font-size: 0.95rem !important;\n    line-height: 1.5 !important;\n  }\n  .stay-form {\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: 10px !important;\n    width: 100% !important;\n  }\n  .stay-form input[type=\"email\"] {\n    width: 100% !important;\n    height: 50px !important;\n    font-size: 1rem !important;\n    border-radius: 8px !important;\n    padding: 0 16px !important;\n  }\n  .btn-subscribe {\n    width: 100% !important;\n    height: 50px !important;\n    font-size: 1rem !important;\n    border-radius: 8px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n}\n\n\/* ---------- Modals \u2014 bottom-sheet style on mobile ---------- *\/\n@media (max-width: 768px) {\n  .aaf-modal {\n    padding: 0 !important;\n    align-items: flex-end !important;\n  }\n  .aaf-modal-dialog,\n  #aaf-program-modal .aaf-modal-dialog {\n    width: 100% !important;\n    max-width: 100% !important;\n    max-height: 90dvh !important;\n    border-radius: 22px 22px 0 0 !important;\n    padding: 28px 20px 28px !important;\n    box-shadow: 0 -8px 40px rgba(0,0,0,0.2) !important;\n  }\n  .aaf-modal-close {\n    top: 14px !important;\n    right: 14px !important;\n    width: 40px !important;\n    height: 40px !important;\n    font-size: 24px !important;\n    background: #eef1ef !important;\n    border-radius: 50% !important;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;\n  }\n  .aaf-modal-eyebrow {\n    font-size: 11px !important;\n    letter-spacing: 1.2px !important;\n  }\n  .aaf-modal-dialog h3 {\n    font-size: 1.4rem !important;\n    line-height: 1.2 !important;\n    margin: 0 40px 12px 0 !important;\n  }\n  .aaf-modal-dialog p,\n  .aaf-program-lead {\n    font-size: 0.95rem !important;\n    line-height: 1.55 !important;\n  }\n  .aaf-program-donor-box {\n    padding: 14px 16px !important;\n    border-radius: 12px !important;\n    margin-bottom: 12px !important;\n  }\n  .aaf-program-donor-box strong {\n    font-size: 12px !important;\n  }\n  .aaf-program-donor-box p {\n    font-size: 0.9rem !important;\n  }\n  .aaf-program-actions {\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 10px !important;\n  }\n  .aaf-program-actions a,\n  .aaf-modal-primary,\n  .aaf-modal-secondary {\n    width: 100% !important;\n    min-height: 50px !important;\n    border-radius: 10px !important;\n    font-size: 0.95rem !important;\n  }\n  .aaf-popup-form input,\n  .aaf-popup-form select,\n  .aaf-popup-form textarea {\n    font-size: 16px !important; \/* prevents iOS zoom *\/\n    min-height: 50px !important;\n    border-radius: 10px !important;\n    padding: 12px 14px !important;\n  }\n  .aaf-popup-form textarea {\n    min-height: 110px !important;\n  }\n  .aaf-subscribe-dialog {\n    text-align: center !important;\n  }\n}\n\n\/* ---------- Tiny phones polish ---------- *\/\n@media (max-width: 360px) {\n  .hero {\n    height: 410px !important;\n    min-height: 410px !important;\n  }\n  .hero h1,\n  .hero-content h1 {\n    font-size: 1.55rem !important;\n  }\n  .who-text h2,\n  .section-title,\n  .flagship-title,\n  .news .section-title,\n  .get-involved .section-title {\n    font-size: 1.5rem !important;\n  }\n  .impact-item h3 {\n    font-size: 1.3rem !important;\n  }\n}\n<\/style>\n\n<!-- =========================================================\n     AAF LOGO-BASED VISUAL STANDARD\n     Colours derived from the Amsha Africa Foundation logo.\n     This override preserves all existing Home page content,\n     links, forms, sliders, modals and functionality.\n     ========================================================= -->\n<style id=\"aaf-logo-visual-standard\">\n:root{\n  --aaf-logo-black:#050505;\n  --aaf-logo-red:#D84A3A;\n  --aaf-logo-red-dark:#B9322A;\n  --aaf-logo-orange:#ED6C18;\n  --aaf-logo-orange-dark:#D95712;\n  --aaf-logo-gold:#FBBD10;\n  --aaf-logo-gold-light:#FFD34A;\n  --aaf-logo-brown:#5B3F2F;\n  --aaf-logo-cream:#FFF8EA;\n  --aaf-logo-white:#FFFFFF;\n  --aaf-logo-border:#E9D8B7;\n  --aaf-logo-text:#24201D;\n}\n\n\/* ===== GLOBAL PAGE STANDARD ===== *\/\n#hero,\n#impact,\n#who-we-are,\n#focus-areas,\n#flagship,\n#stories,\n#partners,\n#get-involved,\n#news,\n#stay-connected,\n.transparency-seal{\n  font-family:\"Helvetica Neue\",Arial,sans-serif !important;\n}\n\n#hero *,\n#impact *,\n#who-we-are *,\n#focus-areas *,\n#flagship *,\n#stories *,\n#partners *,\n#get-involved *,\n#news *,\n#stay-connected *,\n.transparency-seal *{\n  box-sizing:border-box;\n}\n\n.container,\n.who-container,\n.impact-container,\n.seal-inner{\n  width:100% !important;\n  max-width:1200px !important;\n  margin-left:auto !important;\n  margin-right:auto !important;\n}\n\n\/* ===== STANDARD BUTTON SYSTEM ===== *\/\n#hero .btn,\n#who-we-are .btn,\n#flagship .btn,\n#stories .btn,\n#partners .btn,\n#get-involved .btn,\n#news .btn,\n.btn-learn,\n.btn-subscribe,\n.aaf-modal-primary,\n.aaf-modal-secondary{\n  min-height:44px !important;\n  padding:12px 22px !important;\n  border-radius:4px !important;\n  border:1px solid transparent !important;\n  font-family:\"Helvetica Neue\",Arial,sans-serif !important;\n  font-size:.95rem !important;\n  font-weight:600 !important;\n  line-height:20px !important;\n  text-decoration:none !important;\n  display:inline-flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n  gap:7px !important;\n  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease !important;\n  cursor:pointer !important;\n}\n\n#hero .btn-primary,\n#who-we-are .btn-primary,\n#flagship .btn-primary,\n.aaf-modal-primary{\n  background:var(--aaf-logo-red) !important;\n  color:#fff !important;\n  border-color:var(--aaf-logo-red) !important;\n}\n\n#hero .btn-primary:hover,\n#who-we-are .btn-primary:hover,\n#flagship .btn-primary:hover,\n.aaf-modal-primary:hover{\n  background:var(--aaf-logo-red-dark) !important;\n  color:#fff !important;\n  border-color:var(--aaf-logo-red-dark) !important;\n  transform:translateY(-1px) !important;\n}\n\n#hero .btn-secondary{\n  background:var(--aaf-logo-black) !important;\n  color:#fff !important;\n  border-color:var(--aaf-logo-black) !important;\n}\n\n#hero .btn-secondary:hover{\n  background:var(--aaf-logo-gold) !important;\n  color:var(--aaf-logo-black) !important;\n  border-color:var(--aaf-logo-gold) !important;\n}\n\n.btn-outline,\n.aaf-modal-secondary{\n  background:#fff !important;\n  color:var(--aaf-logo-red) !important;\n  border-color:var(--aaf-logo-red) !important;\n}\n\n.btn-outline:hover,\n.aaf-modal-secondary:hover{\n  background:var(--aaf-logo-red) !important;\n  color:#fff !important;\n  border-color:var(--aaf-logo-red) !important;\n}\n\n\/* ===== HERO ===== *\/\n#hero.hero{\n  height:500px !important;\n  min-height:500px !important;\n  margin:0 !important;\n  padding:0 !important;\n}\n\n#hero .hero-overlay{\n  padding:45px 7% !important;\n  background:linear-gradient(90deg,rgba(5,5,5,.82) 0%,rgba(5,5,5,.55) 52%,rgba(5,5,5,.20) 100%) !important;\n}\n\n#hero .hero-content{\n  max-width:560px !important;\n}\n\n#hero h1{\n  font-size:clamp(2.25rem,4vw,3.5rem) !important;\n  line-height:1.08 !important;\n  margin:0 0 15px !important;\n  color:#fff !important;\n  font-weight:700 !important;\n}\n\n#hero p{\n  font-size:1.05rem !important;\n  line-height:1.5 !important;\n  margin:0 0 22px !important;\n  max-width:560px !important;\n  color:#fff !important;\n}\n\n#hero .hero-buttons{\n  margin:0 !important;\n  gap:10px !important;\n}\n\n#hero .hero-buttons:after{\n  content:\"\";\n  display:block;\n  position:absolute;\n  left:0;\n  right:0;\n  bottom:0;\n  height:5px;\n  background:linear-gradient(90deg,var(--aaf-logo-red),var(--aaf-logo-orange),var(--aaf-logo-gold));\n}\n\n\/* ===== TRANSPARENCY ===== *\/\n.transparency-seal{\n  background:var(--aaf-logo-cream) !important;\n  border-top:5px solid var(--aaf-logo-orange) !important;\n  border-bottom:1px solid var(--aaf-logo-border) !important;\n  padding:18px 20px !important;\n}\n\n.transparency-seal .seal-inner{\n  max-width:1100px !important;\n}\n\n.transparency-seal .seal-visuals{\n  margin-bottom:20px !important;\n  gap:28px !important;\n}\n\n.transparency-seal .aaf-logo,\n.transparency-seal .candid-seal{\n  max-height:100px !important;\n}\n\n.transparency-seal .seal-content h2{\n  color:var(--aaf-logo-black) !important;\n  font-size:23px !important;\n  margin:0 0 8px !important;\n  line-height:1.3 !important;\n}\n\n.transparency-seal .seal-tagline{\n  color:var(--aaf-logo-brown) !important;\n  font-size:17px !important;\n  margin:0 0 16px !important;\n}\n\n.transparency-seal .btn-learn{\n  background:var(--aaf-logo-red) !important;\n  color:#fff !important;\n  border-color:var(--aaf-logo-red) !important;\n}\n\n.transparency-seal .btn-learn:hover{\n  background:var(--aaf-logo-orange) !important;\n  border-color:var(--aaf-logo-orange) !important;\n  color:#fff !important;\n}\n\n\/* ===== IMPACT ===== *\/\n#impact.impact{\n  background:var(--aaf-logo-black) !important;\n  padding:8px 16px !important;\n  border-bottom:4px solid var(--aaf-logo-gold) !important;\n}\n\n#impact .impact-container{\n  gap:0 !important;\n}\n\n#impact .impact-item{\n  padding:12px 8px !important;\n  border-right:1px solid rgba(251,189,16,.22) !important;\n}\n\n#impact .impact-item:last-child{\n  border-right:0 !important;\n}\n\n#impact .impact-item img{\n  width:54px !important;\n  height:54px !important;\n  margin-bottom:8px !important;\n  object-fit:contain !important;\n  filter:none !important;\n}\n\n#impact .impact-item h3{\n  color:var(--aaf-logo-gold) !important;\n  font-size:1.9rem !important;\n  margin:0 0 4px !important;\n}\n\n#impact .impact-item p{\n  color:#fff !important;\n  font-size:.9rem !important;\n  line-height:1.3 !important;\n}\n\n\/* ===== WHO WE ARE ===== *\/\n#who-we-are.who-we-are{\n  background:var(--aaf-logo-cream) !important;\n  padding:28px 0 !important;\n  border-bottom:1px solid var(--aaf-logo-border) !important;\n}\n\n#who-we-are .who-container{\n  gap:30px !important;\n  padding-left:20px !important;\n  padding-right:20px !important;\n}\n\n#who-we-are .who-image img{\n  border-radius:10px !important;\n  box-shadow:0 8px 24px rgba(5,5,5,.12) !important;\n}\n\n#who-we-are .who-text h2{\n  color:var(--aaf-logo-black) !important;\n  margin-bottom:12px !important;\n}\n\n#who-we-are .who-text h2:after{\n  content:\"\";\n  display:block;\n  width:58px;\n  height:4px;\n  margin-top:9px;\n  border-radius:2px;\n  background:linear-gradient(90deg,var(--aaf-logo-red),var(--aaf-logo-gold));\n}\n\n#who-we-are .who-text p{\n  color:var(--aaf-logo-text) !important;\n  line-height:1.5 !important;\n  margin-bottom:12px !important;\n}\n\n\/* ===== SECTION HEADINGS ===== *\/\n#focus-areas .section-title,\n#stories .section-title,\n#news .section-title,\n#get-involved .section-title,\n#partners .partners-title,\n#flagship .flagship-title{\n  color:var(--aaf-logo-black) !important;\n  position:relative !important;\n}\n\n#focus-areas .section-title:after,\n#stories .section-title:after,\n#news .section-title:after,\n#get-involved .section-title:after,\n#partners .partners-title:after,\n#flagship .flagship-title:after{\n  content:\"\" !important;\n  display:block !important;\n  width:58px !important;\n  height:4px !important;\n  margin:10px auto 0 !important;\n  border-radius:2px !important;\n  background:linear-gradient(90deg,var(--aaf-logo-red),var(--aaf-logo-orange),var(--aaf-logo-gold)) !important;\n}\n\n\/* ===== FOCUS AREAS ===== *\/\n#focus-areas.focus-areas{\n  background:#fff !important;\n  padding:28px 0 !important;\n}\n\n#focus-areas .section-title{\n  margin-bottom:28px !important;\n}\n\n#focus-areas .focus-grid{\n  gap:18px !important;\n}\n\n#focus-areas .focus-item{\n  border:1px solid var(--aaf-logo-border) !important;\n  border-radius:10px !important;\n  box-shadow:0 6px 18px rgba(5,5,5,.06) !important;\n  overflow:hidden !important;\n  background:#fff !important;\n}\n\n#focus-areas .focus-item:hover{\n  transform:translateY(-3px) !important;\n  box-shadow:0 10px 24px rgba(5,5,5,.10) !important;\n}\n\n#focus-areas .focus-image img{\n  height:180px !important;\n}\n\n#focus-areas .focus-content{\n  padding:16px 16px 18px !important;\n  border-top:4px solid var(--aaf-logo-orange) !important;\n}\n\n#focus-areas .focus-item:nth-child(2) .focus-content{border-top-color:var(--aaf-logo-gold) !important;}\n#focus-areas .focus-item:nth-child(3) .focus-content{border-top-color:var(--aaf-logo-red) !important;}\n#focus-areas .focus-item:nth-child(4) .focus-content{border-top-color:var(--aaf-logo-orange) !important;}\n#focus-areas .focus-item:nth-child(5) .focus-content{border-top-color:var(--aaf-logo-gold) !important;}\n\n#focus-areas .focus-icon{\n  width:36px !important;\n  height:36px !important;\n  margin-bottom:9px !important;\n  object-fit:contain !important;\n}\n\n#focus-areas .focus-content h3{\n  color:var(--aaf-logo-black) !important;\n  margin-bottom:7px !important;\n}\n\n#focus-areas .focus-content p{\n  color:#4a4541 !important;\n  margin-bottom:12px !important;\n}\n\n#focus-areas .focus-link,\n#stories .story-link,\n#get-involved .involved-link,\n#news .news-link{\n  color:var(--aaf-logo-red) !important;\n  font-weight:600 !important;\n  text-decoration:none !important;\n}\n\n#focus-areas .focus-link:hover,\n#stories .story-link:hover,\n#get-involved .involved-link:hover,\n#news .news-link:hover{\n  color:var(--aaf-logo-orange) !important;\n}\n\n\/* ===== FLAGSHIP ===== *\/\n#flagship.flagship{\n  background:var(--aaf-logo-black) !important;\n  padding:28px 0 !important;\n  border-top:4px solid var(--aaf-logo-red) !important;\n  border-bottom:4px solid var(--aaf-logo-gold) !important;\n}\n\n#flagship .flagship-title{\n  color:#fff !important;\n  margin-bottom:28px !important;\n}\n\n#flagship .flagship-title:after{\n  background:linear-gradient(90deg,var(--aaf-logo-red),var(--aaf-logo-orange),var(--aaf-logo-gold)) !important;\n}\n\n#flagship .flagship-wrapper{\n  gap:18px !important;\n}\n\n#flagship .flagship-card{\n  height:315px !important;\n  border-radius:10px !important;\n  overflow:hidden !important;\n}\n\n#flagship .flagship-overlay{\n  padding:24px 24px 22px !important;\n  background:linear-gradient(to top,rgba(5,5,5,.92),rgba(5,5,5,.25)) !important;\n}\n\n#flagship .flagship-label{\n  color:var(--aaf-logo-gold) !important;\n}\n\n#flagship .flagship-overlay h3,\n#flagship .flagship-overlay p{\n  color:#fff !important;\n}\n\n\/* ===== STORIES ===== *\/\n#stories.stories{\n  background:var(--aaf-logo-cream) !important;\n  padding:28px 0 !important;\n}\n\n#stories .stories-grid{\n  gap:18px !important;\n}\n\n#stories .story-card{\n  background:#fff !important;\n  border:1px solid var(--aaf-logo-border) !important;\n  border-radius:10px !important;\n  box-shadow:0 6px 18px rgba(5,5,5,.06) !important;\n  overflow:hidden !important;\n}\n\n#stories .story-image img{\n  width:100% !important;\n  display:block !important;\n}\n\n#stories .story-content{\n  border-top:4px solid var(--aaf-logo-red) !important;\n}\n\n#stories .story-card:nth-child(2) .story-content{border-top-color:var(--aaf-logo-orange) !important;}\n#stories .story-card:nth-child(3) .story-content{border-top-color:var(--aaf-logo-gold) !important;}\n\n#stories .story-content h3{\n  color:var(--aaf-logo-black) !important;\n}\n\n#stories .stories-button{\n  margin-top:28px !important;\n}\n\n\/* ===== PARTNERS ===== *\/\n#partners.partners{\n  background:#fff !important;\n  padding:24px 0 28px !important;\n  border-bottom:1px solid var(--aaf-logo-border) !important;\n}\n\n#partners .partners-title{\n  color:var(--aaf-logo-black) !important;\n  margin-bottom:18px !important;\n}\n\n#partners .partner-button{\n  margin-top:18px !important;\n}\n\n\/* ===== GET INVOLVED ===== *\/\n#get-involved.get-involved{\n  background:var(--aaf-logo-red) !important;\n  padding:28px 0 !important;\n}\n\n#get-involved .section-title,\n#get-involved .section-subtitle{\n  color:#fff !important;\n}\n\n#get-involved .section-title:after{\n  background:linear-gradient(90deg,var(--aaf-logo-gold),#fff) !important;\n}\n\n#get-involved .involved-grid{\n  gap:18px !important;\n}\n\n#get-involved .involved-card{\n  background:#fff !important;\n  border:0 !important;\n  border-radius:10px !important;\n  box-shadow:0 7px 20px rgba(0,0,0,.12) !important;\n  border-top:4px solid var(--aaf-logo-gold) !important;\n}\n\n#get-involved .involved-card:nth-child(2){border-top-color:var(--aaf-logo-orange) !important;}\n#get-involved .involved-card:nth-child(3){border-top-color:var(--aaf-logo-red) !important;}\n#get-involved .involved-card:nth-child(4){border-top-color:var(--aaf-logo-black) !important;}\n\n#get-involved .involved-card h3{\n  color:var(--aaf-logo-black) !important;\n}\n\n#get-involved .involved-card p{\n  color:#4a4541 !important;\n}\n\n\/* ===== NEWS ===== *\/\n#news.news{\n  background:#fff !important;\n  padding:28px 0 !important;\n}\n\n#news .news-card{\n  background:#fff !important;\n  border:1px solid var(--aaf-logo-border) !important;\n  border-radius:10px !important;\n  overflow:hidden !important;\n  box-shadow:0 6px 18px rgba(5,5,5,.06) !important;\n}\n\n#news .news-content{\n  border-top:4px solid var(--aaf-logo-orange) !important;\n}\n\n#news .news-date{\n  color:var(--aaf-logo-red) !important;\n}\n\n#news .news-content h3{\n  color:var(--aaf-logo-black) !important;\n}\n\n#news .slider-btn{\n  background:var(--aaf-logo-black) !important;\n  color:#fff !important;\n  border:2px solid var(--aaf-logo-gold) !important;\n}\n\n#news .slider-btn:hover{\n  background:var(--aaf-logo-red) !important;\n}\n\n#news .news-button{\n  margin-top:28px !important;\n}\n\n\/* ===== STAY CONNECTED ===== *\/\n#stay-connected.stay-connected{\n  background:var(--aaf-logo-black) !important;\n  border-top:5px solid var(--aaf-logo-orange) !important;\n  padding:24px 0 !important;\n}\n\n#stay-connected .stay-wrapper{\n  gap:14px !important;\n}\n\n#stay-connected .stay-title{\n  color:#fff !important;\n  margin-bottom:6px !important;\n}\n\n#stay-connected .stay-text{\n  color:#f5f0e8 !important;\n  margin:0 !important;\n}\n\n#stay-connected .stay-form input[type=\"email\"]{\n  height:44px !important;\n  border:1px solid var(--aaf-logo-border) !important;\n  border-radius:4px !important;\n}\n\n#stay-connected .btn-subscribe{\n  height:44px !important;\n  background:var(--aaf-logo-gold) !important;\n  color:var(--aaf-logo-black) !important;\n  border-color:var(--aaf-logo-gold) !important;\n}\n\n#stay-connected .btn-subscribe:hover{\n  background:var(--aaf-logo-orange) !important;\n  color:#fff !important;\n  border-color:var(--aaf-logo-orange) !important;\n}\n\n\/* ===== MODALS ===== *\/\n.aaf-modal .aaf-modal-dialog{\n  border-top:5px solid var(--aaf-logo-red) !important;\n  border-radius:10px !important;\n}\n\n.aaf-modal .aaf-modal-eyebrow{\n  color:var(--aaf-logo-orange) !important;\n}\n\n.aaf-modal .aaf-modal-dialog h3{\n  color:var(--aaf-logo-black) !important;\n}\n\n.aaf-modal .aaf-program-donor-box{\n  border-left:4px solid var(--aaf-logo-gold) !important;\n  background:var(--aaf-logo-cream) !important;\n}\n\n.aaf-modal .aaf-modal-close{\n  background:transparent !important;\n  border:0 !important;\n  color:#555 !important;\n}\n\n.aaf-modal .aaf-modal-close:hover{\n  color:var(--aaf-logo-red) !important;\n  background:transparent !important;\n}\n\n\/* ===== REMOVE OLD BLUE\/GREEN VISUALS FROM HOME ===== *\/\n#hero .btn-primary,\n#hero .btn-secondary,\n.btn-learn,\n.btn-subscribe,\n.btn-outline,\n.aaf-modal-primary,\n.aaf-modal-secondary{\n  box-shadow:none !important;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width:768px){\n  #hero.hero{\n    height:500px !important;\n    min-height:500px !important;\n  }\n\n  #hero .hero-overlay{\n    padding:35px 22px !important;\n  }\n\n  #hero h1{\n    font-size:2rem !important;\n    line-height:1.1 !important;\n  }\n\n  #hero p{\n    font-size:.95rem !important;\n    margin-bottom:18px !important;\n  }\n\n  #hero .hero-buttons{\n    gap:8px !important;\n  }\n\n  #hero .hero-buttons .btn{\n    padding:11px 18px !important;\n    min-height:44px !important;\n    min-width:0 !important;\n  }\n\n  #impact .impact-item{\n    border-right:0 !important;\n  }\n\n  #who-we-are.who-we-are,\n  #focus-areas.focus-areas,\n  #flagship.flagship,\n  #stories.stories,\n  #get-involved.get-involved,\n  #news.news{\n    padding:24px 0 !important;\n  }\n\n  #who-we-are .who-container{\n    gap:20px !important;\n    padding-left:18px !important;\n    padding-right:18px !important;\n  }\n\n  #focus-areas .focus-grid,\n  #stories .stories-grid,\n  #get-involved .involved-grid{\n    gap:16px !important;\n  }\n}\n\n@media (max-width:480px){\n  #hero.hero{\n    height:470px !important;\n    min-height:470px !important;\n  }\n\n  #hero .hero-overlay{\n    padding:28px 18px !important;\n  }\n\n  #hero h1{\n    font-size:1.75rem !important;\n  }\n\n  #hero p{\n    font-size:.92rem !important;\n  }\n\n  #hero .hero-buttons{\n    flex-direction:row !important;\n    align-items:flex-start !important;\n  }\n\n  #hero .hero-buttons .btn{\n    width:auto !important;\n    max-width:none !important;\n    padding:10px 14px !important;\n    font-size:.88rem !important;\n  }\n\n  .transparency-seal{\n    padding:16px !important;\n  }\n\n  .transparency-seal .seal-visuals{\n    margin-bottom:14px !important;\n  }\n\n  #impact .impact-item h3{\n    font-size:1.5rem !important;\n  }\n\n  #impact .impact-item p{\n    font-size:.8rem !important;\n    max-width:120px !important;\n  }\n}\n<\/style>\n\n<style id=\"aaf-foundation-final-adjustments\">\n\/* =========================================================\n   AAF FOUNDATION FINAL VISUAL ADJUSTMENTS\n   Warm foundation palette \u2014 no black content sections.\n   Dark\/black is reserved for text, overlays and small accents.\n   ========================================================= *\/\n\n\/* Impact \u2014 light foundation section instead of black *\/\n#impact.impact{\n  background:var(--aaf-logo-cream) !important;\n  border-top:1px solid var(--aaf-logo-border) !important;\n  border-bottom:4px solid var(--aaf-logo-gold) !important;\n}\n#impact .impact-item{\n  border-right:1px solid var(--aaf-logo-border) !important;\n}\n#impact .impact-item h3{\n  color:var(--aaf-logo-red) !important;\n}\n#impact .impact-item p{\n  color:var(--aaf-logo-text) !important;\n}\n\n\/* Flagship \u2014 warm foundation section instead of black *\/\n#flagship.flagship{\n  background:var(--aaf-logo-cream) !important;\n  border-top:4px solid var(--aaf-logo-orange) !important;\n  border-bottom:4px solid var(--aaf-logo-gold) !important;\n}\n#flagship .flagship-title{\n  color:var(--aaf-logo-black) !important;\n}\n#flagship .flagship-title:after{\n  background:linear-gradient(90deg,var(--aaf-logo-red),var(--aaf-logo-orange),var(--aaf-logo-gold)) !important;\n}\n\n\/* Keep dark treatment only on the project photographs *\/\n#flagship .flagship-overlay{\n  background:linear-gradient(to top,rgba(5,5,5,.84),rgba(5,5,5,.18)) !important;\n}\n\n\/* Get Involved \u2014 warm red\/orange foundation treatment *\/\n#get-involved.get-involved{\n  background:linear-gradient(135deg,var(--aaf-logo-red) 0%,var(--aaf-logo-orange) 100%) !important;\n}\n\n\/* Stay Connected \u2014 warm red\/orange, not black *\/\n#stay-connected.stay-connected{\n  background:linear-gradient(135deg,var(--aaf-logo-red) 0%,var(--aaf-logo-orange) 100%) !important;\n  border-top:5px solid var(--aaf-logo-gold) !important;\n}\n#stay-connected .stay-title,\n#stay-connected .stay-text{\n  color:#fff !important;\n}\n#stay-connected .btn-subscribe{\n  background:var(--aaf-logo-gold) !important;\n  color:var(--aaf-logo-black) !important;\n  border-color:var(--aaf-logo-gold) !important;\n}\n#stay-connected .btn-subscribe:hover{\n  background:#fff !important;\n  color:var(--aaf-logo-red) !important;\n  border-color:#fff !important;\n}\n\n\/* Standardize direct page buttons\/links *\/\n#hero .btn,\n#who-we-are .btn,\n#flagship .btn,\n#stories .btn,\n#partners .btn,\n#get-involved .btn,\n#news .btn,\n.btn-learn,\n.btn-subscribe,\n.involved-link,\n.focus-link,\n.story-link,\n.news-link{\n  cursor:pointer !important;\n}\n\n\/* Mobile section spacing *\/\n@media (max-width:768px){\n  #impact.impact,\n  #flagship.flagship,\n  #stories.stories,\n  #partners.partners,\n  #get-involved.get-involved,\n  #news.news,\n  #stay-connected.stay-connected{\n    padding-top:24px !important;\n    padding-bottom:24px !important;\n  }\n}\n<\/style>\n\n<script id=\"aaf-external-page-links\">\n\/* Open all normal page links in a new tab.\n   Modal triggers, anchors and JavaScript links remain in the same tab. *\/\ndocument.addEventListener('DOMContentLoaded', function(){\n  document.querySelectorAll('#hero a, #transparency-seal a, #impact a, #who-we-are a, #focus-areas a, #flagship a, #stories a, #partners a, #get-involved a, #news a, #stay-connected a, .aaf-modal a').forEach(function(link){\n    const href = (link.getAttribute('href') || '').trim();\n    const isModalTrigger = link.hasAttribute('data-modal-open') || link.hasAttribute('data-modal-close');\n    const isAnchor = href === '' || href === '#' || href.startsWith('#');\n    const isJavascript = href.toLowerCase().startsWith('javascript:');\n    if (!isModalTrigger && !isAnchor && !isJavascript) {\n      link.setAttribute('target','_blank');\n      link.setAttribute('rel','noopener noreferrer');\n    }\n  });\n\n  \/* Volunteer must go directly to the Get Involved page. *\/\n  document.querySelectorAll('#get-involved .involved-link').forEach(function(link){\n    if ((link.textContent || '').trim().toLowerCase().includes('volunteer')) {\n      link.setAttribute('href','https:\/\/amshaafrica.org\/index.php\/get-involved-2\/');\n      link.setAttribute('target','_blank');\n      link.setAttribute('rel','noopener noreferrer');\n    }\n  });\n});\n<\/script>\n\n\n<style id=\"aaf-balanced-section-colors\">\n\/* =========================================================\n   AAF HOMEPAGE \u2014 BALANCED SECTION COLOUR SYSTEM\n   Each major section has its own subtle background tone,\n   while staying within the AAF logo palette.\n   ========================================================= *\/\n\n\/* Transparency \u2014 cool, calm blue-grey *\/\n.transparency-seal{\n  background:#E7EEF2 !important;\n  border-bottom:1px solid #CFDDE5 !important;\n}\n\n\/* Impact \u2014 warm cream *\/\n#impact.impact{\n  background:#FFF8EA !important;\n  border-top:1px solid #E9D8B7 !important;\n  border-bottom:4px solid #FBBD10 !important;\n}\n\n\/* Who We Are \u2014 very soft warm blush *\/\n#who-we-are.who-we-are{\n  background:#FDF1EC !important;\n  border-bottom:1px solid #F1D8CB !important;\n}\n#who-we-are .who-text h2{\n  color:#5B3F2F !important;\n}\n\n\/* Strategic Focus Areas \u2014 clean white *\/\n#focus-areas.focus-areas{\n  background:#FFFFFF !important;\n  border-bottom:1px solid #EEE4D6 !important;\n}\n\n\/* Focus cards \u2014 slightly warm white so they remain visible *\/\n#focus-areas .focus-item{\n  background:#FFFCF7 !important;\n  border:1px solid #E9D8B7 !important;\n}\n\n\/* Flagship \u2014 soft golden cream *\/\n#flagship.flagship{\n  background:#FFF3D6 !important;\n  border-top:4px solid #ED6C18 !important;\n  border-bottom:4px solid #FBBD10 !important;\n}\n\n\/* Stories \u2014 soft neutral *\/\n#stories.stories{\n  background:#F5F6F4 !important;\n  border-bottom:1px solid #E2E5E1 !important;\n}\n\n\/* Partner logos \u2014 clean white section *\/\n#partners.partners{\n  background:#FFFFFF !important;\n  border-bottom:1px solid #E9D8B7 !important;\n}\n\n\/* Get Involved \u2014 strong AAF action colour *\/\n#get-involved.get-involved{\n  background:linear-gradient(135deg,#B9322A 0%,#ED6C18 100%) !important;\n  border-top:4px solid #FBBD10 !important;\n  border-bottom:4px solid #D95712 !important;\n}\n\n\/* Get Involved text remains readable *\/\n#get-involved .section-title,\n#get-involved .section-subtitle,\n#get-involved h2,\n#get-involved p{\n  color:#FFFFFF !important;\n}\n\n\/* Get Involved cards stay light against the strong background *\/\n#get-involved .involved-card{\n  background:#FFFDF8 !important;\n  border:1px solid rgba(255,255,255,.55) !important;\n}\n\n\/* Latest News \u2014 very light blue *\/\n#news.news{\n  background:#EEF4F5 !important;\n  border-bottom:1px solid #D8E4E6 !important;\n}\n\n\/* News cards \u2014 white against the blue-tinted section *\/\n#news .news-card{\n  background:#FFFFFF !important;\n  border:1px solid #DCE6E7 !important;\n}\n\n\/* Stay Connected \u2014 warm red\/orange closing section *\/\n#stay-connected.stay-connected{\n  background:linear-gradient(135deg,#D84A3A 0%,#ED6C18 100%) !important;\n  border-top:5px solid #FBBD10 !important;\n}\n\n\/* Keep section transitions clean *\/\n#impact,\n#who-we-are,\n#focus-areas,\n#flagship,\n#stories,\n#partners,\n#get-involved,\n#news,\n#stay-connected,\n.transparency-seal{\n  position:relative;\n}\n\n\/* Mobile: keep the colour balance without adding visual heaviness *\/\n@media (max-width:768px){\n  .transparency-seal{\n    background:#E7EEF2 !important;\n  }\n  #impact.impact{\n    background:#FFF8EA !important;\n  }\n  #who-we-are.who-we-are{\n    background:#FDF1EC !important;\n  }\n  #focus-areas.focus-areas{\n    background:#FFFFFF !important;\n  }\n  #flagship.flagship{\n    background:#FFF3D6 !important;\n  }\n  #stories.stories{\n    background:#F5F6F4 !important;\n  }\n  #partners.partners{\n    background:#FFFFFF !important;\n  }\n  #get-involved.get-involved{\n    background:linear-gradient(135deg,#B9322A 0%,#ED6C18 100%) !important;\n  }\n  #news.news{\n    background:#EEF4F5 !important;\n  }\n  #stay-connected.stay-connected{\n    background:linear-gradient(135deg,#D84A3A 0%,#ED6C18 100%) !important;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creating Sustainable Opportunities Across Africa Amsha Africa Foundation partners with communities across Africa to expand access to education, artificial intelligence, technology, entrepreneurship, agriculture, and health, creating sustainable solutions that transform lives. Donate Today Partner With Us 7th Consecutive Year: AAF Once Again Earns GuideStar\u2019s Platinum Seal for Transparency Support us with Confidence. LEARN MORE \u2192 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"give_campaign_id":0,"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25051","page","type-page","status-publish","hentry"],"campaignId":"0","_links":{"self":[{"href":"https:\/\/amshaafrica.org\/index.php\/wp-json\/wp\/v2\/pages\/25051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amshaafrica.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amshaafrica.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amshaafrica.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amshaafrica.org\/index.php\/wp-json\/wp\/v2\/comments?post=25051"}],"version-history":[{"count":130,"href":"https:\/\/amshaafrica.org\/index.php\/wp-json\/wp\/v2\/pages\/25051\/revisions"}],"predecessor-version":[{"id":26340,"href":"https:\/\/amshaafrica.org\/index.php\/wp-json\/wp\/v2\/pages\/25051\/revisions\/26340"}],"wp:attachment":[{"href":"https:\/\/amshaafrica.org\/index.php\/wp-json\/wp\/v2\/media?parent=25051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}