/* KP Jaluo Abroad — public website foundation */
:root{--navy:#0e3e73;--navy-2:#154477;--gold:#d8ad62;--gold-light:#f3dfb7;--cream:#f7f4ed;--paper:#fffdf8;--ink:#182633;--muted:#687581;--line:#e6e0d5;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:var(--sans);line-height:1.65;background:var(--paper)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{height:86px;position:sticky;top:0;z-index:50;background:rgba(255,253,248,.97);border-bottom:1px solid rgba(14,62,115,.08);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand img{width:55px;height:55px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.3}.brand strong{font-size:15px;letter-spacing:1.5px;color:var(--navy)}.brand small{font-size:8px;letter-spacing:1px;color:#9a7945;margin-top:5px}.primary-nav{display:flex;align-items:center;gap:25px}.primary-nav a{font-size:12px;font-weight:700;color:#354555;transition:.2s}.primary-nav a:hover{color:#a9792d}.primary-nav .nav-cta{background:var(--navy);color:#fff;padding:11px 18px;border-radius:3px}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}
.hero{min-height:630px;position:relative;overflow:hidden;display:flex;align-items:center;color:#fff;background:linear-gradient(105deg,rgba(7,35,68,.96),rgba(14,62,115,.82) 55%,rgba(14,62,115,.45)),url('https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=2000&q=85') center 48%/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(216,173,98,.10));pointer-events:none}.hero-content{position:relative;z-index:2;padding:100px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:10px;font-weight:700;color:var(--gold);margin:0 0 18px}.eyebrow-dark{color:#a77a38}.hero h1{font:600 clamp(46px,6.5vw,78px)/1.08 var(--serif);letter-spacing:-1.5px;margin:0 0 22px;max-width:720px}.hero h1 span{color:#e7c27f}.hero-lead{font-size:16px;line-height:1.8;color:#e1e8ed;max-width:570px;margin:0 0 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:16px;padding:14px 20px;font-size:11px;font-weight:700;letter-spacing:.4px;border-radius:2px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#1d2b35}.btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff}.btn-navy{background:var(--navy);color:white}.hero-note{margin-top:54px;font-size:10px;letter-spacing:1.2px;color:#c9d3dc;text-transform:uppercase}.hero-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px}.hero-mark{position:absolute;right:8%;bottom:-105px;font:700 360px/.9 var(--serif);color:rgba(255,255,255,.045);pointer-events:none}
.section-pad{padding:100px 0}.intro-section{background:var(--cream)}.intro-grid,.participate-grid,.coming-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}.intro-grid h2,.section-heading h2,.participate-grid h2,.coming-grid h2,.archive-inner h2,.stories-inner h2{font:600 clamp(34px,4vw,49px)/1.17 var(--serif);letter-spacing:-.6px;color:var(--navy);margin:0}.intro-grid h2 em,.section-heading h2 em,.participate-grid h2 em,.coming-grid h2 em,.stories-inner h2 em{font-weight:500;color:#b48645}.intro-copy p{color:#64717b;font-size:14px}.intro-copy .lead,.lead{font:500 19px/1.65 var(--serif);color:#354654}.text-link{display:inline-block;margin-top:15px;font-size:12px;font-weight:700;color:#9b702f;border-bottom:1px solid #d9bd8c;padding-bottom:5px}
.explore-section{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading>p{max-width:380px;color:var(--muted);font-size:13px;margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{min-height:245px;background:var(--cream);padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent;transition:.25s}.feature-card:hover{background:#fff;border-color:#dfc89e;transform:translateY(-4px);box-shadow:0 14px 35px rgba(25,45,60,.07)}.feature-large{background:var(--navy);color:white}.feature-large:hover{background:#174b7f}.feature-number{font:500 12px var(--serif);color:#b58b4c}.feature-card:not(.feature-large) .feature-number{color:#b58b4c}.feature-kicker{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#a47a3c;font-weight:700}.feature-card h3{font:600 22px/1.2 var(--serif);margin:9px 0;color:var(--navy)}.feature-large h3{color:white}.feature-card p{font-size:11px;line-height:1.7;color:#6c7881;margin:0 0 18px}.feature-large p{color:#d2dce4}.card-arrow{font-size:10px;font-weight:700;color:#a47a3c}.feature-large .card-arrow{color:#e4c27f}
.communities-section{background:var(--navy);color:white}.section-heading-light h2{color:white}.section-heading-light h2 em{color:#e1bd7b}.section-heading-light>p{color:#c0ccd5}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.country-grid a{padding:23px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;transition:.2s}.country-grid a:hover{background:rgba(255,255,255,.13);border-color:rgba(224,190,126,.6)}.country-grid a>span{grid-row:span 3;font-size:27px}.country-grid strong{font:600 19px var(--serif)}.country-grid small{font-size:10px;color:#c0ccd5}.country-grid b{font-size:10px;color:#e2bd7d;margin-top:8px}.small-note{font-size:10px;color:#b8c6d0;margin:22px 0 0;max-width:850px}
.participate-section{background:var(--cream)}.participate-grid>div:nth-child(2) p:not(.lead){font-size:13px;color:var(--muted);margin-bottom:25px}.archive-banner{background:linear-gradient(100deg,rgba(5,31,53,.97),rgba(14,62,115,.87)),url('https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=1800&q=80') center/cover;color:white;padding:75px 0}.archive-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.archive-inner h2{color:white}.archive-inner>div:first-child>p:last-child{font-size:13px;color:#d3dde5;max-width:510px;margin-bottom:0}.archive-seal{width:160px;height:160px;border:1px solid rgba(226,190,126,.7);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e7c47f;transform:rotate(-10deg)}.archive-seal span{font:600 58px var(--serif);line-height:1}.archive-seal small{font-size:8px;letter-spacing:2px;text-align:center;margin-top:7px}
.coming-section{background:#fffdf8}.coming-grid{align-items:center}.coming-list>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:17px 0}.coming-list>div>span{font:500 12px var(--serif);color:#b48b4c}.coming-list p{display:flex;flex:1;flex-direction:column;margin:0}.coming-list strong{font:600 17px var(--serif);color:var(--navy)}.coming-list small{font-size:10px;color:var(--muted)}.coming-list b{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#a17b43;text-align:right}
.stories-section{background:#f1e9da;color:white;padding:80px 0}.stories-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.stories-inner h2{color:var(--navy)}.stories-inner>div>p:not(.eyebrow){color:#687581;font-size:13px;max-width:470px;margin:20px 0}.stories-logo{width:min(250px,30%);max-height:220px;object-fit:contain;mix-blend-mode:multiply}
.site-footer{background:#082f58;color:#d5dfe6;padding:60px 0 0}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:45px}.footer-brand img{width:55px;height:55px;object-fit:contain;float:left;margin:0 12px 12px 0}.footer-brand>div{display:flex;flex-direction:column;padding-top:8px}.footer-brand strong{font-size:13px;letter-spacing:1.5px;color:#f0d29a}.footer-brand small{font-size:8px;letter-spacing:1px}.footer-brand p{clear:both;font-size:11px;color:#aebdc9;max-width:270px;padding-top:12px}.footer-top h4{font:600 16px var(--serif);color:#f0d29a;margin:0 0 17px}.footer-top>div:not(:first-child) a{display:block;font-size:11px;color:#c2ced7;margin:10px 0}.footer-top a:hover{color:#f0d29a}.footer-social{font-size:11px;color:#aebdc9}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#9eafbd}
@media(max-width:1000px){.primary-nav{gap:14px}.primary-nav a{font-size:10px}.feature-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.participate-grid,.coming-grid{gap:45px}.footer-top{gap:25px}}
@media(max-width:760px){.container{width:min(100% - 34px,600px)}.site-header{height:72px}.brand{min-width:0}.brand img{width:46px;height:46px}.brand strong{font-size:13px}.brand small{font-size:7px}.menu-toggle{display:block;cursor:pointer}.primary-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fffdf8;padding:16px 24px 22px;box-shadow:0 15px 25px rgba(0,0,0,.1);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{font-size:13px;padding:12px 4px;border-bottom:1px solid var(--line)}.primary-nav .nav-cta{text-align:center;margin-top:12px;border:0}.hero{min-height:590px;background-position:58% center}.hero-content{padding:80px 0}.hero h1{font-size:clamp(43px,12vw,64px)}.hero-lead{font-size:14px}.hero-mark{font-size:230px;right:-15px;bottom:-60px}.section-pad{padding:70px 0}.intro-grid,.participate-grid,.coming-grid{grid-template-columns:1fr;gap:22px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.feature-grid{gap:10px}.feature-card{padding:18px;min-height:225px}.feature-card h3{font-size:19px}.feature-card p{font-size:10px}.country-grid{grid-template-columns:repeat(2,1fr);gap:9px}.country-grid a{padding:15px;grid-template-columns:32px 1fr}.country-grid a>span{font-size:22px}.country-grid strong{font-size:17px}.country-grid small{font-size:9px}.archive-inner{align-items:flex-start}.archive-seal{width:110px;height:110px;flex-shrink:0}.archive-seal span{font-size:40px}.archive-seal small{font-size:6px}.coming-list b{max-width:95px;line-height:1.4}.stories-inner{align-items:flex-start}.stories-logo{width:28%;margin-top:30px}.footer-top{grid-template-columns:repeat(2,1fr);gap:30px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}}
@media(max-width:420px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:185px}.hero-actions{align-items:stretch;flex-direction:column;max-width:270px}.btn{justify-content:space-between}.country-grid{grid-template-columns:1fr}.archive-seal{display:none}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}


/* =========================================================
   KP JALUO ABROAD — VERSION 2.0 BRAND & HOMEPAGE LAYER
   Existing foundation retained; these rules refine the UI.
========================================================= */
:root{--navy:#0b396b;--navy-2:#154477;--gold:#c49a58;--gold-light:#efd7a7;--cream:#f5f1e8;--paper:#fffdf9;--ink:#182633;--muted:#687581}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:#fff;color:var(--navy);padding:12px 16px}
.skip-link:focus{left:12px}
.site-header{height:88px;box-shadow:0 5px 24px rgba(8,35,56,.045)}
.brand{gap:15px;min-width:290px}
.brand img{width:58px;height:58px}
.brand strong{font-size:16px;letter-spacing:2px}
.brand small{font-size:9px;letter-spacing:1.05px;color:#a77a3b;font-weight:700}
.primary-nav{gap:21px}
.primary-nav a{font-size:11px}
.primary-nav .nav-cta{padding:12px 17px;box-shadow:0 5px 14px rgba(14,62,115,.12)}
.hero{min-height:660px;background-position:center 45%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,35,68,.97) 0%,rgba(14,62,115,.88) 47%,rgba(14,62,115,.35) 100%);z-index:1}
.hero-content{padding:105px 0 120px}
.hero-overline{display:flex;align-items:center;gap:10px;color:#f1d9ad;text-transform:uppercase;letter-spacing:2.6px;font-size:10px;font-weight:700;margin:0 0 22px}
.hero-overline span{width:28px;height:1px;background:var(--gold)}
.hero-motto{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#e6c58e;margin:0 0 20px}
.hero-motto i{display:inline-block;width:22px;height:1px;background:#c49a58;vertical-align:middle;margin:0 9px}
.hero h1{font-size:clamp(48px,6.8vw,82px);max-width:800px;line-height:1.04;margin-bottom:25px}
.hero h1 span{color:#e8c88f}
.hero-lead{font-size:16px;max-width:590px;color:#e1e8ed}
.hero-actions{gap:15px}
.btn{padding:15px 22px;font-size:11px}
.btn-gold{background:#d2aa69;color:#172b3b}
.btn-gold:hover{background:#e1bd83}
.hero-note{margin-top:48px}
.hero-watermark{position:absolute;z-index:1;right:7%;bottom:-110px;font:700 370px/.9 var(--serif);color:rgba(255,255,255,.055);pointer-events:none}
.hero-bottomline{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:18px max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;gap:18px;background:rgba(3,22,39,.24);border-top:1px solid rgba(255,255,255,.13);font-size:8px;letter-spacing:2px;color:#e5d2ad}
.hero-bottomline .line{height:1px;width:42px;background:rgba(218,183,124,.65)}
.identity-ribbon{background:#0b396b;color:#e9d5b2;border-bottom:1px solid rgba(255,255,255,.12)}
.identity-ribbon-inner{display:flex;justify-content:space-between;gap:20px;padding:19px 0}
.identity-ribbon-inner span{font-size:9px;letter-spacing:1.7px;font-weight:700}
.identity-ribbon-inner b{color:#d6ae70;margin-right:8px}
.section-pad{padding:92px 0}
.intro-section{background:#f5f1e8}
.intro-grid h2,.section-heading h2,.participate-grid h2,.coming-grid h2,.archive-inner h2,.stories-inner h2{font-size:clamp(36px,4.2vw,52px)}
.intro-mark{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:9px 14px;border:1px solid #ddc89f;color:#a77b3d;font:600 18px var(--serif);letter-spacing:1px}
.intro-mark span{font:700 8px var(--sans);letter-spacing:1.8px;color:#6d7780}
.intro-copy p{font-size:13px;line-height:1.9}
.intro-copy .lead{font-size:20px;color:#233b4d}
.eyebrow{letter-spacing:2.4px}
.explore-section{background:#fffdf9}
.section-heading{margin-bottom:40px}
.feature-grid{gap:13px}
.feature-card{min-height:255px;padding:25px 23px;border-color:#eee8dd}
.feature-card:hover{box-shadow:0 18px 42px rgba(14,43,65,.09)}
.feature-card h3{font-size:21px}
.feature-card p{font-size:11px;line-height:1.8}
.communities-section{background:linear-gradient(135deg,#0e3e73,#154477)}
.country-tools{display:grid;grid-template-columns:1fr minmax(220px,340px) auto;gap:16px;align-items:center;margin:0 0 20px}
.country-tools label{font:600 15px var(--serif);color:#fff}
.country-tools input{width:100%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.09);color:#fff;padding:12px 14px;border-radius:2px;font:12px var(--sans);outline:none}
.country-tools input::placeholder{color:#c4d0da}
.country-tools input:focus{border-color:#e0bd7d;box-shadow:0 0 0 3px rgba(224,189,125,.13)}
.country-tools>span{font-size:9px;color:#c4d0da;text-align:right}
.country-grid a{min-height:110px}
.country-grid a[hidden]{display:none}
.small-note{font-size:10px;line-height:1.8}
.heritage-section{background:#f8f5ee}
.heritage-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}
.heritage-panels{display:grid;gap:0}
.heritage-panels article{padding:20px 0;border-bottom:1px solid #e1d9cb}
.heritage-panels article:first-child{padding-top:0}
.heritage-panels article span{font-size:8px;letter-spacing:1.8px;color:#a47a3c;font-weight:800}
.heritage-panels h3{font:600 21px var(--serif);color:var(--navy);margin:7px 0}
.heritage-panels p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}
.participate-section{background:#eee6d8}
.participate-grid>div:nth-child(2) p:not(.lead){line-height:1.9}
.archive-banner{position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(4,28,49,.98),rgba(8,49,80,.91)),url('https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=1800&q=80') center/cover}
.archive-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,rgba(208,168,103,.13),transparent 30%);pointer-events:none}
.archive-inner{position:relative;z-index:1}
.archive-inner h2{font-size:clamp(38px,4.5vw,55px)}
.archive-link{display:inline-block;margin-top:20px;color:#e8c88f;font-size:11px;font-weight:700;border-bottom:1px solid rgba(232,200,143,.5);padding-bottom:5px}
.archive-link span{margin-left:8px}
.coming-section{background:#fffdf9}
.opportunity-intro{max-width:390px;color:#687581;font-size:13px;line-height:1.9;margin-top:22px}
.coming-list>div{padding:19px 0}
.coming-list b{font-size:8px;letter-spacing:1.2px}
.stories-section{background:#f1e9da}
.stories-inner h2{color:var(--navy)}
.stories-inner>div>p:not(.eyebrow){line-height:1.9}
.site-footer{background:#082f58}
.footer-brand small{color:#e3c28b;letter-spacing:1px;line-height:1.7}
.footer-bottom{font-size:9px;letter-spacing:.5px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d2aa69;outline-offset:3px}
@media(max-width:1000px){.brand{min-width:250px}.primary-nav{gap:12px}.primary-nav a{font-size:10px}.country-tools{grid-template-columns:1fr 1fr}.country-tools>span{grid-column:1/-1;text-align:left}}
@media(max-width:760px){
 .site-header{height:76px}.brand{gap:9px}.brand img{width:47px;height:47px}.brand strong{font-size:13px;letter-spacing:1.3px}.brand small{font-size:7px;letter-spacing:.6px}
 .primary-nav{top:76px}.hero{min-height:620px;background-position:60% center}.hero-content{padding:76px 0 105px}.hero-motto{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:clamp(43px,11vw,64px)}.hero-lead{font-size:14px}.hero-watermark{font-size:240px;right:-10px;bottom:-65px}.hero-bottomline{gap:9px;padding:14px 18px}.hero-bottomline span{font-size:7px;letter-spacing:1px}.hero-bottomline .line{width:18px}
 .identity-ribbon-inner{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0}.identity-ribbon-inner span{font-size:8px}
 .section-pad{padding:70px 0}.heritage-layout{grid-template-columns:1fr;gap:30px}.country-tools{grid-template-columns:1fr;gap:9px}.country-tools>span{grid-column:auto}.country-tools label{font-size:14px}.country-grid{grid-template-columns:repeat(2,1fr)}
 .archive-inner{gap:18px}.archive-seal{width:110px;height:110px}.archive-seal span{font-size:40px}.archive-seal small{font-size:6px}
}
@media(max-width:420px){.hero-motto{font-size:7px}.hero-bottomline{justify-content:center}.hero-bottomline .line{width:10px}.country-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:190px}}



/* =========================================================
   V2.0.1 VISUAL PATCH — LOCAL BRAND ASSETS & REGIONAL IMAGERY
   All primary images are stored locally; no external image host required.
========================================================= */
.hero{
  background-image:
    linear-gradient(90deg,rgba(7,35,68,.92) 0%,rgba(5,35,59,.72) 43%,rgba(5,35,59,.10) 100%),
    url('../images/lake-victoria-hero.webp');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.hero:after{
  background:
    linear-gradient(90deg,rgba(4,27,47,.16),transparent 70%),
    url('../images/kp-jaluo-logo.png') no-repeat right 7% bottom -90px/270px auto;
  opacity:.10;
}
.brand img{width:60px;height:60px;object-fit:contain;flex:0 0 60px}
.footer-brand img{object-fit:contain}
.communities-section{
  background:
    linear-gradient(105deg,rgba(5,35,61,.97),rgba(7,48,78,.88)),
    url('../images/community-gathering.webp') center 44%/cover no-repeat;
}
.archive-banner{
  background:
    linear-gradient(105deg,rgba(4,28,49,.96),rgba(8,49,80,.76)),
    url('../images/community-gathering.webp') center 46%/cover no-repeat;
}
.stories-logo{object-fit:contain;max-width:180px;max-height:180px}
@media(max-width:760px){
 .brand img{width:48px;height:48px;flex-basis:48px}
 .hero{background-position:58% center}
 .hero:after{background:none}
}

/* =========================================================
   V2.1 — REGIONAL & COUNTRY DIRECTORY PAGES
========================================================= */
.region-page-hero,.country-hero{position:relative;overflow:hidden;color:#fff;background:#0e3e73}
.region-page-hero{min-height:390px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(7,35,68,.96),rgba(14,62,115,.72)),url('../images/lake-victoria-hero.webp') center 48%/cover no-repeat}
.region-page-hero-inner{position:relative;z-index:1;padding:72px 0}
.region-page-hero h1,.country-hero h1{font:600 clamp(42px,6vw,70px)/1.08 var(--serif);letter-spacing:-1px;margin:0 0 18px;color:#fff}
.region-page-hero h1 em{color:#e5bf7b;font-weight:500}
.region-page-hero-inner>p:not(.eyebrow){max-width:640px;color:#e0e8ee;font-size:15px;line-height:1.85}
.region-hero-meta{display:flex;align-items:center;gap:12px;margin-top:30px;color:#e5c58e;font-size:9px;font-weight:800;letter-spacing:2px}
.region-hero-meta i{width:32px;height:1px;background:#c49a58}
.region-directory{background:#f8f5ee}
.region-search-wrap{display:grid;grid-template-columns:1fr minmax(260px,420px) auto;align-items:center;gap:16px;margin:0 0 24px}
.region-search-wrap label{font:600 16px var(--serif);color:var(--navy)}
.region-search-wrap input{width:100%;padding:13px 15px;border:1px solid #d9d0c1;background:#fffdf9;border-radius:3px;font:12px var(--sans);color:var(--ink)}
.region-search-wrap input:focus{outline:3px solid rgba(196,154,88,.2);border-color:#b98b48}
.region-search-wrap span{font-size:10px;color:#7b8790;text-align:right}
.region-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.region-card{display:flex;flex-direction:column;min-height:275px;padding:23px;background:#fffdf9;border:1px solid #e7dfd1;box-shadow:0 7px 20px rgba(17,44,64,.035);transition:transform .2s,box-shadow .2s,border-color .2s}
.region-card:hover{transform:translateY(-4px);border-color:#d0ad73;box-shadow:0 15px 30px rgba(17,44,64,.09)}
.region-card[hidden]{display:none}
.region-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.region-flag{font-size:31px;line-height:1}
.region-status{font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#9c743b;background:#f4ecdd;padding:6px 8px}
.region-card h3{font:600 23px var(--serif);color:var(--navy);margin:19px 0 8px}
.region-card p{font-size:11px;line-height:1.8;color:#66737d;margin:0 0 18px}
.region-card-link{margin-top:auto;padding-top:12px;border-top:1px solid #eee8dd;color:#9b702f;font-size:10px;font-weight:800;display:flex;justify-content:space-between}
.directory-disclaimer{max-width:900px;margin:25px 0 0;color:#7b858d;font-size:10px;line-height:1.8}
.region-contribute{background:#0e3e73;color:#fff;padding:65px 0}
.region-contribute-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.region-contribute h2,.country-next h2{font:600 clamp(32px,4vw,46px)/1.2 var(--serif);margin:0;color:#fff}
.region-contribute h2{color:#fff}
.region-contribute-inner>div:nth-child(2)>p{font-size:13px;line-height:1.9;color:#d4dfe7;margin-top:0}
.country-hero{min-height:470px;display:flex;align-items:center}
.country-hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,35,68,.96),rgba(14,62,115,.76) 60%,rgba(14,62,115,.35)),url('../images/lake-victoria-hero.webp') center 48%/cover no-repeat}
.country-hero-content{position:relative;z-index:1;padding:58px 0 70px}
.back-to-regions{display:inline-block;color:#e5c58e;font-size:11px;font-weight:700;margin-bottom:28px}
.country-title-row{display:flex;align-items:center;gap:22px}
.country-flag-large{display:grid;place-items:center;width:88px;height:88px;border:1px solid rgba(235,202,148,.55);background:rgba(255,255,255,.08);border-radius:50%;font-size:49px;flex:0 0 88px}
.country-hero .eyebrow{margin-bottom:8px}
.country-hero h1{margin:0;font-size:clamp(42px,5.5vw,64px)}
.country-status-pill{display:inline-block;margin-top:10px;padding:5px 10px;background:rgba(221,184,119,.16);border:1px solid rgba(221,184,119,.45);color:#f0d5a8;font-size:8px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800}
.country-intro{max-width:760px;margin:27px 0 0;color:#e1e8ee;font-size:15px;line-height:1.9}
.country-content{background:#f8f5ee}
.country-content-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:65px;align-items:start}
.country-main-column>h2{font:600 clamp(34px,4vw,48px)/1.18 var(--serif);color:var(--navy);margin:0 0 30px}
.country-main-column>h2 em{color:#b48645;font-weight:500}
.community-profile-list{display:grid;gap:12px}
.community-profile{display:flex;gap:15px;padding:21px;background:#fffdf9;border:1px solid #e7dfd1}
.community-profile-mark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#f3ead9;color:#a77a3b}
.community-profile h3{font:600 19px var(--serif);color:var(--navy);margin:0 0 5px}
.community-profile p{font-size:11px;line-height:1.8;color:#65727c;margin:0}
.community-profile small{display:block;margin-top:9px;color:#a17a43;font-size:8px;letter-spacing:.5px}
.empty-profile{margin-top:12px}
.editorial-note{margin-top:22px;padding:20px 22px;border-left:3px solid #c49a58;background:#f0e8da}
.editorial-note strong{font:600 16px var(--serif);color:var(--navy)}
.editorial-note p{font-size:11px;line-height:1.8;color:#626e77;margin:7px 0 0}
.country-side-panel{padding:25px;background:#0b396b;color:#fff}
.country-side-panel>.eyebrow{color:#e1bd7b}
.country-side-panel h3{font:600 23px var(--serif);margin:0 0 14px}
.country-side-panel ul{padding-left:18px;margin:0 0 24px}
.country-side-panel li{padding:7px 0;color:#d5e0e7;font-size:11px;line-height:1.7}
.country-side-panel .btn{width:100%;justify-content:center}
.country-side-image{margin-top:22px}
.country-side-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.country-side-image small{display:block;margin-top:7px;color:#b7c5ce;font-size:8px;line-height:1.6}
.country-next{padding:58px 0;background:linear-gradient(110deg,#0e3e73,#10466d)}
.country-next-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.country-next h2 em{color:#e4bf7c;font-weight:500}
.country-not-found{padding:100px 0;background:#f8f5ee;min-height:55vh}
.country-not-found h1{font:600 42px var(--serif);color:var(--navy)}
@media(max-width:900px){.region-card-grid{grid-template-columns:repeat(2,1fr)}.country-content-grid{grid-template-columns:1fr;gap:30px}.country-side-panel{max-width:650px}.region-contribute-inner{gap:35px}}
@media(max-width:760px){.region-page-hero{min-height:360px}.region-page-hero-inner{padding:55px 0}.region-search-wrap{grid-template-columns:1fr;gap:9px}.region-search-wrap span{text-align:left}.region-card-grid{grid-template-columns:1fr 1fr;gap:10px}.region-card{min-height:260px;padding:16px}.region-card h3{font-size:19px}.region-status{font-size:7px}.region-contribute-inner{grid-template-columns:1fr;gap:20px}.country-hero{min-height:440px}.country-hero-content{padding:45px 0 55px}.country-title-row{gap:14px}.country-flag-large{width:66px;height:66px;flex-basis:66px;font-size:36px}.country-intro{font-size:13px}.country-content-grid{gap:25px}.country-next-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.region-card-grid{grid-template-columns:1fr}.region-card{min-height:220px}.country-title-row{align-items:flex-start}.country-flag-large{width:54px;height:54px;flex-basis:54px;font-size:30px}.country-hero h1{font-size:38px}}


/* =========================================================
   KP JALUO ABROAD V2.2 — COMMUNITY & HERITAGE PAGES
   Additive layer; original V2.1 styles remain intact.
========================================================= */
.community-directory-hero,.heritage-hub-hero,.heritage-topic-hero,.community-profile-hero{
  position:relative;overflow:hidden;background:linear-gradient(115deg,#073461 0%,#124779 70%,#1b5688 100%);color:#fff;padding:88px 0 82px
}
.community-directory-hero:after,.heritage-hub-hero:after,.heritage-topic-hero:after,.community-profile-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(135deg,transparent 0 34px,rgba(218,178,111,.22) 35px 37px,transparent 38px 70px);mask-image:linear-gradient(90deg,#000,transparent 72%)
}
.community-directory-hero .container,.heritage-hub-hero .container,.heritage-topic-hero .container,.community-profile-hero .container{position:relative;z-index:1}
.community-directory-hero h1,.heritage-hub-hero h1,.heritage-topic-hero h1{font:600 clamp(42px,5.5vw,68px)/1.08 var(--serif);margin:12px 0 20px;max-width:850px}
.community-directory-hero h1 em,.heritage-hub-hero h1 em,.heritage-topic-hero h1 em{color:#e4bd7e}
.community-directory-hero p:not(.eyebrow),.heritage-hub-hero p:not(.eyebrow),.heritage-topic-hero p:not(.eyebrow){max-width:740px;color:#e0e8ee;font-size:15px;line-height:1.9}
.community-hero-meta{margin-top:28px;color:#e8c58d;font-size:9px;font-weight:800;letter-spacing:2px}
.community-directory-body,.heritage-hub-body{background:#fbf8f1}
.community-search{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(240px,1fr) auto;align-items:center;gap:15px;margin:0 0 22px}
.community-search label{font:600 14px var(--serif);color:#154477}
.community-search input{border:1px solid #d9d1c4;border-radius:3px;background:#fff;padding:13px 15px;font:12px var(--sans);color:#172c3c}
.community-search input:focus{outline:2px solid #c49a58;outline-offset:2px}
.community-search span{font-size:10px;color:#6b7781;text-align:right}
.community-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.community-directory-card{display:flex;flex-direction:column;min-height:300px;padding:23px;background:#fff;border:1px solid #e9e1d4;border-radius:5px;color:#18354c;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.community-directory-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(8,39,64,.09);border-color:#d4b77e}
.community-directory-card[hidden]{display:none}
.community-card-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #eee8dd}
.community-card-top span{font-size:28px}
.community-card-top small{font-size:9px;color:#9a743d;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.community-directory-card h3{font:600 23px var(--serif);margin:18px 0 9px;color:#124477}
.community-directory-card p{font-size:11px;line-height:1.8;color:#65727d;margin:0 0 16px}
.community-card-status{font-size:9px;color:#97713a;margin-top:auto;padding-top:12px}
.community-directory-card>b{font-size:10px;color:#154477;margin-top:12px}
.community-invite{background:#0b396b;color:#fff;padding:52px 0}
.community-invite .container{display:grid;grid-template-columns:1fr 1.1fr auto;gap:30px;align-items:center}
.community-invite h2,.heritage-principles h2,.heritage-source-cta h2{font:600 32px/1.15 var(--serif);margin:7px 0}
.community-invite>div>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#d5e0e8}
.community-profile-hero{padding:58px 0 72px}
.community-profile-hero .back-to-regions{display:inline-block;color:#e8c58d;font-size:11px;margin-bottom:28px;text-decoration:none}
.community-profile-heading{display:flex;align-items:center;gap:20px;margin:8px 0 15px}
.community-profile-heading>span{font-size:54px}
.community-profile-heading h1{font:600 clamp(38px,5vw,62px)/1.1 var(--serif);margin:0;color:#fff}
.community-profile-heading p{font-size:11px;color:#e6c48c;margin:8px 0 0;letter-spacing:.4px}
.community-profile-lead{font-size:15px;line-height:1.85;max-width:780px;color:#e2eaf0}
.community-profile-content{background:#fbf8f1}
.community-profile-layout{display:grid;grid-template-columns:1.35fr .75fr;gap:55px;align-items:start}
.community-profile-copy{font-size:14px;line-height:2;color:#53616c;max-width:760px}
.community-subhead{margin-top:44px}
.community-focus-list{border-top:1px solid #e3dbcf}
.community-focus-list>div{display:flex;gap:20px;align-items:flex-start;padding:17px 0;border-bottom:1px solid #e3dbcf}
.community-focus-list span{font-size:10px;color:#b1884e;font-weight:800;letter-spacing:1px;padding-top:4px}
.community-focus-list p{margin:0;color:#30485a;font-size:13px;line-height:1.7}
.community-profile-aside,.heritage-aside{background:#fff;border:1px solid #e8e0d4;border-radius:4px;padding:25px}
.community-profile-aside h3,.heritage-aside h3{font:600 24px var(--serif);color:#124477;margin:8px 0 15px}
.community-profile-aside ul{padding-left:18px;margin:0 0 22px}
.community-profile-aside li{font-size:11px;line-height:1.8;color:#5f6d77;margin:0 0 10px}
.aside-small{font-size:9px;line-height:1.8;color:#78838b;margin:15px 0}
.profile-image{margin-top:20px}
.profile-image img{width:100%;height:150px;object-fit:cover;border-radius:3px}
.profile-image small{display:block;font-size:8px;line-height:1.6;color:#7a858d;margin-top:6px}
.community-profile-bottom{background:#0a3151;color:#fff;padding:40px 0}
.community-profile-bottom .container{display:flex;justify-content:space-between;gap:25px;align-items:center}
.community-profile-bottom h2{font:600 27px var(--serif);margin:5px 0}
.community-bottom-links{display:flex;flex-wrap:wrap;gap:17px}
.community-bottom-links a,.country-heritage-link{font-size:10px;color:#e7c58e;text-decoration:none}
.heritage-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.heritage-topic-card{background:#fff;border:1px solid #e8e0d4;border-radius:5px;padding:28px;text-decoration:none;color:#17364d;min-height:275px;transition:transform .2s,box-shadow .2s}
.heritage-topic-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(8,39,64,.08)}
.heritage-topic-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f1e6d2;color:#a77a3c;font:600 19px var(--serif);margin-bottom:20px}
.heritage-topic-card small{font-size:8px;letter-spacing:1.4px;color:#a47a3c;text-transform:uppercase;font-weight:800}
.heritage-topic-card h3{font:600 23px var(--serif);margin:10px 0;color:#0a3555}
.heritage-topic-card p{font-size:11px;line-height:1.8;color:#687580}
.heritage-topic-card b{display:inline-block;margin-top:8px;font-size:10px;color:#154477}
.heritage-principles{background:#0b396b;color:#fff;padding:70px 0}
.heritage-principles .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.heritage-principles h2{font-size:38px}
.principle-list article{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.principle-list article>b{color:#e3bd80;font-size:10px;padding-top:4px}
.principle-list h3{font:600 18px var(--serif);margin:0 0 5px}
.principle-list p{font-size:11px;color:#d0dbe3;margin:0;line-height:1.7}
.heritage-source-cta{background:#eee6d8;padding:48px 0}
.heritage-source-cta .container{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.heritage-source-cta p:not(.eyebrow){font-size:12px;line-height:1.8;color:#5e6b75}
.heritage-topic-hero{padding:58px 0 66px}
.heritage-topic-hero .back-to-regions{display:inline-block;color:#e8c58d;font-size:11px;text-decoration:none;margin-bottom:28px}
.heritage-topic-hero h1{max-width:900px}
.heritage-topic-body{background:#fbf8f1}
.heritage-topic-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:start}
.heritage-content-block{padding:0 0 30px;margin-bottom:28px;border-bottom:1px solid #e3dbcf}
.heritage-content-block h2{font:600 25px var(--serif);color:#124477;margin:0 0 17px}
.heritage-content-block ul{padding-left:20px;margin:0}
.heritage-content-block li{font-size:13px;line-height:1.9;color:#56636d;margin:0 0 10px}
.heritage-aside{position:sticky;top:25px}
.heritage-aside p:not(.eyebrow){font-size:11px;line-height:1.9;color:#65727d;margin-bottom:20px}
.heritage-aside .text-link{display:block;margin-top:16px;font-size:10px}
.community-profile-link{display:flex;text-decoration:none;color:inherit;transition:background .2s}
.community-profile-link:hover{background:#fffaf0}
.community-profile-link b{display:block;color:#0c466d;font-size:9px;margin-top:8px}
.directory-cta{margin:25px 0 10px}
.country-next-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
@media(max-width:850px){
 .community-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .community-invite .container{grid-template-columns:1fr 1fr}
 .community-invite .btn{grid-column:1/-1;justify-self:start}
 .community-profile-layout,.heritage-topic-layout{grid-template-columns:1fr;gap:30px}
 .heritage-aside{position:static}
 .heritage-principles .container{grid-template-columns:1fr;gap:25px}
}
@media(max-width:600px){
 .community-directory-hero,.heritage-hub-hero{padding:65px 0 58px}
 .community-search{grid-template-columns:1fr;gap:8px}
 .community-search span{text-align:left}
 .community-directory-grid,.heritage-topic-grid{grid-template-columns:1fr}
 .community-directory-card{min-height:250px}
 .community-invite .container,.heritage-source-cta .container{grid-template-columns:1fr;gap:15px}
 .community-profile-bottom .container{display:block}
 .community-bottom-links{margin-top:18px;display:grid;gap:12px}
 .community-profile-heading{gap:12px}
 .community-profile-heading>span{font-size:42px}
 .community-profile-heading h1{font-size:38px}
 .community-profile-aside,.heritage-aside{padding:19px}
 .country-next-links{align-items:flex-start;flex-direction:column}
}


/* V2.3 navigation, enquiry forms and always-available contact panel */
.primary-nav{gap:clamp(9px,1.25vw,18px)}
.primary-nav a{position:relative;white-space:nowrap}
.primary-nav a:not(.nav-cta):not(.nav-action):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--gold);transition:right .24s ease}
.primary-nav a:not(.nav-cta):not(.nav-action):hover:after,.primary-nav a:not(.nav-cta):not(.nav-action):focus-visible:after{right:0}
.primary-nav a:not(.nav-cta):not(.nav-action):hover{color:#a9792d;transform:translateY(-1px)}
.primary-nav .nav-cta,.primary-nav .nav-action{padding:10px 12px;border-radius:3px;background:var(--navy);color:#fff;box-shadow:0 5px 14px rgba(14,62,115,.1);transition:background .2s,transform .2s}
.primary-nav .nav-action{background:#f0e5d1;color:#154477}
.primary-nav .nav-cta:hover,.primary-nav .nav-action:hover{background:#b88b4c;color:#fff;transform:translateY(-2px)}
.menu-toggle{cursor:pointer;border-radius:4px}
.menu-toggle span{transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.request-hero{padding:70px 0 65px;background:linear-gradient(115deg,#073461,#154477 72%,#174f70);color:#fff}
.request-hero .container{position:relative;z-index:1}
.request-hero h1{font:600 clamp(38px,5vw,62px)/1.12 var(--serif);margin:8px 0 14px;max-width:850px}
.request-hero>div>p:last-child{max-width:760px;color:#e0e8ee;font-size:14px;line-height:1.9}
.request-content{padding:65px 0 85px;background:#f8f5ee}
.request-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:35px;align-items:start}
.request-card,.request-aside{background:#fff;border:1px solid #e8e0d4;border-radius:5px;padding:clamp(22px,4vw,38px);box-shadow:0 12px 30px rgba(20,42,58,.045)}
.enquiry-form{display:grid;gap:19px}.enquiry-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#294256}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;border:1px solid #dcd5c9;border-radius:3px;padding:12px 13px;background:#fffdf9;color:#233746;font:13px var(--sans);min-height:44px}
.enquiry-form textarea{resize:vertical;min-height:125px}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{outline:2px solid #d2aa69;outline-offset:1px;border-color:#bd9659}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-three{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:13px}
.request-submit{justify-self:start;border:0;border-radius:3px;background:var(--navy);color:#fff;padding:14px 20px;font:700 11px var(--sans);cursor:pointer;transition:background .2s,transform .2s}
.request-submit:hover{background:#a77a3c;transform:translateY(-2px)}.request-submit span{padding-left:12px;color:#e7c27f}
.form-privacy{font-size:10px;color:#78838b;margin:-8px 0 0}.form-success,.form-errors{padding:17px 19px;margin:0 0 20px;border-radius:4px;font-size:12px}.form-success{background:#edf7ef;border:1px solid #c8e4ce;color:#205b32}.form-success p{margin:5px 0 0}.form-errors{background:#fff2ee;border:1px solid #edc9bd;color:#853d2b}.form-errors ul{margin:7px 0 0;padding-left:18px}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.request-aside{background:#0b396b;color:#fff;position:sticky;top:110px}.request-aside h2{font:600 27px/1.2 var(--serif);margin:8px 0 13px}.request-aside p:not(.eyebrow){font-size:12px;line-height:1.8;color:#d1dce4}.request-aside a{display:block;color:#f0d19b;font-size:11px;font-weight:700;margin-top:17px;overflow-wrap:anywhere}
.floating-contact{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.floating-contact-toggle{display:flex;align-items:center;gap:10px;border:0;border-radius:30px;background:#0b396b;color:#fff;padding:13px 19px;box-shadow:0 8px 28px rgba(0,0,0,.23);font:700 12px var(--sans);cursor:pointer;transition:transform .2s,background .2s}
.floating-contact-toggle:hover{background:#a77a3c;transform:translateY(-2px)}.contact-toggle-icon{font-size:17px;color:#f0d19b}
.floating-contact-panel{width:min(320px,calc(100vw - 34px));background:#fffdf8;border:1px solid #e4d8c5;border-radius:8px;padding:12px;box-shadow:0 16px 45px rgba(0,0,0,.2);animation:contactPop .18s ease-out}
.floating-contact-panel[hidden]{display:none}.floating-contact-heading{padding:9px 10px 13px;border-bottom:1px solid #eee5d8;display:flex;flex-direction:column}.floating-contact-heading strong{font:600 19px var(--serif);color:#0b396b}.floating-contact-heading span{font-size:10px;color:#74808a}
.floating-contact-panel>a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:11px 9px;border-bottom:1px solid #f0ebe2;font-size:12px;font-weight:700;color:#203d53;transition:background .15s}.floating-contact-panel>a:last-child{border-bottom:0}.floating-contact-panel>a:hover{background:#f5efe4}.floating-contact-panel small{font-size:9px;color:#8a744f;font-weight:500}.social-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#eee4d2;color:#173b57;font-size:16px;font-weight:800}
@keyframes contactPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.primary-nav{gap:8px}.primary-nav a{font-size:9px}.primary-nav .nav-cta,.primary-nav .nav-action{padding:9px 8px}}
@media(max-width:760px){.primary-nav{gap:0}.primary-nav a:not(.nav-cta):not(.nav-action):after{display:none}.primary-nav .nav-action{text-align:center;margin-top:8px}.request-layout{grid-template-columns:1fr}.request-aside{position:static}.form-three{grid-template-columns:1fr 1fr}.form-three label:first-child{grid-column:1/-1}.floating-contact{right:13px;bottom:13px}}
@media(max-width:480px){.form-two,.form-three{grid-template-columns:1fr}.form-three label:first-child{grid-column:auto}.request-content{padding:35px 0 60px}.floating-contact-toggle{padding:12px 15px}.floating-contact-panel>a{grid-template-columns:30px 1fr auto}}


/* V2.4 — rotating heritage hero and seamless announcement ticker */
.hero.hero-slideshow{
  isolation:isolate;
  background-color:#0e3e73;
  background-image:none;
  padding-bottom:54px;
}
.hero-slides{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0e3e73}
.hero-slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center 48%;background-repeat:no-repeat;
  opacity:0;transform:scale(1.035);
  transition:opacity 1.35s ease,transform 7s ease;
  will-change:opacity,transform;
}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero.hero-slideshow .hero-shade{
  background:linear-gradient(90deg,rgba(7,35,68,.94) 0%,rgba(14,62,115,.82) 47%,rgba(14,62,115,.42) 100%);
}
.hero.hero-slideshow .hero-content{z-index:3}
.hero.hero-slideshow .hero-watermark{z-index:2}
.hero.hero-slideshow .hero-bottomline{z-index:3;bottom:54px}
.hero-announcements{
  position:absolute;z-index:4;left:0;right:0;bottom:0;height:54px;
  display:flex;align-items:center;gap:0;overflow:hidden;
  background:rgba(3,20,35,.94);border-top:1px solid rgba(216,173,98,.45);
}
.hero-announcements-label{
  position:relative;z-index:2;align-self:stretch;display:flex;align-items:center;
  flex:0 0 auto;padding:0 22px;background:#c49a58;color:#0a315a;
  font-size:9px;font-weight:900;letter-spacing:1.4px;white-space:nowrap;
}
.hero-marquee{min-width:0;flex:1;overflow:hidden}
.hero-marquee-track{
  display:flex;align-items:center;gap:27px;width:max-content;white-space:nowrap;
  animation:heroMarquee 48s linear infinite;
  color:#f2e6d1;font-size:10px;font-weight:700;letter-spacing:.55px;
}
.hero-marquee-track b{color:#d8ad62;font-size:14px}
.hero-marquee:hover .hero-marquee-track{animation-play-state:paused}
@keyframes heroMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){
 .hero.hero-slideshow{padding-bottom:48px}
 .hero-announcements{height:48px}
 .hero-announcements-label{padding:0 11px;font-size:7px;letter-spacing:.7px}
 .hero-marquee-track{font-size:9px;gap:18px;animation-duration:38s}
 .hero.hero-slideshow .hero-bottomline{bottom:48px}
 .hero-slide{background-position:58% center}
}
@media(prefers-reduced-motion:reduce){
 .hero-slide{transition:none;transform:none}
 .hero-marquee-track{animation:none;white-space:normal;width:auto;transform:none}
 .hero-marquee{overflow:hidden}
}


/* V2.5 — visible gold selected state for clicked/current navigation item */
.primary-nav a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 11px;border-radius:3px;
  transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.primary-nav a.is-current,
.primary-nav a.is-selected,
.primary-nav a[aria-current="page"]{
  background:#c49a58 !important;color:#0a315a !important;
  box-shadow:0 3px 10px rgba(8,35,56,.13),inset 0 0 0 1px rgba(255,255,255,.22);
  font-weight:800;
}
.primary-nav a.is-current::after,
.primary-nav a.is-selected::after,
.primary-nav a[aria-current="page"]::after{
  display:none !important;
}
.primary-nav a:not(.is-current):not(.is-selected):not([aria-current="page"]):hover{
  background:rgba(196,154,88,.16);color:#8b642e;
}
.primary-nav a:focus-visible{
  outline:2px solid #c49a58;outline-offset:3px;
}
.primary-nav .nav-cta.is-current,
.primary-nav .nav-cta.is-selected,
.primary-nav .nav-cta[aria-current="page"],
.primary-nav .nav-action.is-current,
.primary-nav .nav-action.is-selected,
.primary-nav .nav-action[aria-current="page"]{
  background:#c49a58 !important;color:#0a315a !important;
}
@media(max-width:760px){
  .primary-nav a{width:100%;justify-content:flex-start;padding:12px 13px;border-radius:3px;border-bottom:1px solid var(--line)}
  .primary-nav a.is-current,
  .primary-nav a.is-selected,
  .primary-nav a[aria-current="page"]{
    border-left:4px solid #9b7137;padding-left:9px;
    box-shadow:inset 0 0 0 1px rgba(196,154,88,.16);
  }
  .primary-nav .nav-cta.is-current,
  .primary-nav .nav-cta.is-selected,
  .primary-nav .nav-cta[aria-current="page"]{justify-content:center}
}


/* V2.6 — stronger navigation typography and persistent selected gold state */
.site-header .primary-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 12px;
  border-radius:4px;
  color:#203b52;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.15px;
  transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.site-header .primary-nav a.is-current,
.site-header .primary-nav a.is-selected,
.site-header .primary-nav a[aria-current="page"]{
  background:#c49a58 !important;
  color:#0a315a !important;
  font-weight:900 !important;
  box-shadow:0 3px 12px rgba(8,35,56,.16),inset 0 0 0 1px rgba(255,255,255,.28) !important;
}
.site-header .primary-nav a.is-current:hover,
.site-header .primary-nav a.is-selected:hover,
.site-header .primary-nav a[aria-current="page"]:hover{
  background:#d2aa69 !important;
  color:#0a315a !important;
}
.site-header .primary-nav a:not(.is-current):not(.is-selected):not([aria-current="page"]):hover{
  background:rgba(196,154,88,.17);
  color:#8b642e;
}
.site-header .primary-nav .nav-cta,
.site-header .primary-nav .nav-action{
  font-size:13px;
  font-weight:900;
}
.site-header .primary-nav .nav-cta.is-current,
.site-header .primary-nav .nav-cta.is-selected,
.site-header .primary-nav .nav-cta[aria-current="page"],
.site-header .primary-nav .nav-action.is-current,
.site-header .primary-nav .nav-action.is-selected,
.site-header .primary-nav .nav-action[aria-current="page"]{
  background:#c49a58 !important;
  color:#0a315a !important;
}
@media(max-width:1000px){
  .site-header .primary-nav{gap:7px}
  .site-header .primary-nav a{font-size:12px;padding:9px 9px}
}
@media(max-width:760px){
  .site-header .primary-nav a{
    width:100%;
    min-height:46px;
    justify-content:flex-start;
    padding:12px 14px;
    font-size:14px;
    font-weight:800;
    border-bottom:1px solid #e6e0d5;
    border-radius:3px;
  }
  .site-header .primary-nav a.is-current,
  .site-header .primary-nav a.is-selected,
  .site-header .primary-nav a[aria-current="page"]{
    background:#c49a58 !important;
    color:#0a315a !important;
    border-left:5px solid #8f652e;
    padding-left:10px;
  }
  .site-header .primary-nav .nav-cta.is-current,
  .site-header .primary-nav .nav-cta.is-selected,
  .site-header .primary-nav .nav-cta[aria-current="page"]{
    justify-content:center;
  }
}


/* V2.7 — high-clarity, non-distorting image presentation
   Keep photographic proportions; remove the extra slideshow zoom that can
   soften images on large displays. The background remains cover (crop, never stretch).
*/
.hero.hero-slideshow{
  background-color:#0e3e73;
  background-image:none;
}
.hero-slides{
  background:#0e3e73;
  overflow:hidden;
}
.hero.hero-slideshow .hero-slide{
  inset:0;
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center 48%;
  image-rendering:auto;
  transform:none !important;
  transition:opacity 1.2s ease !important;
  will-change:opacity;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.hero.hero-slideshow .hero-slide.is-active{
  opacity:1;
  transform:none !important;
}
@media (min-width:1400px){
  .hero.hero-slideshow .hero-slide{background-position:center 46%}
}
@media (max-width:760px){
  .hero.hero-slideshow .hero-slide{background-position:58% center}
}
@media(prefers-reduced-motion:reduce){
  .hero.hero-slideshow .hero-slide{transition:none !important}
}

/* Prevent inline content images from being stretched out of proportion. */
.site-main img,
main img{
  max-width:100%;
  height:auto;
}



/* V2.6 — official brand marks and footer information marquee */
.social-mark-brand{
  overflow:hidden;
  background:#f0e6d5;
}
.social-mark-brand img{
  display:block;
  width:17px;
  height:17px;
  object-fit:contain;
}
.social-mark-brand.social-tiktok img{width:16px;height:16px}
.social-mark-brand.social-instagram img{width:18px;height:18px}
.social-mark-brand.social-facebook img{width:16px;height:16px}
.social-mark-brand.social-email img{width:16px;height:16px}
.social-mark-brand.social-whatsapp img{width:18px;height:18px}

.footer-announcements{
  min-height:48px;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  background:rgba(2,15,27,.72);
  border-top:1px solid rgba(216,173,98,.42);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-announcements-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  padding:0 20px;
  background:#c49a58;
  color:#0a315a;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.2px;
  white-space:nowrap;
}
.footer-marquee{min-width:0;flex:1;overflow:hidden;display:flex;align-items:center}
.footer-marquee-track{
  display:flex;
  align-items:center;
  gap:25px;
  width:max-content;
  padding:0 20px;
  white-space:nowrap;
  color:#f1e7d7;
  font-size:10px;
  font-weight:700;
  letter-spacing:.35px;
  animation:footerMarquee 52s linear infinite;
}
.footer-marquee-track b{color:#d8ad62;font-size:14px}
.footer-marquee:hover .footer-marquee-track{animation-play-state:paused}
@keyframes footerMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:760px){
  .footer-announcements{min-height:44px}
  .footer-announcements-label{padding:0 10px;font-size:7px;letter-spacing:.55px}
  .footer-marquee-track{gap:17px;padding:0 13px;font-size:9px;animation-duration:42s}
}
@media(prefers-reduced-motion:reduce){
  .footer-marquee-track{animation:none;white-space:normal;width:auto;flex-wrap:wrap;padding:10px 14px}
  .footer-marquee{overflow:visible}
}\n

/* V2.9 — six original PNG hero photographs.
   Original PNG files are served directly; no resizing, recompression or stretching.
   cover preserves proportions and crops only excess edges to fill the banner. */
.hero.hero-slideshow .hero-slide{
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  transform:none !important;
  transition:opacity 1.2s ease !important;
  will-change:opacity;
}
.hero.hero-slideshow .hero-slide.is-active{opacity:1;transform:none !important}
.hero.hero-slideshow .hero-slide-lake-victoria-sunset{background-position:center 52% !important}
.hero.hero-slideshow .hero-slide-cultural-dance{background-position:center 46% !important}
.hero.hero-slideshow .hero-slide-luo-community{background-position:center 48% !important}
.hero.hero-slideshow .hero-slide-lake-victoria-boats{background-position:center 50% !important}
.hero.hero-slideshow .hero-slide-fishermen-nets{background-position:center 48% !important}
.hero.hero-slideshow .hero-slide-sunset-fishing-boats{background-position:center 50% !important}
@media(max-width:760px){
  .hero.hero-slideshow .hero-slide{background-size:cover !important}
  .hero.hero-slideshow .hero-slide-lake-victoria-sunset{background-position:55% center !important}
  .hero.hero-slideshow .hero-slide-cultural-dance{background-position:54% center !important}
  .hero.hero-slideshow .hero-slide-luo-community{background-position:52% center !important}
  .hero.hero-slideshow .hero-slide-lake-victoria-boats{background-position:55% center !important}
  .hero.hero-slideshow .hero-slide-fishermen-nets{background-position:50% center !important}
  .hero.hero-slideshow .hero-slide-sunset-fishing-boats{background-position:55% center !important}
}
@media(prefers-reduced-motion:reduce){
  .hero.hero-slideshow .hero-slide{transition:none !important}
}

/* Legacy heritage-book integration: preserve source accounts in readable profiles. */
.legacy-community-section{background:#f7f8fa}
.legacy-community-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.legacy-community-main>h2{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin:.45rem 0 1.5rem;color:#0e3e73}
.legacy-community-main>h2 em{color:#b78335;font-style:normal}
.legacy-community-article{background:#fff;border:1px solid rgba(8,43,80,.09);border-radius:16px;padding:clamp(22px,4vw,42px);box-shadow:0 12px 35px rgba(8,43,80,.045);color:#344456;line-height:1.85}
.legacy-community-article h3,.legacy-community-article h4{color:#0e3e73;line-height:1.35;margin:1.8em 0 .65em}
.legacy-community-article h3{font-size:1.45rem}.legacy-community-article h4{font-size:1.15rem}
.legacy-community-article p{margin:0 0 1.15em}
.legacy-community-article ul,.legacy-community-article ol{padding-left:1.5rem;margin:.5rem 0 1.25rem}
.legacy-community-article li{margin:.35rem 0}
.legacy-community-article a{color:#95651f;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.legacy-community-article blockquote{border-left:3px solid #c99b4b;padding:.3rem 1rem;margin:1rem 0;color:#536273;background:#fbf8f1}
.legacy-community-aside{position:sticky;top:110px;background:#0e3e73;color:#fff;border-radius:16px;padding:26px}
.legacy-community-aside h3{font-size:1.45rem;margin:.5rem 0}.legacy-community-aside p{line-height:1.7;color:rgba(255,255,255,.8)}
.legacy-community-aside .text-link{display:block;color:#f3c875;margin-top:18px}
@media(max-width:850px){.legacy-community-layout{grid-template-columns:1fr;gap:24px}.legacy-community-aside{position:static}}
.heritage-community-bridge{background:#fff}
.heritage-bridge-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:22px 26px;border:1px solid rgba(8,43,80,.12);border-radius:14px;background:#f7f8fa;color:#0e3e73}
@media(max-width:600px){.heritage-bridge-bottom{align-items:flex-start;flex-direction:column}}


/* V2.2 — Country identity: flag + ISO alpha-2 code */
.region-card-identity{display:inline-flex;align-items:center;gap:9px}
.region-country-code,.home-country-code{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:22px;padding:0 6px;border:1px solid rgba(196,154,88,.55);color:#9b702f;background:#f7f0e4;font:800 9px/1 var(--sans);letter-spacing:1px}
.country-code-pill{display:inline-flex;align-items:center;margin-top:9px;margin-right:7px;padding:6px 10px;border:1px solid rgba(229,197,142,.5);background:rgba(255,255,255,.08);color:#f0d5a8;font:800 9px/1.2 var(--sans);letter-spacing:1px}
.home-country-identity{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.home-country-identity>span:first-child{font-size:25px;line-height:1}
.home-country-code{min-width:27px;height:19px;color:#f0d5a8;background:rgba(255,255,255,.08);border-color:rgba(240,213,168,.4)}
@media(max-width:420px){.country-code-pill{margin-top:7px}.region-card-top{align-items:flex-start}}

/* V2.8 — 100% zoom and viewport responsiveness. */
html,body{width:100%;max-width:100%;overflow-x:clip}
body{min-width:0}
main,section,header,footer,nav,article,aside,.container,.header-inner,.footer-top{min-width:0}
img,svg,video,iframe,canvas{max-width:100%}
main img,section img{height:auto}
p,li,a,h1,h2,h3,h4,small,strong{overflow-wrap:break-word}
input,select,textarea,button{max-width:100%}
input,select,textarea{min-width:0}
table{max-width:100%}
.container{width:min(1160px,calc(100% - 48px))}
.intro-grid,.participate-grid,.coming-grid,.heritage-layout,.country-content-grid,.community-profile-layout,.heritage-principles .container,.heritage-source-cta .container,.heritage-topic-layout,.travel-content{min-width:0}
.intro-grid>*,.participate-grid>*,.coming-grid>*,.heritage-layout>*,.country-content-grid>*,.community-profile-layout>*,.heritage-topic-layout>*,.travel-content>*{min-width:0}
.feature-grid,.country-grid,.region-card-grid,.community-directory-grid,.heritage-topic-grid,.travel-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.footer-top{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero,.hero.hero-slideshow{width:100%;max-width:100%}
.hero-content,.hero.hero-slideshow .hero-content{min-width:0;max-width:100%}
.hero h1,.community-directory-hero h1,.heritage-hub-hero h1,.heritage-topic-hero h1,.travel-hero h1{max-width:100%;overflow-wrap:normal;hyphens:auto}
.country-tools,.region-search-wrap,.community-search{min-width:0}
.country-tools>*,.region-search-wrap>*,.community-search>*{min-width:0;max-width:100%}
.floating-contact{max-width:calc(100vw - 24px)}
.floating-contact-panel{max-width:calc(100vw - 24px)}
@media(max-width:1100px){
 .container{width:calc(100% - 40px)}
 .intro-grid,.participate-grid,.coming-grid,.heritage-layout,.country-content-grid,.community-profile-layout,.heritage-principles .container,.heritage-source-cta .container,.heritage-topic-layout,.travel-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,4vw,42px)}
 .section-heading{gap:24px}
 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .hero-mark{font-size:clamp(180px,25vw,300px)}
}
@media(max-width:850px){
 .intro-grid,.participate-grid,.coming-grid,.heritage-layout,.country-content-grid,.community-profile-layout,.heritage-principles .container,.heritage-source-cta .container,.heritage-topic-layout,.travel-content{grid-template-columns:minmax(0,1fr);gap:24px}
 .section-heading{align-items:flex-start;flex-direction:column;gap:12px}
 .section-heading>p{max-width:680px}
 .archive-inner,.stories-inner{align-items:flex-start;flex-wrap:wrap;gap:24px}
 .archive-seal{width:120px;height:120px;flex:0 0 auto}
 .archive-seal span{font-size:42px}
 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
 .region-search-wrap,.community-search,.country-tools{grid-template-columns:minmax(0,1fr)}
 .region-search-wrap>span,.community-search>span,.country-tools>span{text-align:left}
}
@media(max-width:600px){
 .container{width:calc(100% - 32px)}
 .section-pad{padding:64px 0}
 .feature-grid,.country-grid,.region-card-grid,.community-directory-grid,.heritage-topic-grid,.travel-card-grid{grid-template-columns:minmax(0,1fr)}
 .footer-top{grid-template-columns:minmax(0,1fr);gap:22px}
 .footer-brand{grid-column:auto}
 .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}
 .hero-content{padding:64px 0 88px}
 .hero h1{font-size:clamp(38px,10vw,58px)}
 .hero-lead{max-width:100%;font-size:14px}
 .hero-actions{max-width:100%}
 .hero-mark{font-size:180px;right:-18px;bottom:-50px}
 .archive-inner,.stories-inner{flex-direction:column}
 .stories-logo{width:min(220px,75%);max-height:170px}
 .country-grid a{min-width:0}
 .country-grid a strong{overflow-wrap:anywhere}
 .floating-contact{right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* =========================================================
   KP JALUO ABROAD — PAGE HERO CLEAN-UP V1
   Companion to homepage hero v4. Public pages only.
   ========================================================= */
.region-page-hero,.country-hero,.community-directory-hero,.community-profile-hero,
.heritage-hub-hero,.heritage-topic-hero,.archive-hero,.travel-hero,.request-hero,.knowledge-hero {
  color:#fff !important;
}
.region-page-hero h1,.country-hero h1,.community-directory-hero h1,.community-profile-hero h1,
.heritage-hub-hero h1,.heritage-topic-hero h1,.archive-hero h1,.travel-hero h1,
.request-hero h1,.knowledge-hero h1 {
  font-weight:800 !important;
  text-shadow:0 3px 18px rgba(0,0,0,.38);
}
.region-page-hero p:not(.eyebrow),.country-hero p:not(.eyebrow),
.community-directory-hero p:not(.eyebrow),.community-profile-hero p:not(.eyebrow),
.heritage-hub-hero p:not(.eyebrow),.heritage-topic-hero p:not(.eyebrow),
.archive-hero p,.travel-hero p,.request-hero p,.knowledge-hero p {
  text-shadow:0 2px 12px rgba(0,0,0,.30);
}
/* Country pages: reveal more of each configured country photograph. */
.country-hero:before {
  background:linear-gradient(90deg,rgba(5,27,48,.48) 0%,rgba(8,42,70,.28) 56%,rgba(8,42,70,.12) 100%),
             linear-gradient(0deg,rgba(4,23,40,.18),transparent 48%) !important;
}
/* Regional landing page: retain the existing Lake Victoria photograph. */
.region-page-hero {
  background-image:linear-gradient(90deg,rgba(7,35,68,.48) 0%,rgba(14,62,115,.25) 65%,rgba(14,62,115,.12) 100%),
                   url('../images/lake-victoria-hero.webp') !important;
  background-size:cover !important;
  background-position:center 48% !important;
}
/* Community directory: preserve the image configured in its JSON file. */
.community-directory-hero {
  background-image:linear-gradient(90deg,rgba(5,20,34,.48) 0%,rgba(5,20,34,.28) 55%,rgba(5,20,34,.12) 100%),
                   var(--community-hero-image) !important;
  background-size:cover !important;
  background-position:center !important;
}
/* Individual community profiles: retain their configured identity images. */
.community-profile-hero {
  background-image:linear-gradient(90deg,rgba(5,27,48,.48) 0%,rgba(8,42,70,.28) 58%,rgba(8,42,70,.14) 100%),
                   var(--community-hero-image) !important;
  background-size:cover !important;
  background-position:center !important;
}
/* Heritage hub/topic heroes currently use designed brand backgrounds, not photos. */
.heritage-hub-hero,.heritage-topic-hero {
  background:linear-gradient(112deg,rgba(7,35,68,.94),rgba(14,62,115,.82) 70%,rgba(20,76,119,.72)) !important;
}
.heritage-hub-hero:after,.heritage-topic-hero:after {opacity:.07 !important}
/* Archive hero: refine its existing navy/gold treatment without inventing imagery. */
.kp-archive-page .archive-hero {
  background-image:radial-gradient(ellipse at 82% 18%,rgba(196,154,88,.18),transparent 34%),
                   linear-gradient(112deg,rgba(8,41,71,.94) 0%,rgba(18,62,105,.84) 58%,rgba(23,74,120,.72) 100%) !important;
}
.kp-archive-page .archive-hero-lead {color:rgba(255,255,255,.96) !important}
/* Travel: let more of the existing destination image show through. */
.travel-hero {
  background-image:linear-gradient(112deg,rgba(10,48,88,.48),rgba(20,75,121,.24)),
                   var(--travel-hero-image) !important;
  background-size:cover !important;
  background-position:center !important;
}
.travel-hero .travel-lead {color:rgba(255,255,255,.96) !important}
/* Request pages: lighten their existing navy brand treatment. */
.request-hero {
  background:linear-gradient(112deg,rgba(7,52,97,.90),rgba(21,68,119,.78) 72%,rgba(23,79,112,.70)) !important;
}
.donation-image-hero .donation-hero-image-backdrop,
.merchandise-image-hero .merchandise-hero-image-backdrop {
  filter:blur(12px) brightness(.62) saturate(1.08) !important;
}
.donation-image-hero .donation-hero-image,
.merchandise-image-hero .merchandise-hero-image {filter:saturate(1.08) contrast(1.04)}
/* Keep the Share Knowledge page's PHP-generated image and softened gradient. */
.knowledge-hero h1 {color:#fff !important;letter-spacing:-1.6px}
.knowledge-lead {color:rgba(255,255,255,.97) !important}
/* Consistent gold eyebrow accents. */
.region-page-hero .eyebrow,.country-hero .eyebrow,.community-directory-hero .eyebrow,
.community-profile-hero .eyebrow,.heritage-hub-hero .eyebrow,.heritage-topic-hero .eyebrow,
.archive-hero .eyebrow,.travel-hero .eyebrow,.request-hero .eyebrow,.knowledge-hero .eyebrow {
  color:#f3d18a !important;
  font-weight:850 !important;
  letter-spacing:2px;
}
@media(max-width:760px) {
  .region-page-hero h1,.country-hero h1,.community-directory-hero h1,.community-profile-hero h1,
  .heritage-hub-hero h1,.heritage-topic-hero h1,.archive-hero h1,.travel-hero h1,
  .request-hero h1,.knowledge-hero h1 {
    text-shadow:0 3px 16px rgba(0,0,0,.48);
  }
}



/* =========================================================
   KP JALUO ABROAD — GLOBAL HERO DESIGN SYSTEM V2
   One shared visual standard for all public-facing hero areas.
   Individual page photographs remain independently configured.
   ========================================================= */
:root{
  --kp-hero-overlay-strong:rgba(5,25,45,.46);
  --kp-hero-overlay-mid:rgba(7,39,68,.29);
  --kp-hero-overlay-light:rgba(8,47,80,.13);
  --kp-hero-text:#fff;
  --kp-hero-gold:#f2cf86;
  --kp-hero-shadow:0 3px 18px rgba(0,0,0,.42);
}

/* Shared text clarity and hierarchy */
.hero.hero-slideshow,
.region-page-hero,.country-hero,.community-directory-hero,.community-profile-hero,
.heritage-hub-hero,.heritage-topic-hero,.archive-hero,.travel-hero,
.request-hero,.knowledge-hero{
  color:var(--kp-hero-text);
}
.region-page-hero h1,.country-hero h1,.community-directory-hero h1,
.community-profile-hero h1,.heritage-hub-hero h1,.heritage-topic-hero h1,
.archive-hero h1,.travel-hero h1,.request-hero h1,.knowledge-hero h1,
.hero.hero-slideshow h1{
  color:#fff!important;
  font-weight:800!important;
  text-shadow:var(--kp-hero-shadow)!important;
}
.region-page-hero p:not(.eyebrow),.country-hero p:not(.eyebrow),
.community-directory-hero p:not(.eyebrow),.community-profile-hero p:not(.eyebrow),
.heritage-hub-hero p:not(.eyebrow),.heritage-topic-hero p:not(.eyebrow),
.archive-hero p,.travel-hero p,.request-hero p,.knowledge-hero p,
.hero.hero-slideshow .hero-lead{
  color:rgba(255,255,255,.96)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
}
.region-page-hero .eyebrow,.country-hero .eyebrow,
.community-directory-hero .eyebrow,.community-profile-hero .eyebrow,
.heritage-hub-hero .eyebrow,.heritage-topic-hero .eyebrow,
.archive-hero .eyebrow,.travel-hero .eyebrow,.request-hero .eyebrow,
.knowledge-hero .eyebrow,.knowledge-eyebrow{
  color:var(--kp-hero-gold)!important;
  font-weight:850;
  letter-spacing:2px;
  text-shadow:0 2px 10px rgba(0,0,0,.42);
}
.region-page-hero h1 em,.country-hero h1 em,
.community-directory-hero h1 em,.community-profile-hero h1 em,
.heritage-hub-hero h1 em,.heritage-topic-hero h1 em,
.archive-hero h1 em,.travel-hero h1 em,.knowledge-hero h1 em{
  color:var(--kp-hero-gold)!important;
}

/* Homepage slideshow: retain the six existing slides, soften only the shade. */
.hero.hero-slideshow .hero-shade{
  background:linear-gradient(90deg,rgba(4,24,43,.43) 0%,rgba(5,34,59,.27) 58%,rgba(5,34,59,.12) 100%)!important;
}
.hero.hero-slideshow .hero-content{position:relative;z-index:3}
.hero.hero-slideshow .hero-watermark{z-index:2}

/* Regional landing page: same Lake Victoria photograph, less opaque navy. */
.region-page-hero{
  background-image:linear-gradient(100deg,rgba(5,28,49,.47) 0%,rgba(10,48,82,.27) 62%,rgba(10,48,82,.13) 100%),url('../images/lake-victoria-hero.webp')!important;
  background-size:cover!important;
  background-position:center 48%!important;
}

/* Country pages: image remains on its dedicated image layer. */
.country-hero:before{
  background:linear-gradient(100deg,rgba(5,27,48,.43) 0%,rgba(8,42,70,.25) 58%,rgba(8,42,70,.11) 100%),linear-gradient(0deg,rgba(4,23,40,.14),transparent 55%)!important;
}

/* Community directory and individual profiles retain their JSON-selected photos. */
.community-directory-hero{
  background-image:linear-gradient(100deg,rgba(5,25,44,.43) 0%,rgba(5,34,58,.25) 58%,rgba(5,34,58,.11) 100%),var(--community-hero-image)!important;
  background-size:cover!important;background-position:center 48%!important;
}
.community-profile-hero{
  background-image:linear-gradient(100deg,rgba(5,25,44,.45) 0%,rgba(5,34,58,.27) 60%,rgba(5,34,58,.12) 100%),var(--community-hero-image)!important;
  background-size:cover!important;background-position:center 42%!important;
}

/* Heritage hub: PHP now supplies only the image variable; this CSS owns its overlay. */
.heritage-hub-hero{
  background-color:#123b60;
  background-image:linear-gradient(100deg,rgba(5,25,44,.43) 0%,rgba(5,34,58,.25) 58%,rgba(5,34,58,.11) 100%),var(--heritage-hero-image,none)!important;
  background-size:cover!important;
  background-position:var(--heritage-hero-position,center)!important;
  background-repeat:no-repeat!important;
}
/* Heritage topic has no configured photograph in the current page data.
   Keep the branded background, but use a lighter, quieter gradient. */
.heritage-topic-hero{
  background-color:#123b60!important;
  background-image:linear-gradient(100deg,rgba(5,25,44,.48) 0%,rgba(5,34,58,.30) 58%,rgba(5,34,58,.14) 100%),url('../images/heritage-hero-community.webp')!important;
  background-size:cover!important;background-position:center 48%!important;
}

/* Archive: preserve the configured collage; central CSS now owns its overlay. */
.kp-archive-page .archive-hero{
  background-color:#123b60!important;
  background-image:radial-gradient(ellipse at 82% 18%,rgba(196,154,88,.12),transparent 34%),linear-gradient(100deg,rgba(5,25,44,.46) 0%,rgba(5,34,58,.26) 58%,rgba(5,34,58,.12) 100%),var(--archive-hero-image)!important;
  background-size:cover!important;
  background-position:var(--archive-hero-position,center 55%)!important;
}

/* Travel: use its own hero image variable and a lighter blue veil. */
.travel-hero{
  background-color:#123b60!important;
  background-image:linear-gradient(100deg,rgba(5,25,44,.43) 0%,rgba(5,34,58,.24) 60%,rgba(5,34,58,.11) 100%),var(--travel-hero-image)!important;
  background-size:cover!important;background-position:center 48%!important;
}
.travel-hero .travel-lead{color:rgba(255,255,255,.97)!important}

/* Share Knowledge: PHP supplies the selected photo; central CSS owns the treatment. */
.knowledge-hero{
  background-color:#123b60!important;
  background-image:linear-gradient(100deg,rgba(5,25,44,.43) 0%,rgba(5,34,58,.24) 60%,rgba(5,34,58,.11) 100%),var(--knowledge-hero-image,none)!important;
  background-size:cover!important;background-position:center!important;
}
.knowledge-hero h1{color:#fff!important}
.knowledge-lead{color:rgba(255,255,255,.97)!important}

/* Donation and merchandise: show the existing image more clearly without losing text contrast. */
.donation-image-hero .donation-hero-image-backdrop,
.merchandise-image-hero .merchandise-hero-image-backdrop{
  filter:blur(12px) brightness(.68) saturate(1.08)!important;
}
.donation-image-hero .donation-hero-image,
.merchandise-image-hero .merchandise-hero-image{
  filter:saturate(1.08) contrast(1.04);
}
.donation-image-hero .container,.merchandise-image-hero .container{z-index:2}
.donation-image-hero:after,.merchandise-image-hero:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,25,44,.25),rgba(5,25,44,.08) 72%,rgba(5,25,44,.02));
}

/* Generic request pages have no page-specific photograph configured currently. */
.request-hero:not(.donation-image-hero):not(.merchandise-image-hero){
  background-color:#123b60!important;
  background-image:linear-gradient(100deg,rgba(5,25,44,.48) 0%,rgba(5,34,58,.30) 58%,rgba(5,34,58,.14) 100%),url('../images/home-hero-community-gathering.webp')!important;
  background-size:cover!important;background-position:center 48%!important;
}

/* Responsive legibility: preserve image coverage and tighten text spacing. */
@media(max-width:760px){
  .region-page-hero,.country-hero,.community-directory-hero,.community-profile-hero,
  .heritage-hub-hero,.heritage-topic-hero,.archive-hero,.travel-hero,
  .request-hero,.knowledge-hero{
    background-position:center center;
  }
  .hero.hero-slideshow .hero-shade{
    background:linear-gradient(180deg,rgba(4,24,43,.34),rgba(4,24,43,.43))!important;
  }
  .region-page-hero h1,.country-hero h1,.community-directory-hero h1,
  .community-profile-hero h1,.heritage-hub-hero h1,.heritage-topic-hero h1,
  .archive-hero h1,.travel-hero h1,.request-hero h1,.knowledge-hero h1{
    text-shadow:0 3px 16px rgba(0,0,0,.48);
  }
}
@media(prefers-reduced-motion:reduce){
  .community-profile-flags img{animation:none!important}
}


/* =========================================================
   V2.7 — HOMEPAGE ARCHIVE & OPPORTUNITIES SECTION REFINEMENT
   Align these two homepage sections with the shared hero design
   system while preserving their existing HTML and functionality.
   ========================================================= */

/* Heritage archive: cinematic image banner with the established
   navy overlay, champagne accents and clearer editorial hierarchy. */
.archive-banner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:290px;
  padding:clamp(62px,7vw,88px) 0;
  background-color:#123b60;
  background-image:
    linear-gradient(100deg,rgba(5,25,45,.72) 0%,rgba(7,39,68,.52) 58%,rgba(8,47,80,.30) 100%),
    url('../images/community-gathering.webp');
  background-size:cover;
  background-position:center 46%;
  background-repeat:no-repeat;
}
.archive-banner:after{
  z-index:0;
  background:
    radial-gradient(ellipse at 82% 48%,rgba(225,190,126,.17),transparent 31%),
    linear-gradient(90deg,rgba(4,22,39,.10),transparent 72%);
}
.archive-inner{
  position:relative;
  z-index:1;
  width:min(1160px,calc(100% - 48px));
  margin-inline:auto;
  align-items:center;
  gap:clamp(28px,6vw,90px);
}
.archive-inner>div:first-child{
  max-width:690px;
}
.archive-inner .eyebrow{
  color:#f2cf86;
  font-size:9px;
  font-weight:850;
  letter-spacing:2.2px;
  margin:0 0 13px;
  text-shadow:0 2px 10px rgba(0,0,0,.4);
}
.archive-inner h2{
  color:#fff;
  font-size:clamp(38px,4.5vw,58px);
  line-height:1.08;
  letter-spacing:-.8px;
  margin:0 0 15px;
  text-shadow:0 3px 18px rgba(0,0,0,.42);
}
.archive-inner>div:first-child>p:last-of-type{
  max-width:590px;
  color:rgba(255,255,255,.94);
  font-size:clamp(12px,1vw,14px);
  line-height:1.85;
  margin:0;
  text-shadow:0 2px 12px rgba(0,0,0,.4);
}
.archive-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  padding:11px 15px;
  border:1px solid rgba(242,207,134,.68);
  border-radius:3px;
  background:rgba(7,35,60,.24);
  color:#f2cf86;
  font-size:10px;
  font-weight:800;
  letter-spacing:.35px;
  text-decoration:none;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}
.archive-link span{margin-left:0}
.archive-link:hover,
.archive-link:focus-visible{
  background:#e8c27f;
  border-color:#e8c27f;
  color:#123e69;
  transform:translateY(-2px);
}
.archive-seal{
  width:clamp(116px,11vw,150px);
  height:clamp(116px,11vw,150px);
  flex:0 0 auto;
  border:1px solid rgba(242,207,134,.82);
  background:rgba(7,35,60,.20);
  box-shadow:0 0 0 7px rgba(242,207,134,.055),0 12px 34px rgba(0,0,0,.16);
  color:#f2cf86;
  transform:rotate(-8deg);
  transition:transform .3s ease,background .3s ease,box-shadow .3s ease;
}
.archive-banner:hover .archive-seal{
  transform:rotate(0deg);
  background:rgba(7,35,60,.34);
  box-shadow:0 0 0 9px rgba(242,207,134,.07),0 15px 38px rgba(0,0,0,.2);
}
.archive-seal span{
  font-size:clamp(42px,4.2vw,58px);
  text-shadow:0 2px 12px rgba(0,0,0,.3);
}
.archive-seal small{
  color:#f4dfb8;
  font-size:7px;
  letter-spacing:1.7px;
  line-height:1.5;
}

/* Opportunities: warm editorial section, stronger two-column balance,
   and refined directory rows with subtle gold interaction. */
.coming-section{
  position:relative;
  overflow:hidden;
  padding:clamp(70px,8vw,104px) 0;
  background:
    radial-gradient(ellipse at 8% 15%,rgba(196,154,88,.075),transparent 34%),
    linear-gradient(180deg,#fffdf9 0%,#f8f5ee 100%);
}
.coming-grid{
  width:min(1160px,calc(100% - 48px));
  margin-inline:auto;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  align-items:center;
  gap:clamp(38px,7vw,100px);
}
.coming-grid>div:first-child{
  max-width:510px;
}
.coming-grid .eyebrow-dark{
  color:#a77a38;
  font-size:9px;
  font-weight:850;
  letter-spacing:2.2px;
  margin:0 0 14px;
}
.coming-grid h2{
  color:#123e69;
  font-size:clamp(36px,4.2vw,53px);
  line-height:1.1;
  letter-spacing:-.8px;
}
.coming-grid h2 em{
  color:#b48645;
}
.opportunity-intro{
  max-width:440px;
  margin:20px 0 0;
  color:#64717b;
  font-size:13px;
  line-height:1.9;
}
.coming-list{
  display:grid;
  gap:0;
  border-top:1px solid rgba(184,139,76,.25);
}
.coming-list>div{
  position:relative;
  display:flex;
  align-items:center;
  gap:clamp(12px,1.7vw,22px);
  min-height:76px;
  padding:15px 14px;
  border-bottom:1px solid rgba(184,139,76,.25);
  background:transparent;
  transition:background .22s ease,padding .22s ease,border-color .22s ease;
}
.coming-list>div:hover{
  padding-left:20px;
  background:rgba(255,255,255,.82);
  border-bottom-color:rgba(184,139,76,.48);
}
.coming-list>div>span{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  flex:0 0 31px;
  border:1px solid rgba(184,139,76,.38);
  border-radius:50%;
  color:#a77a38;
  font:600 11px var(--serif);
  transition:background .22s ease,color .22s ease,border-color .22s ease;
}
.coming-list>div:hover>span{
  background:#123e69;
  border-color:#123e69;
  color:#f2cf86;
}
.coming-list p{
  min-width:0;
  gap:3px;
}
.coming-list strong{
  color:#123e69;
  font:600 17px/1.3 var(--serif);
}
.coming-list small{
  color:#687581;
  font-size:10px;
  line-height:1.55;
}
.coming-list b{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid rgba(184,139,76,.25);
  border-radius:2px;
  background:#f5efe4;
  color:#98713b;
  font-size:7px;
  font-weight:850;
  letter-spacing:1.1px;
  line-height:1.2;
  text-align:center;
}

/* Tablet and mobile: retain the seal and stack the opportunities cleanly. */
@media(max-width:900px){
  .archive-banner{min-height:0;padding:62px 0}
  .archive-inner{gap:28px}
  .coming-grid{gap:34px}
}
@media(max-width:760px){
  .archive-banner{
    padding:56px 0;
    background-position:58% center;
  }
  .archive-inner{
    width:min(100% - 34px,600px);
    align-items:center;
    gap:18px;
  }
  .archive-inner h2{font-size:clamp(34px,8vw,46px)}
  .archive-inner>div:first-child>p:last-of-type{font-size:12px}
  .archive-seal{
    width:92px;
    height:92px;
  }
  .archive-seal span{font-size:34px}
  .archive-seal small{font-size:5px;letter-spacing:1.1px}
  .coming-section{padding:64px 0}
  .coming-grid{
    width:min(100% - 34px,600px);
    grid-template-columns:1fr;
    gap:28px;
  }
  .coming-grid h2{font-size:clamp(34px,8vw,44px)}
  .opportunity-intro{margin-top:15px}
  .coming-list>div{min-height:70px;padding:13px 8px;gap:12px}
  .coming-list>div:hover{padding-left:12px}
  .coming-list strong{font-size:16px}
}
@media(max-width:420px){
  .archive-banner{padding:48px 0}
  .archive-inner{align-items:flex-start}
  .archive-seal{
    display:flex;
    width:70px;
    height:70px;
    margin-top:8px;
  }
  .archive-seal span{font-size:27px}
  .archive-seal small{font-size:4px;letter-spacing:.8px;margin-top:3px}
  .archive-link{font-size:9px;padding:10px 11px}
  .coming-list>div{gap:9px;padding-inline:3px}
  .coming-list>div>span{width:27px;height:27px;flex-basis:27px;font-size:10px}
  .coming-list strong{font-size:15px}
  .coming-list small{font-size:9px}
  .coming-list b{padding:4px 5px;font-size:6px;letter-spacing:.7px}
}
@media(prefers-reduced-motion:reduce){
  .archive-link,.archive-seal,.coming-list>div,.coming-list>div>span{transition:none!important}
}