:root{--kye-orange:#ff7a1a;--kye-gold:#ffc845;--kye-green:#11a36a;--kye-teal:#00a7b5;--kye-blue:#175cff;--kye-purple:#7b2cff;--kye-ink:#101828;--kye-muted:#667085;--kye-soft:#fff7ed;--kye-bg:#fffdf8;--radius:24px;--shadow:0 24px 70px rgba(16,24,40,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--kye-ink);background:var(--kye-bg);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;border-radius:20px}.container{width:min(1180px,92%);margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.6rem 1rem;z-index:1000}.topbar{background:#101828;color:#fff;font-size:.86rem}.topbar-inner{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,24,40,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.site-title{font-size:1.35rem;font-weight:900}.site-title span{background:linear-gradient(135deg,var(--kye-orange),var(--kye-purple));color:#fff;border-radius:12px;padding:.2rem .45rem}.main-nav{display:flex;align-items:center;gap:1rem}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:1.1rem}.main-nav a{font-weight:800;font-size:.95rem}.menu-toggle{display:none;border:0;background:#fff;border-radius:14px;padding:.65rem .85rem;font-size:1.2rem;box-shadow:0 8px 20px rgba(0,0,0,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.9rem 1.25rem;font-weight:900;transition:.2s;border:2px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary,.btn-donate{background:linear-gradient(135deg,var(--kye-orange),var(--kye-purple));color:#fff;box-shadow:0 18px 35px rgba(255,122,26,.25)}.btn-light{background:#fff;color:#101828}.btn-outline{border-color:rgba(16,24,40,.15);background:#fff}.btn-full{width:100%;margin:.4rem 0}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(255,200,69,.55),transparent 28%),radial-gradient(circle at 90% 20%,rgba(123,44,255,.2),transparent 26%),linear-gradient(135deg,#fff7ed,#ecfeff 50%,#f5f3ff);padding:5.8rem 0 4rem}.hero-shape{position:absolute;border-radius:999px;filter:blur(4px);opacity:.55}.hero-shape.one{width:250px;height:250px;background:var(--kye-orange);right:-80px;top:70px}.hero-shape.two{width:180px;height:180px;background:var(--kye-teal);left:-70px;bottom:20px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.eyebrow,.section-head span{display:inline-flex;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--kye-orange);font-size:.78rem;background:rgba(255,122,26,.1);padding:.4rem .75rem;border-radius:999px}.hero h1{font-size:clamp(2.6rem,6vw,5.3rem);line-height:.96;margin:.9rem 0 1rem;letter-spacing:-.06em}.hero p{font-size:1.15rem;color:#344054;max-width:660px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.8rem 0}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem}.hero-tags span,.pill{background:#fff;border:1px solid rgba(16,24,40,.09);border-radius:999px;padding:.42rem .75rem;font-weight:800;font-size:.82rem}.glass-card,.hero-dashboard{background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(18px);border-radius:32px;box-shadow:var(--shadow);padding:1.5rem}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dash-head strong{background:#101828;color:#fff;border-radius:999px;padding:.25rem .7rem}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dash-grid div{background:linear-gradient(135deg,#fff,#fff7ed);border-radius:22px;padding:1rem}.dash-grid b{font-size:1.65rem;display:block}.dash-grid small{color:var(--kye-muted);font-weight:800}.campaign{margin-top:1rem;background:#101828;color:#fff;border-radius:24px;padding:1rem}.progress{height:12px;background:rgba(255,255,255,.35);border-radius:99px;overflow:hidden;margin:.7rem 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--kye-gold),var(--kye-green));border-radius:inherit}.section{padding:4.6rem 0}.soft{background:linear-gradient(180deg,#fff,#fff7ed)}.section-head{text-align:center;max-width:760px;margin:0 auto 2.2rem}.section-head.left{text-align:left;margin-left:0}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.7rem 0;letter-spacing:-.04em}.section-head p{color:var(--kye-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.floating-stats{margin-top:-2rem;padding-top:0}.stat{border-radius:26px;padding:1.5rem;color:#fff;box-shadow:var(--shadow);min-height:140px;display:flex;flex-direction:column;justify-content:end}.stat strong{font-size:2.2rem;line-height:1}.stat span{font-weight:850}.gradient-a{background:linear-gradient(135deg,var(--kye-orange),#ff3d71)}.gradient-b{background:linear-gradient(135deg,var(--kye-green),var(--kye-teal))}.gradient-c{background:linear-gradient(135deg,var(--kye-blue),var(--kye-purple))}.gradient-d{background:linear-gradient(135deg,#ffb703,#fb5607)}.cards{display:grid;gap:1.25rem}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.six{grid-template-columns:repeat(3,1fr)}.card,.program-card,.story-card,.opportunity{background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:var(--radius);box-shadow:0 12px 35px rgba(16,24,40,.08);overflow:hidden}.card-body,.program-card,.story-card,.opportunity{padding:1.25rem}.program-card{position:relative;overflow:hidden}.program-card:before{content:"";position:absolute;inset:auto -40px -50px auto;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,rgba(255,122,26,.16),rgba(123,44,255,.14))}.big-icon{font-size:2.2rem;width:64px;height:64px;border-radius:20px;background:#fff7ed;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card h3,.program-card h3,.opportunity h3{margin:.2rem 0;font-size:1.25rem}.card p,.program-card p,.opportunity p{color:var(--kye-muted)}.text-link{font-weight:950;color:var(--kye-purple)}.opportunity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.colorful{background:linear-gradient(135deg,#101828,#312e81);color:#fff}.colorful p,.colorful li{color:#e6eaf5}.split-grid{display:grid;grid-template-columns:1fr .8fr;gap:2rem;align-items:center}.check-list{padding-left:1.2rem}.check-list li{margin:.5rem 0}.donation-box h3{font-size:1.7rem;margin-top:0}.map-fake{height:190px;background:linear-gradient(135deg,var(--kye-green),var(--kye-gold));color:#fff;font-weight:1000;font-size:3rem;display:flex;align-items:center;justify-content:center}.story-card{background:linear-gradient(135deg,#fff,#f5f3ff)}.quote{font-size:4rem;color:var(--kye-orange);line-height:.8}.forms-tabs{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.tab-btn{border:0;border-radius:999px;background:#fff;padding:.85rem 1.1rem;font-weight:900;box-shadow:0 8px 20px rgba(16,24,40,.08);cursor:pointer}.tab-btn.active{background:#101828;color:#fff}.tab-panels{max-width:900px;margin:auto}.tab-panel{display:none}.tab-panel.active{display:block}.kye-form label{display:block;font-weight:850;margin:.8rem 0 .35rem}.kye-form input,.kye-form select,.kye-form textarea{width:100%;padding:1rem;border:1px solid rgba(16,24,40,.15);border-radius:16px;background:#fff;font:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.notice-success{margin-top:1rem;background:#ecfdf3;border:1px solid #abefc6;color:#067647;padding:1rem;border-radius:18px;font-weight:900}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.two-tone{background:linear-gradient(90deg,#fff 0,#fff 50%,#fff7ed 50%,#fff7ed 100%)}.news-row,.event-row{background:#fff;border-radius:20px;padding:1rem;margin:.7rem 0;box-shadow:0 8px 20px rgba(16,24,40,.07)}.date-box{display:inline-block;background:var(--kye-orange);color:#fff;border-radius:14px;padding:.4rem .65rem;font-weight:900}.cta{background:linear-gradient(135deg,var(--kye-orange),var(--kye-purple));color:#fff;text-align:center}.cta h2{font-size:clamp(2rem,4vw,3.8rem);margin:.2rem 0}.site-footer{position:relative;overflow:hidden;background:#101828;color:#fff;padding:4rem 0 1.2rem}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:1.3rem}.footer-badge,.contact-strip{background:rgba(255,255,255,.1);border-radius:18px;padding:.8rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem}.content-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem}.narrow{max-width:850px}.page-content{font-size:1.05rem}.widget{padding:1rem;margin-bottom:1rem}.entry{background:#fff;border-radius:20px;padding:1rem;margin-bottom:1rem}@media(max-width:900px){.topbar-inner,.footer-bottom{flex-direction:column}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:4%;right:4%;top:82px;background:#fff;border-radius:22px;padding:1rem;box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.main-nav.open{display:flex}.main-nav ul{flex-direction:column}.hero-grid,.split-grid,.two-col,.content-layout{grid-template-columns:1fr}.stats-grid,.cards.three,.cards.six,.opportunity-grid,.footer-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.hero{padding-top:3rem}.two-tone{background:#fff}}@media(max-width:560px){.stats-grid,.cards.three,.cards.six,.opportunity-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.section{padding:3.2rem 0}.hero-dashboard{padding:1rem}.dash-grid{grid-template-columns:1fr}.btn{width:100%}}

/* Added structured pages and modern submenu styles */
.main-nav ul ul{position:absolute;z-index:50;min-width:245px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(19,37,67,.16);padding:10px;margin-top:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;border:1px solid rgba(255,255,255,.7)}
.main-nav li{position:relative}.main-nav li:hover>ul,.main-nav li:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0)}
.main-nav ul ul li{display:block}.main-nav ul ul a{display:block;padding:11px 14px;border-radius:12px;color:#1d2939}.main-nav ul ul a:hover{background:linear-gradient(135deg,#fff4d6,#e9fff4);color:#1b7f3a}
.kye-page-hero{max-width:1180px;margin:32px auto 0;padding:70px 28px;border-radius:34px;background:radial-gradient(circle at 10% 10%,#ffe28a,transparent 28%),radial-gradient(circle at 90% 20%,#3be18f,transparent 28%),linear-gradient(135deg,#053b2f,#0a7b52 55%,#f6a21a);color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.16);overflow:hidden;position:relative}.kye-page-hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:330px;height:330px;background:rgba(255,255,255,.13);border-radius:50%}.kye-page-hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;margin:10px 0 16px;max-width:850px}.kye-page-hero p{font-size:1.18rem;max-width:760px;color:rgba(255,255,255,.92)}
.kye-modern-section{max-width:1180px;margin:34px auto;padding:22px}.kye-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.kye-section-head h2{font-size:clamp(1.8rem,3vw,3rem);margin:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#fff2c3;color:#7a4a00;font-weight:800;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}.kye-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kye-feature-grid article,.kye-people-grid article,.resource-list article,.kye-highlight-card{background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:26px;padding:26px;box-shadow:0 18px 46px rgba(16,24,40,.08);position:relative;overflow:hidden}.kye-feature-grid article:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,#f6a21a,#30c96b,#1597ff)}.kye-feature-grid h3,.kye-people-grid h3,.resource-list h3{margin-top:8px;color:#063b2d}.kye-story-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:22px;align-items:stretch}.kye-highlight-card{background:linear-gradient(145deg,#fff9ea,#eafff3)}.kye-timeline{display:grid;gap:16px;counter-reset:steps}.kye-timeline>div{background:#fff;border-left:8px solid #f6a21a;border-radius:22px;padding:22px;box-shadow:0 14px 38px rgba(16,24,40,.08)}.kye-timeline strong{font-size:1.2rem;color:#064333}.kye-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.avatar{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#f6a21a,#19b86a);color:#fff;font-weight:900;font-size:1.35rem;margin-bottom:15px}.partner-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.partner-strip span{padding:24px;border-radius:24px;background:#fff;text-align:center;font-weight:800;box-shadow:0 14px 34px rgba(16,24,40,.08);border:1px dashed rgba(22,163,74,.35)}.resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kye-form-panel{max-width:1180px;margin:34px auto;padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;border-radius:34px;background:linear-gradient(135deg,#fff,#eafff3 60%,#fff4d6);box-shadow:0 24px 70px rgba(16,24,40,.1);border:1px solid rgba(255,255,255,.85)}.kye-form-panel h2{font-size:clamp(1.8rem,3vw,3rem);color:#063b2d;margin-top:0}@media(max-width:900px){.kye-feature-grid,.kye-people-grid,.partner-strip,.resource-list,.kye-story-layout,.kye-form-panel{grid-template-columns:1fr}.main-nav ul ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;margin:6px 0;background:#f8fafc}.kye-page-hero{margin:16px;border-radius:24px;padding:46px 22px}.kye-modern-section,.kye-form-panel{margin:20px 16px;padding:18px}}


/* Powerful 5-image homepage slider */
.kye-home-slider{position:relative;min-height:720px;background:#071724;overflow:hidden}.kye-slider-track{position:relative;min-height:720px}.kye-slide{position:absolute;inset:0;opacity:0;visibility:hidden;background-size:cover;background-position:center;transition:opacity .9s ease, visibility .9s ease;display:flex;align-items:center}.kye-slide.active{opacity:1;visibility:visible;z-index:2}.kye-slide:after{content:"";position:absolute;inset:auto 0 0 0;height:190px;background:linear-gradient(0deg,rgba(5,16,28,.75),transparent);z-index:1}.kye-slide-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr .82fr;gap:2rem;align-items:center;padding-top:90px;padding-bottom:90px}.kye-slide-copy{max-width:820px;color:#fff}.kye-slide-copy .eyebrow{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}.kye-slide-copy h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.88;margin:1rem 0 1rem;letter-spacing:-.07em;text-shadow:0 14px 44px rgba(0,0,0,.35)}.kye-slide-copy p{font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.55;color:rgba(255,255,255,.92);max-width:720px}.slider-impact-card{align-self:end;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;backdrop-filter:blur(22px);box-shadow:0 35px 90px rgba(0,0,0,.28)!important}.slider-impact-card small,.slider-impact-card .campaign span{color:rgba(255,255,255,.82)!important}.kye-slider-controls{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:1rem}.kye-slider-btn{width:54px;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;backdrop-filter:blur(14px);box-shadow:0 14px 36px rgba(0,0,0,.2)}.kye-slider-btn:hover{background:#fff;color:#101828}.kye-slider-dots{display:flex;gap:.55rem;padding:.7rem .9rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px)}.kye-slider-dots button{width:13px;height:13px;border-radius:999px;border:0;background:rgba(255,255,255,.55);cursor:pointer;transition:.25s ease}.kye-slider-dots button.active{width:42px;background:#fff}.kye-home-slider .btn-primary{background:linear-gradient(135deg,#ff9f1c,#ff3d71);box-shadow:0 18px 45px rgba(255,95,39,.35)}.kye-home-slider .btn-light{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);color:#fff;backdrop-filter:blur(10px)}@media(max-width:980px){.kye-home-slider,.kye-slider-track{min-height:820px}.kye-slide-inner{grid-template-columns:1fr;padding-top:70px}.slider-impact-card{max-width:560px}.kye-slide-copy h1{font-size:clamp(2.65rem,12vw,4.6rem)}}@media(max-width:560px){.kye-home-slider,.kye-slider-track{min-height:850px}.kye-slide-inner{padding-top:48px;padding-bottom:120px}.kye-slider-controls{bottom:22px}.kye-slider-btn{width:46px;height:46px}.kye-slide-copy p{font-size:1.04rem}.slider-impact-card{display:none}}


/* 2026 KAYEN visual refresh: modern typography, single animated slider, responsive menus */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
:root{
  --kye-orange:#f97316;--kye-gold:#facc15;--kye-green:#16a34a;--kye-emerald:#0f766e;--kye-red:#e11d48;--kye-sky:#0284c7;--kye-purple:#7c3aed;
  --kye-ink:#172033;--kye-muted:#667085;--kye-bg:#fffaf3;--kye-cream:#fff7ed;--shadow:0 25px 80px rgba(23,32,51,.18)
}
body{font-family:'Manrope',Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fffaf3 0%,#ffffff 36%,#fff7ed 100%);color:var(--kye-ink);font-size:16px}
h1,h2,h3,h4,.site-title,.main-nav a,.btn{font-family:'Plus Jakarta Sans','Manrope',system-ui,sans-serif;letter-spacing:-.025em}
p{color:#475467}.section-head h2,.kye-section-head h2{background:linear-gradient(110deg,#111827 0%,#0f766e 45%,#f97316 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.section-head span,.eyebrow{color:#9a3412;background:linear-gradient(135deg,#ffedd5,#fef9c3);border:1px solid rgba(249,115,22,.18)}
.site-header{background:rgba(255,250,243,.92);box-shadow:0 10px 35px rgba(23,32,51,.06)}.topbar{background:linear-gradient(90deg,#111827,#064e3b,#9a3412)}.site-title{font-weight:900;color:#111827}.site-title span{background:linear-gradient(135deg,#16a34a,#f97316,#7c3aed);box-shadow:0 10px 28px rgba(249,115,22,.25)}
.main-nav>ul>li>a{display:flex;align-items:center;min-height:42px;padding:.25rem .1rem;color:#263245}.main-nav>ul>li>a:hover{color:#ea580c}.main-nav ul ul{overflow:hidden}.main-nav ul ul a{font-size:.9rem}.btn-primary,.btn-donate{background:linear-gradient(135deg,#16a34a 0%,#f97316 52%,#e11d48 100%);box-shadow:0 18px 42px rgba(249,115,22,.28)}
.kye-home-slider{min-height:calc(100vh - 90px);max-height:860px;background:#08111f}.kye-slider-track{min-height:calc(100vh - 90px);max-height:860px}.kye-slide{min-height:calc(100vh - 90px);max-height:860px;transform:translateX(8%) scale(1.04);filter:saturate(.9);transition:opacity 1s ease,visibility 1s ease,transform 1.2s cubic-bezier(.2,.8,.2,1),filter 1.2s ease;background-position:center;background-size:cover}.kye-slide.active{transform:translateX(0) scale(1);filter:saturate(1.08)}.kye-slide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(250,204,21,.22),transparent 30%),linear-gradient(90deg,rgba(6,19,31,.92),rgba(6,19,31,.66) 46%,rgba(6,19,31,.28));z-index:1}.kye-slide:after{height:45%;background:linear-gradient(0deg,rgba(8,17,31,.92),transparent);z-index:1}.kye-slide-inner{min-height:calc(100vh - 90px);max-height:860px}.kye-slide-copy{animation:kyeTextOut .6s ease both}.kye-slide.active .kye-slide-copy{animation:kyeTextIn .9s .12s cubic-bezier(.2,.8,.2,1) both}.slider-impact-card{animation:kyeCardOut .5s ease both}.kye-slide.active .slider-impact-card{animation:kyeCardIn 1s .22s cubic-bezier(.2,.8,.2,1) both}.kye-slide-copy h1{font-weight:900;color:#fff;text-wrap:balance}.kye-slide-copy p{color:rgba(255,255,255,.94);font-weight:600}.kye-home-slider .eyebrow{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.28)}.kye-slider-controls{width:auto;background:rgba(8,17,31,.36);border:1px solid rgba(255,255,255,.18);padding:.65rem;border-radius:999px;backdrop-filter:blur(18px)}.kye-slider-btn{display:grid;place-items:center;font-family:Georgia,serif}.kye-slider-dots button{height:12px}.kye-slider-dots button.active{background:linear-gradient(90deg,#facc15,#f97316,#16a34a)}
@keyframes kyeTextIn{from{opacity:0;transform:translateX(-55px)}to{opacity:1;transform:translateX(0)}}@keyframes kyeTextOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25px)}}@keyframes kyeCardIn{from{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes kyeCardOut{from{opacity:1}to{opacity:0}}
.cards .card,.program-card,.story-card,.opportunity,.glass-card,.news-row,.event-row{border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 46px rgba(23,32,51,.09)}.program-card:hover,.opportunity:hover,.story-card:hover,.card:hover{transform:translateY(-5px);transition:.25s ease;box-shadow:0 28px 70px rgba(23,32,51,.14)}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-35px;top:-35px;width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.20)}
@media(max-width:1100px){.main-nav{gap:.7rem}.main-nav ul{gap:.75rem}.main-nav a{font-size:.88rem}.btn-donate{padding:.75rem 1rem}}
@media(max-width:900px){.site-header{position:sticky}.nav-wrap{padding:.75rem 0}.menu-toggle{display:inline-grid;place-items:center;width:48px;height:48px;background:linear-gradient(135deg,#fff,#ffedd5);color:#111827;border:1px solid rgba(249,115,22,.18)}.main-nav{display:flex;position:fixed;left:0;right:0;top:0;bottom:0;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg,#fffaf3,#ecfdf5);border-radius:0;padding:92px 24px 28px;box-shadow:none;z-index:999;overflow:auto}.main-nav.open{display:flex;transform:translateX(0)}.menu-toggle{position:relative;z-index:1000}.main-nav ul{width:100%;gap:.35rem}.main-nav li{width:100%}.main-nav>ul>li>a{justify-content:space-between;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.75);box-shadow:0 8px 24px rgba(23,32,51,.06)}.main-nav ul ul{display:block;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;margin:6px 0 10px 12px;background:transparent;box-shadow:none;border:0;padding:0}.main-nav ul ul a{background:#fff;margin:5px 0;border-radius:14px;padding:10px 14px}.main-nav .btn-donate{width:100%;margin-top:1rem}.topbar-inner{font-size:.78rem}.kye-home-slider,.kye-slider-track,.kye-slide,.kye-slide-inner{min-height:760px;max-height:none}.kye-slide:before{background:linear-gradient(90deg,rgba(6,19,31,.94),rgba(6,19,31,.70))}.kye-slide-inner{padding-top:88px}.kye-slider-controls{bottom:20px}.hero-actions .btn{width:auto}}
@media(max-width:560px){body{font-size:15.5px}.site-title{font-size:1.05rem}.topbar{display:none}.main-nav{padding-top:82px}.kye-home-slider,.kye-slider-track,.kye-slide,.kye-slide-inner{min-height:740px}.kye-slide-copy h1{font-size:clamp(2.3rem,13vw,3.5rem);line-height:.95}.kye-slide-copy p{font-size:1rem}.hero-actions{gap:.6rem}.hero-actions .btn{width:100%;padding:.82rem 1rem}.kye-slider-dots{padding:.55rem}.kye-slider-btn{width:42px;height:42px;font-size:1.7rem}.kye-slider-dots button.active{width:30px}}

/* === KAYEN Premium Upgrade: video hero, glassmorphism, dashboard, map, portals === */
:root{
  --KAYEN-orange:#f97316;--KAYEN-gold:#fbbf24;--KAYEN-blue:#0284c7;--KAYEN-green:#059669;--KAYEN-navy:#0f172a;--KAYEN-ink:#172033;--KAYEN-soft:#fff7ed;--KAYEN-white:#fff;
  --KAYEN-grad:linear-gradient(135deg,#f97316 0%,#fbbf24 32%,#059669 70%,#0284c7 100%);
  --KAYEN-card:rgba(255,255,255,.72);--KAYEN-border:rgba(255,255,255,.48);
}
body{font-family:'Inter','Segoe UI',Roboto,Arial,sans-serif;color:var(--KAYEN-ink);background:linear-gradient(180deg,#fff7ed 0%,#ffffff 32%,#f0f9ff 100%);}
h1,h2,h3,h4,.site-title{font-family:'Poppins','Segoe UI',Arial,sans-serif;letter-spacing:-.035em;color:var(--KAYEN-navy)}
a{color:var(--KAYEN-blue)}
.glass-card,.glass-widget{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.42));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.55);box-shadow:0 24px 70px rgba(15,23,42,.13);border-radius:28px;}
.btn{border-radius:999px;font-weight:850;letter-spacing:.01em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(15,23,42,.18)}.btn-primary{background:var(--KAYEN-grad);border:0;color:#fff!important}.btn-light{background:#fff;color:var(--KAYEN-navy)!important}.btn-outline-light{border:2px solid rgba(255,255,255,.75);color:#fff!important;background:rgba(255,255,255,.1)}.btn-outline{border:1px solid rgba(15,23,42,.2);background:rgba(255,255,255,.35)}
.video-hero{min-height:92vh;position:relative;overflow:hidden;display:flex;align-items:center;color:#fff}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.05)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(115deg,rgba(15,23,42,.88) 0%,rgba(124,45,18,.58) 42%,rgba(2,132,199,.38) 100%)}.hero-orbs span{position:absolute;border-radius:50%;filter:blur(12px);opacity:.55;animation:floatOrb 7s ease-in-out infinite}.hero-orbs span:nth-child(1){width:230px;height:230px;background:#f97316;right:9%;top:18%}.hero-orbs span:nth-child(2){width:160px;height:160px;background:#059669;left:12%;bottom:14%;animation-delay:1.3s}.hero-orbs span:nth-child(3){width:120px;height:120px;background:#0284c7;right:34%;bottom:20%;animation-delay:2.1s}@keyframes floatOrb{50%{transform:translateY(-22px) scale(1.08)}}
.hero-premium-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .72fr;gap:42px;align-items:center}.hero-copy h1{font-size:clamp(2.7rem,7vw,6.6rem);line-height:.92;color:#fff;margin:18px 0}.hero-copy p{font-size:clamp(1.05rem,2vw,1.35rem);max-width:760px;color:rgba(255,255,255,.9);line-height:1.7}.glass-chip{display:inline-flex;padding:10px 16px;border-radius:999px;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.77rem}.hero-glass-panel{padding:28px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border-color:rgba(255,255,255,.25)}.hero-glass-panel h3,.hero-glass-panel strong,.hero-glass-panel b{color:#fff}.hero-mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.hero-mini-stats div{padding:18px;border-radius:22px;background:rgba(255,255,255,.16)}.hero-mini-stats b{display:block;font-size:1.7rem}.hero-mini-stats small{color:rgba(255,255,255,.78)}.campaign .progress,.progress{height:12px;border-radius:99px;background:rgba(15,23,42,.12);overflow:hidden;margin:10px 0}.campaign .progress span,.progress span{display:block;height:100%;border-radius:99px;background:var(--KAYEN-grad);box-shadow:0 0 20px rgba(249,115,22,.5)}
.reveal-up{animation:revealUp .9s ease both}.delay-1{animation-delay:.25s}@keyframes revealUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
.premium-strip{margin-top:-58px;position:relative;z-index:5;padding-top:0}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.strip-card{padding:22px;text-decoration:none;color:var(--KAYEN-navy);display:grid;gap:5px;transition:transform .25s ease}.strip-card:hover{transform:translateY(-6px) scale(1.01)}.strip-card span{font-size:2rem}.strip-card b{font-size:1.05rem}.strip-card small{color:#64748b}
.impact-dashboard{background:radial-gradient(circle at top left,rgba(249,115,22,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(2,132,199,.16),transparent 28%)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.impact-kpi{padding:26px;position:relative;overflow:hidden}.impact-kpi:before{content:"";position:absolute;right:-45px;top:-45px;width:120px;height:120px;background:var(--KAYEN-grad);border-radius:50%;opacity:.22}.impact-kpi small{font-weight:800;color:#64748b}.impact-kpi strong{display:block;font-size:2.65rem;margin:8px 0;color:var(--KAYEN-navy)}.impact-kpi em{font-style:normal;color:#64748b}.mini-line{height:10px;background:#e2e8f0;border-radius:99px;overflow:hidden}.mini-line span{display:block;height:100%;background:var(--KAYEN-grad);border-radius:99px}.impact-panels{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:24px}.chart-card,.story-card-premium{padding:28px}.bar-row{display:grid;grid-template-columns:110px 1fr 45px;gap:12px;align-items:center;margin:18px 0}.bar-row div{height:13px;border-radius:99px;background:#e2e8f0;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--KAYEN-grad);border-radius:99px}.story-card-premium p{font-size:1.1rem;line-height:1.7;color:#475569}
.portal-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.portal-steps div{display:flex;gap:12px;align-items:center;padding:16px;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.07)}.portal-steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--KAYEN-grad);color:#fff}.portal-form-card,.donation-form-card{padding:28px}.kye-form input,.kye-form select,.kye-form textarea{border-radius:16px!important;border:1px solid #dbe5ef!important;padding:14px 15px!important;background:rgba(255,255,255,.82)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.kye-form label{font-weight:750;color:#334155}.btn-full{width:100%;justify-content:center;text-align:center}
.map-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.karamoja-map{min-height:520px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff7ed,#e0f2fe)}.karamoja-map:before{content:"";position:absolute;inset:50px 80px;background:linear-gradient(135deg,rgba(249,115,22,.76),rgba(5,150,105,.62),rgba(2,132,199,.62));clip-path:polygon(42% 0,69% 8%,86% 27%,76% 47%,95% 64%,71% 89%,43% 100%,25% 79%,6% 61%,21% 39%,11% 18%);border-radius:40px;filter:drop-shadow(0 30px 45px rgba(15,23,42,.16))}.district-pin{position:absolute;z-index:2;border:0;border-radius:999px;padding:9px 12px;background:#fff;color:var(--KAYEN-navy);font-weight:850;box-shadow:0 12px 28px rgba(15,23,42,.18);cursor:pointer;transition:.25s}.district-pin:hover,.district-pin.active{background:var(--KAYEN-navy);color:#fff;transform:translateY(-4px) scale(1.04)}.pin-1{left:38%;top:14%}.pin-2{left:55%;top:76%}.pin-3{left:62%;top:18%}.pin-4{left:46%;top:8%}.pin-5{left:39%;top:34%}.pin-6{left:57%;top:47%}.pin-7{left:42%;top:64%}.pin-8{left:48%;top:82%}.pin-9{left:31%;top:52%}.map-info{padding:32px;align-self:stretch}.map-info h3{font-size:2rem}.map-info ul{list-style:none;margin:20px 0 0;padding:0}.map-info li{margin:10px 0;padding:12px 14px;background:rgba(255,255,255,.6);border-radius:16px}.pill{display:inline-flex;border-radius:999px;padding:8px 12px;background:rgba(249,115,22,.14);color:#9a3412;font-weight:850;font-size:.8rem}
.donation-system{background:linear-gradient(135deg,#0f172a,#1e3a8a 45%,#064e3b);color:#fff;position:relative;overflow:hidden}.donation-system h2,.donation-system h3{color:#fff}.donation-system p{color:rgba(255,255,255,.82)}.donation-campaigns{display:grid;gap:16px;margin-top:24px}.campaign-card{padding:22px;color:#fff;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25)}.campaign-card small{color:rgba(255,255,255,.8)}.donation-form-card{background:rgba(255,255,255,.92)}.donation-form-card h3{color:var(--KAYEN-navy)}
.program-card{overflow:hidden;transition:transform .25s ease}.program-card:hover{transform:translateY(-8px)}.big-icon{font-size:2.8rem;margin-bottom:12px}.cta{background:var(--KAYEN-grad);color:#fff}.cta h2{color:#fff}.cta p{color:rgba(255,255,255,.88)}
@media(max-width:980px){.hero-premium-grid,.split-grid,.map-layout,.impact-panels{grid-template-columns:1fr}.dashboard-grid,.strip-grid{grid-template-columns:repeat(2,1fr)}.video-hero{min-height:auto;padding:130px 0 90px}.hero-glass-panel{max-width:620px}.karamoja-map{min-height:460px}.site-header,.main-navigation,.main-nav{position:relative;z-index:50}.main-nav.open{display:block!important;position:absolute;left:16px;right:16px;top:72px;background:rgba(255,255,255,.96);border-radius:24px;padding:18px;box-shadow:0 30px 70px rgba(15,23,42,.2);backdrop-filter:blur(16px)}.main-nav.open ul{display:block}.main-nav.open li{margin:6px 0}.main-nav.open a{display:block;color:var(--KAYEN-navy)!important;padding:12px 14px;border-radius:14px}.main-nav.open .sub-menu{position:static;display:block;background:#f8fafc;box-shadow:none;margin-top:5px;padding-left:10px}}
@media(max-width:640px){.hero-copy h1{font-size:2.55rem}.hero-actions{display:grid;gap:10px}.dashboard-grid,.strip-grid,.portal-steps,.hero-mini-stats{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr}.district-pin{font-size:.72rem;padding:7px 9px}.karamoja-map:before{inset:40px 26px}.form-grid,.cards.six,.cards.three{grid-template-columns:1fr!important}.section{padding-left:0;padding-right:0}}
.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}

/* Ultimate KAYEN platform modules */
.ultimate-platform{background:radial-gradient(circle at 15% 0%,rgba(249,115,22,.22),transparent 32%),radial-gradient(circle at 85% 15%,rgba(2,132,199,.22),transparent 35%),linear-gradient(180deg,#f8fafc,#fff7ed)}
.ultimate-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.module-card{text-decoration:none;color:#0f172a;padding:24px;min-height:220px;display:flex;flex-direction:column;gap:10px;transition:.3s ease}.module-card:hover{transform:translateY(-10px) rotate(-.6deg);box-shadow:0 28px 80px rgba(15,23,42,.16)}.module-card span{font-size:2.2rem}.module-card h3{margin:4px 0;color:#063b2d;font-size:1.2rem}.module-card p{margin:0;color:#475569}.ultimate-hero{background:radial-gradient(circle at 20% 20%,rgba(251,191,36,.85),transparent 25%),radial-gradient(circle at 82% 12%,rgba(14,165,233,.7),transparent 28%),linear-gradient(135deg,#06251e,#065f46 46%,#f97316)}
.ultimate-section{max-width:1180px;margin:34px auto;padding:24px}.ultimate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ultimate-grid article,.story-wall article,.media-grid article,.partner-dashboard article,.funding-board>div{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:26px;box-shadow:0 22px 55px rgba(15,23,42,.09);backdrop-filter:blur(16px);position:relative;overflow:hidden}.ultimate-grid article:before,.media-grid article:before,.partner-dashboard article:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#f97316,#059669,#0284c7)}.ultimate-form{margin-top:22px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(236,253,245,.82))}.academy-layout{display:grid;grid-template-columns:1fr .8fr;gap:24px}.course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.course-list span{display:block;padding:16px;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(15,23,42,.07);font-weight:800;color:#064e3b}.certificate-preview{padding:28px;background:linear-gradient(135deg,#fff7ed,#ecfeff);margin-bottom:22px}.cert-border{border:6px double #f59e0b;border-radius:28px;padding:38px;text-align:center;background:#fff}.cert-border h2{font-family:Georgia,serif;color:#064e3b}.story-wall,.media-grid,.partner-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.funding-board,.transparency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.funding-board b,.transparency-grid strong{display:block;font-size:2.2rem;color:#063b2d;margin:6px 0}.funding-board small,.transparency-grid small{font-weight:900;text-transform:uppercase;color:#9a3412;letter-spacing:.06em}.transparency-live{background:linear-gradient(135deg,#ffffff,#f0fdf4 52%,#eff6ff);border-radius:34px}.transparency-grid article{background:#fff;border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.transparency-timeline{padding:26px}.documentary-stage{min-height:430px;border-radius:36px;padding:42px;display:flex;flex-direction:column;justify-content:end;color:#fff;background:linear-gradient(0deg,rgba(2,6,23,.72),rgba(2,6,23,.18)),url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80') center/cover;box-shadow:0 30px 90px rgba(15,23,42,.2);margin-bottom:24px}.documentary-stage h2{color:#fff;font-size:clamp(2rem,4vw,4rem)}.documentary-stage p{color:rgba(255,255,255,.9);max-width:680px}.play-orb{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(16px);font-size:2rem;margin-bottom:24px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.transparency-preview .ultimate-section{margin:0 auto;padding:0}.transparency-preview .container>.ultimate-section{max-width:none}
@media(max-width:1100px){.ultimate-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.ultimate-module-grid,.ultimate-grid,.story-wall,.partner-dashboard,.funding-board,.transparency-grid,.academy-layout{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.course-list{grid-template-columns:1fr}.ultimate-section{margin:20px 16px;padding:18px}.module-card{min-height:auto}.cert-border{padding:24px}}

/* === KAYEN Requested Refinements: Karamoja map, floating actions, compact footer, clean nav === */
.main-nav .sub-menu{display:none!important}.main-nav li.menu-item-has-children>a:after{content:none!important}
.karamoja-region-map{min-height:560px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 10%,rgba(251,191,36,.35),transparent 28%),linear-gradient(145deg,#fff7ed,#ecfeff)!important;isolation:isolate}
.karamoja-region-map:before{display:none!important}.karamoja-svg-map{position:absolute;inset:22px 40px;z-index:1;width:calc(100% - 80px);height:calc(100% - 44px);filter:url(#KAYENMapShadow)}.region-outline{fill:url(#KAYENMapGradient);stroke:#fff;stroke-width:7;stroke-linejoin:round}.district-shape{fill:rgba(255,255,255,.20);stroke:rgba(255,255,255,.78);stroke-width:3;transition:.25s}.district-border{fill:none;stroke:rgba(255,255,255,.9);stroke-width:2.5;stroke-linecap:round}.karamoja-region-map:hover .district-shape{fill:rgba(255,255,255,.27)}
.karamoja-region-map .district-pin{z-index:3;font-size:.76rem;padding:7px 10px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7)}.pin-1{left:20%;top:38%}.pin-2{left:48%;top:82%}.pin-3{left:72%;top:27%}.pin-4{left:57%;top:11%}.pin-5{left:39%;top:26%}.pin-6{left:68%;top:51%}.pin-7{left:52%;top:64%}.pin-8{left:28%;top:74%}.pin-9{left:38%;top:48%}
.compact-footer{padding:2.8rem 0 1rem}.footer-grid-five{grid-template-columns:1.35fr repeat(4,1fr);gap:1rem}.footer-section h3,.footer-section h4{margin:.2rem 0 .55rem;font-size:1rem;line-height:1.25}.footer-about h3{font-size:1.15rem}.footer-section p{font-size:.88rem;line-height:1.5;color:rgba(255,255,255,.76);margin:.35rem 0}.footer-section a{display:block;color:rgba(255,255,255,.78);font-size:.86rem;line-height:1.35;margin:.35rem 0;transition:.2s}.footer-section a:hover{color:#fff;transform:translateX(3px)}.compact-contact{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:1.3rem;padding:.7rem 1rem;font-size:.88rem}.compact-bottom{margin-top:1rem;padding-top:.85rem;font-size:.82rem;color:rgba(255,255,255,.7)}
.KAYEN-floating-actions{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;flex-direction:column;gap:10px}.KAYEN-float{width:52px;height:52px;border-radius:999px;border:0;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:1.25rem;color:#fff;box-shadow:0 16px 35px rgba(15,23,42,.22);cursor:pointer;transition:.25s}.KAYEN-float:hover{transform:translateY(-4px) scale(1.04)}.whatsapp-float{background:linear-gradient(135deg,#22c55e,#16a34a)}.chat-float{background:linear-gradient(135deg,#0284c7,#7c3aed)}.top-float{background:linear-gradient(135deg,#f97316,#ef4444);opacity:0;pointer-events:none;transform:translateY(10px)}.top-float.show{opacity:1;pointer-events:auto;transform:translateY(0)}.KAYEN-chat-box{position:fixed;right:82px;bottom:18px;width:min(340px,calc(100vw - 110px));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 26px 70px rgba(15,23,42,.25);z-index:998;overflow:hidden;display:none}.KAYEN-chat-box.open{display:block;animation:chatPop .25s ease}.chat-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0f172a,#312e81);color:#fff;padding:12px 14px}.chat-close{border:0;background:rgba(255,255,255,.15);color:#fff;border-radius:999px;width:28px;height:28px;font-size:1.1rem;cursor:pointer}.chat-body{padding:14px}.bot-msg{margin-top:0;color:#344054}.chat-body button{display:block;width:100%;text-align:left;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:14px;padding:10px 12px;margin:8px 0;font-weight:850;cursor:pointer}.chat-response{background:#f8fafc;border-top:1px solid rgba(15,23,42,.08);padding:12px 14px;font-size:.9rem;color:#0f172a}@keyframes chatPop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:980px){.footer-grid-five{grid-template-columns:repeat(2,1fr)}.footer-about{grid-column:1/-1}.karamoja-svg-map{inset:18px 22px;width:calc(100% - 44px)}}
@media(max-width:640px){.footer-grid-five{grid-template-columns:1fr}.compact-footer{padding-top:2rem}.KAYEN-floating-actions{right:12px;bottom:12px}.KAYEN-float{width:48px;height:48px}.KAYEN-chat-box{right:12px;bottom:180px;width:calc(100vw - 24px)}.karamoja-region-map{min-height:500px}.karamoja-region-map .district-pin{font-size:.66rem;padding:6px 8px}.pin-3{left:67%;}.pin-6{left:62%;}.pin-8{left:20%;}}


/* KAYEN final branding + exact Karamoja map update */
.KAYEN-brand{display:flex;align-items:center;min-width:240px}.brand-link{display:flex;align-items:center;gap:.72rem}.brand-logo,.custom-logo{width:74px;height:74px;object-fit:contain;border-radius:18px;background:#fff;padding:4px;box-shadow:0 10px 24px rgba(15,23,42,.12)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-size:1.25rem;font-weight:1000;letter-spacing:.08em;color:#0f5132}.brand-text small{font-size:.76rem;color:#667085;font-weight:850;max-width:210px}.footer-logo-wrap{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.footer-logo{width:64px;height:64px;object-fit:contain;border-radius:16px;background:#fff;padding:4px}.footer-logo-wrap h3{margin:0;font-size:1.03rem}.main-nav .menu-item-has-children > ul,.main-nav .sub-menu{display:none!important}.main-nav>ul>li>a{white-space:nowrap}.exact-map{position:relative;min-height:auto;padding:10px;overflow:hidden;background:#fff}.karamoja-map-image{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.12)}.exact-map .image-pin{position:absolute;z-index:5;border:0;border-radius:999px;padding:7px 10px;background:rgba(15,23,42,.82);color:#fff;font-size:.72rem;font-weight:950;box-shadow:0 12px 24px rgba(15,23,42,.22);backdrop-filter:blur(10px);cursor:pointer;transition:.22s}.exact-map .image-pin:hover,.exact-map .image-pin.active{transform:translateY(-3px) scale(1.04);background:linear-gradient(135deg,#f97316,#16a34a)}.exact-map .pin-1{left:64%;top:36%}.exact-map .pin-2{left:42%;top:24%}.exact-map .pin-3{left:53%;top:14%}.exact-map .pin-4{left:43%;top:45%}.exact-map .pin-5{left:55%;top:56%}.exact-map .pin-6{left:76%;top:51%}.exact-map .pin-7{left:66%;top:68%}.exact-map .pin-8{left:59%;top:80%}.KAYEN-floating-actions,.KAYEN-chat-box{display:none!important}@media(max-width:900px){.nav-wrap{padding:.7rem 0}.brand-logo,.custom-logo{width:58px;height:58px}.brand-text small{display:none}.main-nav{top:74px}.main-nav .btn-donate{width:100%}.exact-map .image-pin{font-size:.58rem;padding:5px 7px}.footer-grid-five{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}}@media(max-width:560px){.KAYEN-brand{min-width:0}.brand-text strong{font-size:1rem}.brand-logo,.custom-logo{width:50px;height:50px;border-radius:14px}.exact-map{padding:6px;border-radius:18px}.exact-map .image-pin{font-size:.48rem;padding:4px 5px}.footer-grid-five{grid-template-columns:1fr}.compact-contact{display:grid;gap:.4rem}}

/* === KAYEN Logo Visibility Upgrade === */
.site-header .nav-wrap{
  min-height:112px;
  padding-top:.9rem;
  padding-bottom:.9rem;
}
.KAYEN-brand{min-width:360px;}
.brand-link{gap:1rem;}
.brand-logo,
.custom-logo{
  width:105px!important;
  height:105px!important;
  max-width:105px!important;
  max-height:105px!important;
  object-fit:contain!important;
  border-radius:20px;
  background:#fff;
  padding:5px;
  box-shadow:0 12px 28px rgba(15,23,42,.14);
}
.brand-text strong{
  font-size:1.55rem;
  line-height:1;
  letter-spacing:.04em;
}
.brand-text small{
  font-size:.86rem;
  max-width:260px;
  color:#f97316;
  font-weight:900;
}
.footer-logo{
  width:88px!important;
  height:88px!important;
  max-width:88px!important;
  max-height:88px!important;
  object-fit:contain!important;
  border-radius:18px;
  padding:5px;
}
.footer-logo-wrap{gap:1rem;}
.footer-logo-wrap h3{font-size:1.2rem;line-height:1.15;}
@media(max-width:1100px){
  .KAYEN-brand{min-width:300px;}
  .brand-logo,.custom-logo{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;}
  .brand-text strong{font-size:1.25rem;}
}
@media(max-width:900px){
  .site-header .nav-wrap{min-height:92px;}
  .KAYEN-brand{min-width:0;}
  .brand-logo,.custom-logo{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;}
  .brand-text strong{font-size:1.1rem;}
  .brand-text small{display:none;}
  .main-nav{top:96px;}
}
@media(max-width:560px){
  .site-header .nav-wrap{min-height:78px;}
  .brand-logo,.custom-logo{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;}
  .brand-text strong{font-size:.98rem;}
  .footer-logo{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;}
}

/* === KAYEN FULL RESPONSIVE REFINEMENT PACK === */
html{max-width:100%;overflow-x:hidden}body{overflow-x:hidden}.container{width:min(1180px,calc(100% - 32px))}.site-header{width:100%}.site-header .nav-wrap{gap:1rem}.brand-link{min-width:0}.KAYEN-brand{min-width:0;flex:0 0 auto}.main-nav{min-width:0}.main-nav ul{align-items:center;flex-wrap:nowrap}.main-nav a{display:inline-flex;align-items:center}.btn-donate{white-space:nowrap}.kye-home-slider,.video-hero,.hero{overflow:hidden}.hero-grid,.split-grid,.two-col,.content-layout,.map-layout,.hero-premium-grid,.academy-layout{min-width:0}.hero-grid>* ,.split-grid>* ,.two-col>* ,.content-layout>* ,.map-layout>* ,.hero-premium-grid>* ,.academy-layout>*{min-width:0}.exact-map{width:100%;max-width:100%;overflow:hidden}.karamoja-map-image{width:100%;max-width:100%;height:auto;display:block}.footer-grid-five{align-items:start}.footer-section{min-width:0}.footer-section a{word-break:break-word}.kye-form input,.kye-form select,.kye-form textarea{max-width:100%}.cards,.stats-grid,.dashboard-grid,.ultimate-module-grid,.ultimate-grid,.media-grid,.story-wall,.partner-dashboard,.funding-board,.transparency-grid,.opportunity-grid{min-width:0}.card,.program-card,.story-card,.opportunity,.module-card,.glass-card{min-width:0}

@media (max-width:1180px){
  .container{width:min(1100px,calc(100% - 28px))}
  .site-header .nav-wrap{min-height:90px!important;padding:.75rem 0!important}
  .brand-logo,.custom-logo{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important}
  .brand-text strong{font-size:1.15rem}.brand-text small{max-width:180px;font-size:.72rem}
  .main-nav ul{gap:.58rem!important}.main-nav a{font-size:.79rem!important}.btn-donate{padding:.7rem .95rem!important;font-size:.82rem!important}
  .footer-grid-five{grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:.9rem}
}

@media (max-width:1024px){
  .container{width:calc(100% - 28px)}
  .brand-logo,.custom-logo{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important}
  .brand-text small{display:none}.brand-text strong{font-size:1.05rem}
  .main-nav ul{gap:.45rem!important}.main-nav a{font-size:.74rem!important}.btn-donate{padding:.62rem .78rem!important;font-size:.78rem!important}
  .stats-grid,.dashboard-grid,.ultimate-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cards.three,.cards.six,.opportunity-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .split-grid,.two-col,.content-layout,.map-layout,.hero-premium-grid,.academy-layout{grid-template-columns:1fr!important}
  .exact-map .image-pin{font-size:.62rem;padding:5px 7px}
}

@media (max-width:900px){
  body.menu-open{overflow:hidden}
  .topbar{display:none!important}
  .site-header{position:sticky!important;top:0!important;z-index:9999!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important}
  .site-header .nav-wrap{min-height:82px!important;padding:.55rem 0!important;position:relative!important}
  .brand-logo,.custom-logo{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;border-radius:16px!important}
  .brand-text{display:flex!important}.brand-text strong{font-size:1rem!important;letter-spacing:.05em!important}.brand-text small{display:block!important;font-size:.62rem!important;max-width:150px!important;line-height:1.2!important}
  .menu-toggle{display:inline-grid!important;place-items:center!important;position:relative!important;z-index:10002!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;background:linear-gradient(135deg,#fff,#ffedd5)!important;border:1px solid rgba(249,115,22,.22)!important;box-shadow:0 10px 24px rgba(15,23,42,.12)!important;color:#0f172a!important;font-weight:900!important}
  .main-nav{display:flex!important;position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:translateX(105%)!important;transition:transform .33s ease!important;background:linear-gradient(180deg,#fffaf3 0%,#ecfdf5 100%)!important;border-radius:0!important;padding:96px 22px 30px!important;box-shadow:none!important;z-index:10000!important;overflow-y:auto!important;overflow-x:hidden!important;align-items:stretch!important;flex-direction:column!important;gap:12px!important;visibility:visible!important;opacity:1!important;max-height:none!important}
  .main-nav.open{transform:translateX(0)!important;display:flex!important}
  .main-nav ul{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}
  .main-nav li{width:100%!important;margin:0!important}.main-nav>ul>li>a,.main-nav a:not(.btn){display:flex!important;width:100%!important;justify-content:space-between!important;padding:14px 16px!important;border-radius:16px!important;background:rgba(255,255,255,.86)!important;color:#0f172a!important;font-size:.98rem!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important}
  .main-nav .sub-menu,.main-nav ul ul{display:none!important}
  .main-nav .btn-donate{width:100%!important;margin:8px 0 0!important;padding:14px 16px!important;font-size:1rem!important;border-radius:16px!important;text-align:center!important}
  .kye-home-slider,.kye-slider-track,.kye-slide,.kye-slide-inner{min-height:720px!important;max-height:none!important}.kye-slide-inner{grid-template-columns:1fr!important;padding:88px 0 118px!important}.kye-slide-copy{max-width:100%!important}.kye-slide-copy h1{font-size:clamp(2.25rem,10vw,4rem)!important}.slider-impact-card{max-width:100%!important}
  .section{padding:3.2rem 0!important}.section-head h2{font-size:clamp(1.9rem,7vw,2.8rem)!important}.hero-actions{gap:.65rem!important}.hero-actions .btn{width:auto!important;min-width:150px!important}
  .footer-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}.footer-about{grid-column:1/-1!important}.compact-footer{padding:2.2rem 0 1rem!important}.footer-logo{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important}.compact-contact{justify-content:flex-start!important}
}

@media (max-width:680px){
  .container{width:calc(100% - 22px)}
  .site-header .nav-wrap{min-height:76px!important}.brand-logo,.custom-logo{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important}.brand-text strong{font-size:.92rem!important}.brand-text small{display:none!important}.menu-toggle{width:44px!important;height:44px!important;min-width:44px!important}
  .main-nav{padding:84px 16px 24px!important}.main-nav>ul>li>a,.main-nav a:not(.btn){font-size:.94rem!important;padding:13px 14px!important}
  .kye-home-slider,.kye-slider-track,.kye-slide,.kye-slide-inner{min-height:680px!important}.kye-slide-inner{padding-top:70px!important;padding-bottom:105px!important}.kye-slide-copy h1{font-size:2.55rem!important}.kye-slide-copy p{font-size:1rem!important}.slider-impact-card{display:none!important}.kye-slider-controls{bottom:16px!important;width:calc(100% - 24px)!important}.kye-slider-btn{width:42px!important;height:42px!important;font-size:1.5rem!important}.kye-slider-dots button{width:10px!important;height:10px!important}.kye-slider-dots button.active{width:28px!important}
  .stats-grid,.dashboard-grid,.ultimate-module-grid,.cards.three,.cards.six,.opportunity-grid,.media-grid,.ultimate-grid,.story-wall,.partner-dashboard,.funding-board,.transparency-grid,.course-list{grid-template-columns:1fr!important}
  .form-grid{grid-template-columns:1fr!important}.hero-actions{display:grid!important}.hero-actions .btn{width:100%!important;min-width:0!important}.btn{width:100%!important}
  .exact-map{border-radius:18px!important;padding:4px!important;overflow:visible!important}.karamoja-map-image{border-radius:18px!important}.exact-map .image-pin{font-size:.48rem!important;padding:4px 5px!important;line-height:1!important;box-shadow:0 6px 15px rgba(15,23,42,.18)!important}.exact-map .pin-1{left:61%!important;top:35%!important}.exact-map .pin-2{left:38%!important;top:24%!important}.exact-map .pin-3{left:52%!important;top:14%!important}.exact-map .pin-4{left:40%!important;top:45%!important}.exact-map .pin-5{left:52%!important;top:56%!important}.exact-map .pin-6{left:74%!important;top:51%!important}.exact-map .pin-7{left:63%!important;top:68%!important}.exact-map .pin-8{left:56%!important;top:80%!important}
  .footer-grid-five{grid-template-columns:1fr!important}.footer-logo-wrap{align-items:center!important}.footer-logo{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important}.footer-logo-wrap h3{font-size:1.05rem!important}.footer-section h4{font-size:.98rem!important}.footer-section a{font-size:.88rem!important}.compact-contact{display:grid!important;grid-template-columns:1fr!important;gap:.35rem!important;text-align:left!important}.footer-bottom{display:grid!important;grid-template-columns:1fr!important;text-align:center!important}
}

@media (max-width:380px){
  .brand-logo,.custom-logo{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important}.brand-text strong{font-size:.82rem!important}.kye-slide-copy h1{font-size:2.2rem!important}.section-head h2{font-size:1.85rem!important}.exact-map .image-pin{font-size:.42rem!important;padding:3px 4px!important}.footer-logo-wrap{flex-direction:column!important;align-items:flex-start!important}
}

/* === KAYEN 2026 FINAL DEVICE-RESPONSIVE REBUILD ===
   Fixes mobile distortion, logo scaling, header/menu layout, media overflow, and section responsiveness. */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
body { -webkit-text-size-adjust:100%; }
img, video, iframe, svg { max-width:100%; height:auto; }
.container { width:min(1180px, calc(100% - 40px)); margin-left:auto; margin-right:auto; }
.site-main, .site-header, .site-footer { max-width:100%; overflow-x:clip; }

/* Header: compact, no white logo block, never taller than intended */
.KAYEN-responsive-header,
.site-header.KAYEN-responsive-header {
  position:sticky !important; top:0 !important; z-index:9999 !important;
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(15,23,42,.08);
  box-shadow:0 8px 26px rgba(15,23,42,.06);
}
.site-header .topbar { display:none !important; }
.KAYEN-responsive-header .nav-wrap {
  min-height:86px !important; padding:10px 0 !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:18px !important; position:relative !important;
}
.KAYEN-brand { min-width:0 !important; flex:0 1 auto !important; overflow:hidden !important; }
.brand-link { display:flex !important; align-items:center !important; gap:12px !important; min-width:0 !important; }
.brand-logo,
.custom-logo {
  display:block !important;
  width:78px !important; height:68px !important;
  max-width:78px !important; max-height:68px !important;
  min-width:78px !important; min-height:68px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important; background:transparent !important;
  padding:0 !important; box-shadow:none !important; margin:0 !important;
}
.brand-text { display:flex !important; flex-direction:column !important; line-height:1.08 !important; min-width:0 !important; }
.brand-text strong { font-size:1.1rem !important; font-weight:1000 !important; letter-spacing:.03em !important; color:#006b55 !important; }
.brand-text small { font-size:.72rem !important; font-weight:800 !important; color:#12759b !important; max-width:230px !important; white-space:normal !important; }
.main-nav { display:flex !important; align-items:center !important; gap:.75rem !important; min-width:0 !important; }
.main-nav ul { display:flex !important; align-items:center !important; gap:.65rem !important; flex-wrap:nowrap !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.main-nav li { margin:0 !important; padding:0 !important; }
.main-nav .sub-menu, .main-nav ul ul { display:none !important; }
.main-nav a:not(.btn) { font-size:.82rem !important; font-weight:900 !important; white-space:nowrap !important; padding:8px 2px !important; color:#0f172a !important; }
.btn-donate { white-space:nowrap !important; padding:.72rem 1rem !important; border-radius:12px !important; }
.menu-toggle { display:none !important; }

/* General grids */
.hero-premium-grid, .split-grid, .two-col, .map-layout, .impact-panels, .content-layout, .academy-layout {
  display:grid; min-width:0;
}
.hero-premium-grid > *, .split-grid > *, .two-col > *, .map-layout > *, .impact-panels > *, .content-layout > *, .academy-layout > * { min-width:0; }
.dashboard-grid, .strip-grid, .stats-grid, .cards.three, .cards.six, .opportunity-grid, .media-grid, .ultimate-module-grid, .ultimate-grid, .story-wall, .partner-dashboard, .funding-board, .transparency-grid, .course-list { min-width:0; }
.glass-card, .card, .program-card, .story-card, .opportunity, .module-card, .impact-kpi { min-width:0; }

/* Hero: mobile-safe video/banner */
.video-hero, .premium-hero {
  min-height:calc(100svh - 86px) !important;
  padding:clamp(70px, 10vw, 130px) 0 clamp(70px, 8vw, 110px) !important;
  display:flex !important; align-items:center !important; overflow:hidden !important;
}
.hero-video { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; }
.hero-overlay { position:absolute !important; inset:0 !important; }
.hero-premium-grid { position:relative !important; z-index:2 !important; grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr) !important; align-items:center !important; gap:clamp(1.5rem, 4vw, 3rem) !important; }
.hero-copy h1 { font-size:clamp(2.35rem, 6.5vw, 5rem) !important; line-height:.98 !important; max-width:780px !important; overflow-wrap:break-word !important; }
.hero-copy p { max-width:680px !important; }
.hero-actions { display:flex !important; flex-wrap:wrap !important; gap:.75rem !important; }
.hero-glass-panel { max-width:100% !important; }

/* Project map */
.exact-map { width:100% !important; overflow:hidden !important; border-radius:24px !important; padding:8px !important; }
.karamoja-map-image { width:100% !important; height:auto !important; display:block !important; border-radius:20px !important; }
.exact-map .image-pin { transform-origin:center; }

/* Footer */
.footer-grid-five { display:grid !important; grid-template-columns:1.35fr repeat(4, minmax(0,1fr)) !important; gap:1.1rem !important; }
.footer-section { min-width:0 !important; }
.footer-section a { display:block !important; overflow-wrap:anywhere !important; }
.footer-logo { width:76px !important; height:64px !important; min-width:76px !important; object-fit:contain !important; background:transparent !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; }
.footer-logo-wrap { align-items:center !important; }

@media (max-width:1200px) {
  .container { width:calc(100% - 32px) !important; }
  .brand-logo,.custom-logo { width:72px !important; height:62px !important; max-width:72px !important; max-height:62px !important; min-width:72px !important; min-height:62px !important; }
  .brand-text strong { font-size:1rem !important; }
  .brand-text small { max-width:180px !important; font-size:.66rem !important; }
  .main-nav ul { gap:.45rem !important; }
  .main-nav a:not(.btn) { font-size:.74rem !important; }
  .btn-donate { padding:.62rem .75rem !important; font-size:.78rem !important; }
}

@media (max-width:1024px) {
  .hero-premium-grid, .split-grid, .two-col, .map-layout, .impact-panels, .content-layout, .academy-layout { grid-template-columns:1fr !important; }
  .dashboard-grid, .stats-grid, .cards.three, .cards.six, .opportunity-grid, .media-grid, .ultimate-module-grid, .ultimate-grid, .story-wall, .partner-dashboard, .funding-board, .transparency-grid, .course-list { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
  .strip-grid { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
  .hero-glass-panel { max-width:620px !important; }
}

@media (max-width:900px) {
  body.menu-open { overflow:hidden !important; }
  .KAYEN-responsive-header .nav-wrap { min-height:76px !important; padding:7px 0 !important; }
  .brand-logo,.custom-logo { width:64px !important; height:56px !important; max-width:64px !important; max-height:56px !important; min-width:64px !important; min-height:56px !important; }
  .brand-text strong { font-size:.98rem !important; }
  .brand-text small { font-size:.62rem !important; max-width:165px !important; display:block !important; }
  .menu-toggle {
    display:inline-grid !important; place-items:center !important; width:46px !important; height:46px !important; min-width:46px !important;
    border:0 !important; border-radius:14px !important; background:#fff7ed !important; color:#0f172a !important;
    box-shadow:0 8px 22px rgba(15,23,42,.12) !important; font-size:1.35rem !important; font-weight:900 !important; z-index:10002 !important;
  }
  .main-nav {
    position:fixed !important; inset:0 !important; transform:translateX(105%) !important; transition:transform .3s ease !important;
    display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important;
    background:linear-gradient(180deg,#fffaf3,#ecfdf5) !important; padding:92px 18px 28px !important;
    z-index:10000 !important; overflow-y:auto !important; overflow-x:hidden !important; gap:12px !important;
  }
  .main-nav.open { transform:translateX(0) !important; }
  .main-nav ul { width:100% !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:8px !important; }
  .main-nav li { width:100% !important; }
  .main-nav a:not(.btn), .main-nav>ul>li>a {
    width:100% !important; display:flex !important; justify-content:space-between !important; align-items:center !important;
    padding:14px 15px !important; border-radius:15px !important; background:rgba(255,255,255,.9) !important;
    color:#0f172a !important; font-size:.98rem !important; box-shadow:0 8px 20px rgba(15,23,42,.08) !important;
  }
  .main-nav .btn-donate { width:100% !important; padding:14px 15px !important; font-size:1rem !important; border-radius:15px !important; text-align:center !important; justify-content:center !important; }
  .video-hero, .premium-hero { min-height:auto !important; padding:72px 0 58px !important; }
  .hero-premium-grid { grid-template-columns:1fr !important; gap:1.2rem !important; }
  .hero-copy h1 { font-size:clamp(2.1rem, 9vw, 3.4rem) !important; letter-spacing:-.04em !important; }
  .hero-copy p { font-size:1rem !important; }
  .hero-actions .btn { width:auto !important; min-width:150px !important; }
  .hero-glass-panel { display:block !important; width:100% !important; padding:1rem !important; }
  .section { padding:3rem 0 !important; }
  .section-head h2 { font-size:clamp(1.85rem, 7vw, 2.6rem) !important; }
  .footer-grid-five { grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:1rem !important; }
  .footer-about { grid-column:1 / -1 !important; }
}

@media (max-width:640px) {
  .container { width:calc(100% - 22px) !important; }
  .KAYEN-responsive-header .nav-wrap { min-height:70px !important; }
  .brand-link { gap:8px !important; }
  .brand-logo,.custom-logo { width:54px !important; height:48px !important; max-width:54px !important; max-height:48px !important; min-width:54px !important; min-height:48px !important; }
  .brand-text strong { font-size:.9rem !important; }
  .brand-text small { display:none !important; }
  .menu-toggle { width:42px !important; height:42px !important; min-width:42px !important; }
  .main-nav { padding:84px 14px 24px !important; }
  .video-hero, .premium-hero { padding:58px 0 46px !important; min-height:auto !important; }
  .hero-copy h1 { font-size:2.2rem !important; line-height:1.03 !important; }
  .hero-copy .eyebrow { font-size:.66rem !important; max-width:100% !important; }
  .hero-actions { display:grid !important; grid-template-columns:1fr !important; }
  .hero-actions .btn, .btn { width:100% !important; min-width:0 !important; }
  .hero-mini-stats, .dash-grid { grid-template-columns:1fr 1fr !important; gap:.6rem !important; }
  .dashboard-grid, .stats-grid, .cards.three, .cards.six, .opportunity-grid, .media-grid, .ultimate-module-grid, .ultimate-grid, .story-wall, .partner-dashboard, .funding-board, .transparency-grid, .course-list, .strip-grid { grid-template-columns:1fr !important; }
  .form-grid { grid-template-columns:1fr !important; }
  .exact-map { padding:4px !important; border-radius:16px !important; }
  .karamoja-map-image { border-radius:14px !important; }
  .exact-map .image-pin { font-size:.46rem !important; padding:3px 4px !important; line-height:1 !important; }
  .exact-map .pin-1{left:61%!important;top:35%!important}.exact-map .pin-2{left:38%!important;top:24%!important}.exact-map .pin-3{left:52%!important;top:14%!important}.exact-map .pin-4{left:39%!important;top:45%!important}.exact-map .pin-5{left:52%!important;top:56%!important}.exact-map .pin-6{left:74%!important;top:51%!important}.exact-map .pin-7{left:63%!important;top:68%!important}.exact-map .pin-8{left:56%!important;top:80%!important}
  .footer-grid-five { grid-template-columns:1fr !important; }
  .footer-logo { width:60px !important; height:52px !important; min-width:60px !important; }
  .footer-logo-wrap h3 { font-size:1rem !important; }
  .contact-strip, .compact-contact, .footer-bottom { display:grid !important; grid-template-columns:1fr !important; gap:.4rem !important; text-align:left !important; }
}

@media (max-width:380px) {
  .brand-logo,.custom-logo { width:48px !important; height:42px !important; max-width:48px !important; max-height:42px !important; min-width:48px !important; min-height:42px !important; }
  .brand-text strong { font-size:.78rem !important; }
  .hero-copy h1 { font-size:1.95rem !important; }
  .hero-glass-panel { display:none !important; }
  .exact-map .image-pin { font-size:.38rem !important; padding:2px 3px !important; }
}

/* ==========================================================
   KAYEN FINAL DEVICE RESPONSIVENESS + HEADER LOGO REALIGNMENT
   This final block intentionally overrides earlier theme rules.
   ========================================================== */
:root{
  --KAYEN-header-h: 86px;
  --KAYEN-logo-w: 96px;
  --KAYEN-logo-h: 74px;
}
html, body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body{
  min-width:0!important;
  -webkit-text-size-adjust:100%!important;
}
*, *::before, *::after{ box-sizing:border-box!important; }
img, video, iframe, svg{ max-width:100%!important; height:auto!important; }
.container{
  width:min(1180px, calc(100% - 32px))!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}
.site-header.KAYEN-responsive-header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  width:100%!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.07)!important;
  backdrop-filter:blur(14px)!important;
  overflow:visible!important;
}
.site-header.KAYEN-responsive-header .topbar{ display:none!important; }
.site-header.KAYEN-responsive-header .nav-wrap{
  min-height:var(--KAYEN-header-h)!important;
  height:auto!important;
  padding:8px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  overflow:visible!important;
}
.site-header .KAYEN-brand,
.site-header .brand{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:46%!important;
  overflow:visible!important;
}
.site-header .brand-link{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  text-decoration:none!important;
}
.site-header .brand-logo,
.site-header .custom-logo,
.site-header .custom-logo-link img,
.site-header .brand img{
  display:block!important;
  width:var(--KAYEN-logo-w)!important;
  height:var(--KAYEN-logo-h)!important;
  max-width:var(--KAYEN-logo-w)!important;
  max-height:var(--KAYEN-logo-h)!important;
  min-width:var(--KAYEN-logo-w)!important;
  min-height:var(--KAYEN-logo-h)!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-header .brand-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:260px!important;
  line-height:1.05!important;
  overflow:hidden!important;
}
.site-header .brand-text strong{
  display:block!important;
  font-size:1.2rem!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  color:#064e3b!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.site-header .brand-text small{
  display:block!important;
  margin-top:4px!important;
  font-size:.72rem!important;
  line-height:1.15!important;
  font-weight:850!important;
  color:#0b7890!important;
  max-width:240px!important;
  white-space:normal!important;
}
.site-header .main-nav{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.site-header .main-nav > ul{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}
.site-header .main-nav li{ margin:0!important; padding:0!important; }
.site-header .main-nav .sub-menu,
.site-header .main-nav ul ul{ display:none!important; }
.site-header .main-nav a:not(.btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 2px!important;
  font-size:.82rem!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#0f172a!important;
  white-space:nowrap!important;
}
.site-header .btn-donate{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  padding:12px 16px!important;
  border-radius:14px!important;
  font-size:.86rem!important;
  line-height:1!important;
}
.site-header .menu-toggle{ display:none!important; }
.site-main{ max-width:100%!important; overflow:hidden!important; }
.video-hero,
.premium-hero,
.hero{
  margin-top:0!important;
  min-height:calc(100svh - var(--KAYEN-header-h))!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.hero-premium-grid,
.hero-grid,
.split-grid,
.two-col,
.map-layout,
.impact-panels,
.content-layout,
.academy-layout{
  min-width:0!important;
}
.hero-premium-grid > *,
.hero-grid > *,
.split-grid > *,
.two-col > *,
.map-layout > *,
.impact-panels > *,
.content-layout > *,
.academy-layout > *{
  min-width:0!important;
}
.hero-copy h1,
.section-head h2,
.card h3{
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.exact-map,
.karamoja-map-image{
  max-width:100%!important;
}
.footer-grid-five{
  display:grid!important;
  grid-template-columns:1.25fr repeat(4,minmax(0,1fr))!important;
  gap:clamp(14px,2vw,24px)!important;
}
.site-footer,
.compact-footer{ max-width:100%!important; overflow:hidden!important; }
.footer-section{ min-width:0!important; }
.footer-section a{ overflow-wrap:anywhere!important; }
.footer-logo{
  width:84px!important;
  height:68px!important;
  min-width:84px!important;
  max-width:84px!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}

@media (max-width:1180px){
  :root{ --KAYEN-logo-w:82px; --KAYEN-logo-h:64px; --KAYEN-header-h:78px; }
  .site-header .brand-text strong{ font-size:1.05rem!important; }
  .site-header .brand-text small{ font-size:.66rem!important; max-width:180px!important; }
  .site-header .main-nav > ul{ gap:7px!important; }
  .site-header .main-nav a:not(.btn){ font-size:.72rem!important; }
  .site-header .btn-donate{ padding:10px 12px!important; font-size:.76rem!important; }
}

@media (max-width:980px){
  :root{ --KAYEN-logo-w:76px; --KAYEN-logo-h:58px; --KAYEN-header-h:74px; }
  .site-header .brand{ max-width:70%!important; }
  .site-header .brand-text strong{ font-size:1rem!important; }
  .site-header .brand-text small{ font-size:.64rem!important; max-width:170px!important; }
  body.menu-open{ overflow:hidden!important; }
  .site-header .menu-toggle{
    display:inline-grid!important;
    place-items:center!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border:0!important;
    border-radius:14px!important;
    background:#fff7ed!important;
    color:#0f172a!important;
    box-shadow:0 8px 22px rgba(15,23,42,.14)!important;
    font-size:1.35rem!important;
    font-weight:1000!important;
    z-index:10002!important;
    cursor:pointer!important;
  }
  .site-header .main-nav{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    transform:translateX(105%)!important;
    transition:transform .28s ease!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    background:linear-gradient(180deg,#fffaf3 0%,#ecfdf5 100%)!important;
    padding:92px 16px 26px!important;
    z-index:10000!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    gap:10px!important;
  }
  .site-header .main-nav.open{ transform:translateX(0)!important; }
  .site-header .main-nav > ul{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .site-header .main-nav li{ width:100%!important; }
  .site-header .main-nav a:not(.btn){
    width:100%!important;
    display:flex!important;
    justify-content:space-between!important;
    padding:14px 16px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
    font-size:1rem!important;
    color:#0f172a!important;
  }
  .site-header .main-nav .btn-donate{
    width:100%!important;
    justify-content:center!important;
    padding:15px 16px!important;
    border-radius:16px!important;
    font-size:1rem!important;
  }
  .hero-premium-grid,
  .hero-grid,
  .split-grid,
  .two-col,
  .map-layout,
  .impact-panels,
  .content-layout,
  .academy-layout{
    grid-template-columns:1fr!important;
  }
  .dashboard-grid,
  .stats-grid,
  .cards.three,
  .cards.six,
  .opportunity-grid,
  .media-grid,
  .ultimate-module-grid,
  .ultimate-grid,
  .story-wall,
  .partner-dashboard,
  .funding-board,
  .transparency-grid,
  .course-list,
  .strip-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .video-hero,
  .premium-hero,
  .hero{
    min-height:auto!important;
    padding:68px 0 56px!important;
  }
  .footer-grid-five{ grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .footer-about{ grid-column:1/-1!important; }
}

@media (max-width:640px){
  :root{ --KAYEN-logo-w:58px; --KAYEN-logo-h:46px; --KAYEN-header-h:66px; }
  .container{ width:calc(100% - 22px)!important; }
  .site-header.KAYEN-responsive-header .nav-wrap{ min-height:66px!important; padding:6px 0!important; gap:8px!important; }
  .site-header .brand{ max-width:calc(100% - 54px)!important; }
  .site-header .brand-link{ gap:8px!important; }
  .site-header .brand-text strong{ font-size:.86rem!important; max-width:190px!important; }
  .site-header .brand-text small{ display:none!important; }
  .site-header .menu-toggle{ width:42px!important; height:42px!important; min-width:42px!important; border-radius:13px!important; }
  .site-header .main-nav{ padding:82px 12px 22px!important; }
  .hero-copy h1{ font-size:clamp(2rem, 10vw, 2.8rem)!important; line-height:1.04!important; }
  .hero-copy p{ font-size:1rem!important; }
  .hero-actions{ display:grid!important; grid-template-columns:1fr!important; width:100%!important; }
  .hero-actions .btn,
  .btn{ width:100%!important; min-width:0!important; }
  .hero-glass-panel{ padding:1rem!important; }
  .hero-mini-stats,
  .dash-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .dashboard-grid,
  .stats-grid,
  .cards.three,
  .cards.six,
  .opportunity-grid,
  .media-grid,
  .ultimate-module-grid,
  .ultimate-grid,
  .story-wall,
  .partner-dashboard,
  .funding-board,
  .transparency-grid,
  .course-list,
  .strip-grid,
  .form-grid{
    grid-template-columns:1fr!important;
  }
  .section{ padding:2.75rem 0!important; }
  .exact-map{ padding:4px!important; border-radius:16px!important; overflow:hidden!important; }
  .karamoja-map-image{ border-radius:14px!important; }
  .exact-map .image-pin{ font-size:.45rem!important; padding:3px 4px!important; line-height:1!important; }
  .footer-grid-five{ grid-template-columns:1fr!important; gap:16px!important; }
  .footer-logo{ width:62px!important; height:50px!important; min-width:62px!important; max-width:62px!important; max-height:50px!important; }
  .footer-logo-wrap h3{ font-size:1rem!important; line-height:1.1!important; }
}

@media (max-width:380px){
  :root{ --KAYEN-logo-w:52px; --KAYEN-logo-h:42px; --KAYEN-header-h:62px; }
  .site-header .brand-text strong{ font-size:.78rem!important; max-width:150px!important; }
  .hero-copy h1{ font-size:1.9rem!important; }
  .hero-glass-panel{ display:none!important; }
  .exact-map .image-pin{ font-size:.38rem!important; padding:2px 3px!important; }
}

.site-logo,.custom-logo-link,.brand-logo,.logo-wrap img,.site-branding img{display:none!important;}


/* Uploaded Karamoja project map overlay positions - updated for intervention district map */
.exact-map .pin-1{left:66%!important;top:53%!important}   /* Moroto */
.exact-map .pin-2{left:29%!important;top:46%!important}   /* Kotido */
.exact-map .pin-3{left:44%!important;top:36%!important}   /* Kaabong */
.exact-map .pin-4{left:18%!important;top:62%!important}   /* Abim */
.exact-map .pin-5{left:44%!important;top:66%!important}   /* Napak */
.exact-map .pin-6{left:52%!important;top:78%!important}   /* Nabilatuk */
.exact-map .pin-7{left:62%!important;top:87%!important}   /* Nakapiripirit */
.exact-map .pin-8{left:82%!important;top:86%!important}   /* Amudat */
.exact-map .pin-9{left:31%!important;top:22%!important}   /* Karenga */

/* Final exact district label alignment for uploaded Karamoja intervention map */
.exact-map .image-pin{
  transform:translate(-50%,-50%) !important;
  white-space:nowrap !important;
}
.exact-map .image-pin:hover,
.exact-map .image-pin.active{
  transform:translate(-50%,calc(-50% - 3px)) scale(1.04) !important;
}
.exact-map .pin-1{left:73%!important;top:52.5%!important}  /* Moroto */
.exact-map .pin-2{left:25%!important;top:45%!important}    /* Kotido */
.exact-map .pin-3{left:49%!important;top:31%!important}    /* Kaabong */
.exact-map .pin-4{left:18%!important;top:58%!important}    /* Abim */
.exact-map .pin-5{left:47%!important;top:67%!important}    /* Napak */
.exact-map .pin-6{left:56%!important;top:80%!important}    /* Nabilatuk */
.exact-map .pin-7{left:62%!important;top:88%!important}    /* Nakapiripirit */
.exact-map .pin-8{left:82%!important;top:84%!important}    /* Amudat */
.exact-map .pin-9{left:27%!important;top:19%!important}    /* Karenga */

/* Final generated Karamoja region infographic map used in the interactive project map */
.karamoja-region-map.exact-map{
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.karamoja-region-map.exact-map .karamoja-map-image{
  width:100%!important;
  height:auto!important;
  display:block!important;
  border-radius:24px!important;
}
.karamoja-region-map.exact-map .image-pin{
  position:absolute!important;
  z-index:4!important;
  transform:translate(-50%,-50%)!important;
  padding:6px 10px!important;
  border:0!important;
  border-radius:999px!important;
  background:#123a24!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:.72rem!important;
  line-height:1!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.karamoja-region-map.exact-map .image-pin:hover,
.karamoja-region-map.exact-map .image-pin.active{
  background:#ff7a1a!important;
  transform:translate(-50%,-50%) scale(1.05)!important;
}
/* Coordinates aligned to the generated 1536 x 1024 Karamoja infographic image */
.karamoja-region-map.exact-map .pin-1{left:46.3%!important;top:56.5%!important;}  /* Moroto */
.karamoja-region-map.exact-map .pin-2{left:27.6%!important;top:42.1%!important;}  /* Kotido */
.karamoja-region-map.exact-map .pin-3{left:36.3%!important;top:34.2%!important;}  /* Kaabong */
.karamoja-region-map.exact-map .pin-4{left:23.7%!important;top:53.7%!important;}  /* Abim */
.karamoja-region-map.exact-map .pin-5{left:37.4%!important;top:62.1%!important;}  /* Napak */
.karamoja-region-map.exact-map .pin-6{left:43.6%!important;top:76.8%!important;}  /* Nabilatuk */
.karamoja-region-map.exact-map .pin-7{left:46.6%!important;top:87.8%!important;}  /* Nakapiripirit */
.karamoja-region-map.exact-map .pin-8{left:55.7%!important;top:83.8%!important;}  /* Amudat */
.karamoja-region-map.exact-map .pin-9{left:32.9%!important;top:18.8%!important;}  /* Karenga */
@media (max-width: 768px){
  .karamoja-region-map.exact-map .image-pin{font-size:.44rem!important;padding:3px 5px!important;}
}


/* === KAYEN social floating icons === */
.KAYEN-social-floating{position:fixed;left:18px;bottom:18px;z-index:1000;display:flex!important;flex-direction:column;gap:10px}
.KAYEN-social-icon{width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff!important;font-weight:1000;font-size:1rem;letter-spacing:.02em;text-decoration:none!important;box-shadow:0 16px 35px rgba(15,23,42,.24);transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}
.KAYEN-social-icon:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 44px rgba(15,23,42,.3)}
.facebook-social{background:linear-gradient(135deg,#1877f2,#0b5fcc);font-size:1.35rem}
.x-social{background:linear-gradient(135deg,#111827,#000)}
.bsky-social{background:linear-gradient(135deg,#0285ff,#00a7ff)}
.youtube-social{background:linear-gradient(135deg,#ff0033,#c1121f);font-size:1.2rem}
@media(max-width:640px){.KAYEN-social-floating{left:12px;bottom:12px}.KAYEN-social-icon{width:46px;height:46px;font-size:.85rem}}

/* === KAYEN official uploaded logo: responsive header/footer display === */
.site-header .brand-logo,
.site-header .custom-logo,
.site-header .custom-logo-link img,
.footer-logo{
  display:block!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.site-header .brand-link{
  display:flex!important;
  align-items:center!important;
  gap:.6rem!important;
  min-width:0!important;
}
.site-header .brand-logo{
  width:clamp(135px, 18vw, 220px)!important;
  height:auto!important;
  max-width:220px!important;
  min-width:135px!important;
  max-height:88px!important;
}
.site-header .brand-text{display:none!important;}
.KAYEN-brand{min-width:0!important;flex:0 1 auto!important;}
.footer-logo{
  width:clamp(150px, 20vw, 230px)!important;
  height:auto!important;
  max-width:230px!important;
  max-height:92px!important;
}
.footer-logo-wrap{align-items:center!important;gap:.75rem!important;}
@media(max-width:1024px){
  .site-header .brand-logo{width:clamp(120px, 23vw, 190px)!important;max-width:190px!important;}
}
@media(max-width:640px){
  .site-header .nav-wrap{min-height:64px!important;}
  .site-header .brand-logo{width:132px!important;min-width:132px!important;max-width:132px!important;max-height:56px!important;}
  .footer-logo{width:160px!important;max-width:160px!important;}
}
@media(max-width:380px){
  .site-header .brand-logo{width:112px!important;min-width:112px!important;max-width:112px!important;}
  .menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;}
}

/* District interactive profile enhancements */
.map-info ul{display:grid;gap:.55rem;margin:1rem 0;padding-left:1.1rem}.map-read-more{margin-top:.7rem}.district-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.district-focus-card{grid-column:1/-1}.district-facts ul,.district-challenges{display:grid;gap:.7rem}.district-profile-hero .btn{margin-top:1rem}@media(max-width:800px){.district-profile-grid{grid-template-columns:1fr}.map-info{margin-top:1rem}}

/* === KAYEN map profile fit update: keep district content inside map height === */
.project-map .map-layout{
  align-items:stretch!important;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;
}
.project-map .karamoja-region-map.exact-map,
.project-map .map-info{
  height:100%!important;
}
.project-map .map-info{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:clamp(18px,2vw,26px)!important;
  border-radius:24px!important;
}
.project-map .map-info-content{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:8px!important;
  scrollbar-width:thin!important;
}
.project-map .map-info-content::-webkit-scrollbar{width:7px!important;}
.project-map .map-info-content::-webkit-scrollbar-track{background:rgba(15,23,42,.06)!important;border-radius:999px!important;}
.project-map .map-info-content::-webkit-scrollbar-thumb{background:rgba(17,163,106,.45)!important;border-radius:999px!important;}
.project-map .map-info .pill{
  font-size:.68rem!important;
  padding:5px 9px!important;
  margin-bottom:6px!important;
}
.project-map .map-info h3{
  font-size:clamp(1.25rem,2vw,1.65rem)!important;
  line-height:1.08!important;
  margin:.45rem 0 .55rem!important;
}
.project-map .map-info p{
  font-size:.88rem!important;
  line-height:1.42!important;
  margin:.35rem 0 .75rem!important;
  color:#334155!important;
}
.project-map .map-info ul{
  display:grid!important;
  gap:.45rem!important;
  margin:.6rem 0 0!important;
  padding:0!important;
  list-style:none!important;
}
.project-map .map-info li{
  margin:0!important;
  padding:.58rem .68rem!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(15,23,42,.06)!important;
  font-size:.8rem!important;
  line-height:1.35!important;
}
.project-map .map-info li b{
  display:block!important;
  margin-bottom:2px!important;
  font-size:.72rem!important;
  color:#0f5132!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.project-map .map-read-more{
  flex:0 0 auto!important;
  width:100%!important;
  margin:12px 0 0!important;
  padding:.78rem 1rem!important;
  font-size:.9rem!important;
  border-radius:16px!important;
}
@media(max-width:980px){
  .project-map .map-layout{grid-template-columns:1fr!important;}
  .project-map .map-info{max-height:420px!important;height:auto!important;}
  .project-map .map-info-content{max-height:330px!important;}
}
@media(max-width:640px){
  .project-map .map-info{padding:16px!important;max-height:390px!important;}
  .project-map .map-info-content{max-height:300px!important;}
  .project-map .map-info p{font-size:.84rem!important;}
  .project-map .map-info li{font-size:.78rem!important;padding:.52rem .6rem!important;}
}

/* KAYEN update: removed impact dashboard subtitle and tightened spacing */
.impact-dashboard .section-head { margin-bottom: 24px; }
.impact-dashboard .section-head h2 { margin-bottom: 0; }
@media (max-width: 768px) { .impact-dashboard .section-head { margin-bottom: 18px; } }

/* AITASI footer credit */
.aitasi-credit{font-weight:800;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);transition:.2s ease;}
.aitasi-credit:hover{color:#ffc845;border-bottom-color:#ffc845;}
@media(max-width:560px){.aitasi-credit{display:inline-block;margin-top:.2rem;}}

/* KAYEN no extra gap after removed Key focus areas headings */
.section-head:empty{display:none!important;margin:0!important;padding:0!important;}

.flutterwave-donation-form .gateway-note{font-size:.82rem;color:#475467;margin:.8rem 0 0}.donation-form-card .btn-full{margin-top:1rem}.flutterwave-donation-form input,.flutterwave-donation-form select,.flutterwave-donation-form textarea{background:#fff}.donation-form-card .notice-success{color:#067647!important;background:#ecfdf3!important;border:1px solid #abefc6!important}

/* === KAYEN clean logo integration: keep original emblem visible without distortion === */
.site-header .brand-link,
.footer-logo-wrap{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
.site-header .brand-logo,
.site-header .custom-logo,
.site-header .custom-logo-link img{
  display:block!important;
  width:86px!important;
  height:86px!important;
  min-width:86px!important;
  max-width:86px!important;
  min-height:86px!important;
  max-height:86px!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:1/1!important;
  background:#fff!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
}
.site-header .nav-wrap{
  min-height:94px!important;
  overflow:visible!important;
}
.site-header .brand-text{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.1!important;}
.site-header .brand-text strong{font-size:1rem!important;letter-spacing:.06em!important;white-space:nowrap!important;}
.site-header .brand-text small{font-size:.72rem!important;max-width:220px!important;white-space:normal!important;}
.footer-logo{
  display:block!important;
  width:110px!important;
  height:110px!important;
  min-width:110px!important;
  max-width:110px!important;
  min-height:110px!important;
  max-height:110px!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:1/1!important;
  background:#fff!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
}
.footer-logo-wrap h3{margin:0!important;line-height:1.15!important;}
@media(max-width:1024px){
  .site-header .brand-logo,.site-header .custom-logo,.site-header .custom-logo-link img{width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;min-height:76px!important;max-height:76px!important;}
  .site-header .nav-wrap{min-height:84px!important;}
}
@media(max-width:640px){
  .site-header .brand-logo,.site-header .custom-logo,.site-header .custom-logo-link img{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;}
  .site-header .nav-wrap{min-height:66px!important;}
  .site-header .brand-text small{display:none!important;}
  .footer-logo{width:78px!important;height:78px!important;min-width:78px!important;max-width:78px!important;min-height:78px!important;max-height:78px!important;}
}
@media(max-width:380px){
  .site-header .brand-logo,.site-header .custom-logo,.site-header .custom-logo-link img{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;min-height:52px!important;max-height:52px!important;}
  .site-header .brand-text strong{font-size:.82rem!important;}
}


/* KAYEN v3.1 responsive dropdown navigation */
@media (min-width: 901px){
.site-header .main-nav>ul>li{position:relative!important}
.site-header .main-nav>ul>li.menu-item-has-children>a:after{content:"⌄"!important;display:inline-block!important;margin-left:6px!important;font-size:.8em!important;transition:transform .2s ease!important}
.site-header .main-nav .sub-menu,.site-header .main-nav ul ul{display:block!important;position:absolute!important;top:calc(100% + 10px)!important;left:50%!important;transform:translate(-50%,10px)!important;min-width:245px!important;width:max-content!important;max-width:320px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:18px!important;padding:10px!important;margin:0!important;box-shadow:0 24px 60px rgba(15,23,42,.18)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,transform .2s ease,visibility .2s!important;z-index:10020!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important}
.site-header .main-nav>ul>li:hover>.sub-menu,.site-header .main-nav>ul>li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
.site-header .main-nav .sub-menu li{display:block!important;width:100%!important}
.site-header .main-nav .sub-menu a{display:flex!important;width:100%!important;padding:10px 13px!important;border-radius:11px!important;font-size:.84rem!important;line-height:1.25!important;white-space:nowrap!important;color:#0f172a!important}
.site-header .main-nav .sub-menu a:hover,.site-header .main-nav .sub-menu a:focus{background:#fff7ed!important;color:#c2410c!important}
}
@media (max-width: 900px){
.site-header .main-nav .sub-menu,.site-header .main-nav ul ul{display:flex!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:100%!important;min-width:0!important;max-width:none!important;background:rgba(255,255,255,.55)!important;border:0!important;border-radius:14px!important;box-shadow:none!important;margin:5px 0 9px!important;padding:6px 6px 6px 18px!important;flex-direction:column!important;gap:4px!important}
.site-header .main-nav .sub-menu li{width:100%!important}
.site-header .main-nav .sub-menu a{display:block!important;width:100%!important;padding:10px 12px!important;font-size:.88rem!important;background:transparent!important;box-shadow:none!important;border-left:3px solid rgba(249,115,22,.35)!important;border-radius:8px!important}
.site-header .main-nav li.menu-item-has-children>a:after{content:""!important}
}
