:root{
  --ink:#17131f;--ink-2:#292432;--paper:#fbfaf7;--paper-2:#f3efe9;--white:#fff;
  --violet:#6547d8;--violet-2:#8b65ec;--blue:#245bc8;--cyan:#66c6eb;--green:#1f8c70;
  --coral:#ef6b82;--orange:#f2a24b;--gold:#f4c84b;--red:#c94b65;
  --line:rgba(23,19,31,.14);--line-light:rgba(255,255,255,.24);--muted:#6e6876;
  --shadow:0 18px 54px rgba(35,28,51,.11);--shadow-lg:0 34px 90px rgba(35,28,51,.18);
  --radius:28px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--wrap:1180px;--wrap-wide:1380px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;z-index:10000;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--violet),var(--coral),var(--orange),var(--gold),var(--cyan),var(--blue))}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}.wrap-wide{width:min(var(--wrap-wide),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;z-index:12000;left:18px;top:-70px;background:#fff;color:#111;padding:11px 16px;border-radius:12px;box-shadow:var(--shadow)}.skip-link:focus{top:16px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.kenjac-editor-banner{position:sticky;top:0;z-index:9999;background:#101923;color:#fff;padding:9px 18px;display:flex;gap:16px;font-size:12px}.kenjac-editor-banner strong{color:var(--gold)}

/* Header ---------------------------------------------------------------- */
.site-header{position:sticky;top:4px;z-index:900;background:rgba(251,250,247,.84);backdrop-filter:blur(22px) saturate(130%);border-bottom:1px solid rgba(23,19,31,.08)}.site-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:190px}.brand img{width:46px;height:46px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:13px;letter-spacing:.09em;font-weight:900}.brand small{margin-top:5px;font-size:10px;color:var(--muted);font-weight:700}.desktop-nav{display:flex;align-items:center;gap:6px}.desktop-nav>a,.desktop-nav>button{border:0;background:transparent;text-decoration:none;padding:10px 12px;border-radius:999px;font-size:13px;font-weight:900;cursor:pointer;transition:.2s ease}.desktop-nav>a:hover,.desktop-nav>button:hover{background:#eee9e2;transform:translateY(-1px)}.desktop-nav .is-current{box-shadow:inset 0 0 0 1px var(--line)}.desktop-nav .nav-subscribe{border:1px solid var(--ink);background:transparent}.desktop-nav .nav-donate{background:var(--coral);color:#1b1017}.desktop-nav .nav-donate:hover{background:#f17c90}.desktop-nav .nav-support{background:var(--ink);color:#fff;padding-inline:17px}.desktop-nav .nav-support:hover{background:#2b2534}.desktop-nav .nav-explore{background:var(--violet);color:#fff;padding-inline:17px}.desktop-nav .nav-explore:hover{background:#5638cc}.nav-explore span{font-size:16px;margin-left:5px}.mobile-toggle{display:none;border:0;background:var(--ink);width:44px;height:44px;border-radius:50%;padding:12px;cursor:pointer}.mobile-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:99px}.mobile-panel{display:none}.mobile-panel.open{display:grid;padding:12px 24px 24px;border-top:1px solid var(--line);background:rgba(251,250,247,.98)}.mobile-panel a,.mobile-panel button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 0;text-align:left;text-decoration:none;font-weight:900;font-size:15px}.mobile-panel button{cursor:pointer}

/* Shared actions -------------------------------------------------------- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:999px;padding:13px 18px;text-decoration:none;font-weight:900;font-size:14px;transition:.2s ease;cursor:pointer}.button span{font-size:17px}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:var(--ink);box-shadow:0 10px 30px rgba(28,16,35,.13)}.button-dark{background:var(--ink);color:#fff}.text-action{display:inline-flex;gap:8px;align-items:center;color:#fff;text-decoration:none;font-weight:900;font-size:14px;border-bottom:1px solid rgba(255,255,255,.42);padding-bottom:3px}.text-action.dark{color:var(--ink);border-color:rgba(23,19,31,.3)}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}

/* Home hero ------------------------------------------------------------- */
.home-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#6d55d8 0%,#7456d5 30%,#df657d 70%,#f0a047 100%);color:#fff}.home-hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-150px;top:-280px;background:rgba(255,220,80,.28);filter:blur(2px)}.home-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;left:40%;bottom:-210px;background:rgba(90,208,235,.2)}.home-hero-grid{position:relative;z-index:1;min-height:670px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:76px 0 86px}.home-hero-copy{max-width:770px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.home-hero .eyebrow{color:rgba(255,255,255,.83)}.home-hero h1{margin:16px 0 18px;max-width:780px;font-size:clamp(68px,7.4vw,116px);line-height:.91;letter-spacing:-.064em;font-weight:900}.home-hero .lead{max-width:660px;margin:0;font-size:18px;line-height:1.62;color:rgba(255,255,255,.88)}.hero-art{position:relative;min-height:520px}.hero-house{position:absolute;inset:24px 30px 40px 38px;margin:0;border:8px solid rgba(255,255,255,.72);border-radius:34px;overflow:hidden;transform:rotate(2.5deg);box-shadow:0 36px 80px rgba(36,17,50,.26);background:#fff}.hero-house img{width:100%;height:100%;object-fit:cover}.hero-house figcaption{position:absolute;left:18px;bottom:16px;padding:9px 12px;border-radius:999px;background:rgba(18,18,24,.78);backdrop-filter:blur(10px);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-orb{position:absolute;border-radius:50%;border:10px solid rgba(255,255,255,.55)}.hero-orb-a{width:132px;height:132px;right:-8px;top:0;background:var(--gold)}.hero-orb-b{width:82px;height:82px;left:0;bottom:48px;background:var(--cyan)}.hero-note{position:absolute;right:0;bottom:0;max-width:320px;padding:18px 20px;border-radius:22px;background:rgba(23,19,31,.88);backdrop-filter:blur(14px);box-shadow:var(--shadow);transform:rotate(-2deg)}.hero-note b,.hero-note span{display:block}.hero-note b{font-size:13px}.hero-note span{margin-top:4px;color:#d9d3df;font-size:11px}

/* Inner page hero ------------------------------------------------------- */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#f8f4ed 0%,#f1edf8 48%,#e9f5f9 100%);border-bottom:1px solid var(--line)}.page-hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:7%;top:-220px;background:rgba(101,71,216,.14)}.page-hero-grid{min-height:390px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center;padding:76px 0 70px}.page-hero .eyebrow{color:var(--violet)}.page-hero h1{margin:12px 0 14px;max-width:880px;font-size:clamp(48px,6vw,86px);line-height:.96;letter-spacing:-.055em;font-weight:900}.page-hero .lead{max-width:760px;margin:0;color:#5f5967;font-size:17px;line-height:1.62}.page-hero-mark{position:relative;min-height:220px;display:grid;place-items:center}.page-hero-mark span{font-size:clamp(70px,10vw,160px);font-weight:900;letter-spacing:-.08em;color:rgba(101,71,216,.12);transform:rotate(-5deg)}.page-hero-mark i{position:absolute;width:110px;height:110px;border-radius:50%;background:var(--gold);right:12%;top:10%;box-shadow:inset 0 0 0 9px rgba(255,255,255,.52)}.page-hero-mark b{position:absolute;left:20%;bottom:8%;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--coral);font-size:34px;color:#fff}

.site-main{min-height:20vh}.page-content{padding:78px 0 110px}.hero-home .page-content{padding-top:0}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px;padding-bottom:12px;border-bottom:1px solid var(--line)}.section-topline>span,.section-number,.section-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--violet)}.section-topline p{margin:0;max-width:560px;text-align:right;color:var(--muted);font-size:13px}.section-topline a{text-decoration:none;font-size:13px;font-weight:900}.section-heading-big{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-heading-big>div{max-width:820px}.section-heading-big h2{margin:0;max-width:820px;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.052em}.section-heading-big>p{max-width:460px;margin:0;color:var(--muted);font-size:15px}.section-heading-big>a{text-decoration:none;font-weight:900;white-space:nowrap}.editorial-section{padding:98px 0}

/* Start routes ---------------------------------------------------------- */
.route-strip{width:min(var(--wrap-wide),calc(100% - 48px));margin:-24px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border-radius:24px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow-lg)}.route-strip a{min-height:134px;padding:22px 23px;color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.13);position:relative;transition:.2s ease}.route-strip a:last-child{border-right:0}.route-strip a:hover{background:#29222f}.route-strip span,.route-strip b{display:block}.route-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#aaa1b4;font-weight:900}.route-strip b{margin-top:26px;max-width:190px;font-size:17px;line-height:1.18}.route-strip i{position:absolute;right:20px;bottom:20px;font-style:normal;color:var(--gold);font-size:20px}

/* Programs -------------------------------------------------------------- */
.work-section{padding-top:110px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.program-card{position:relative;min-height:350px;border:0;border-radius:28px;padding:24px;text-align:left;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}.program-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-54px;top:-56px;background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 12px rgba(255,255,255,.18)}.program-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.program-index{font-size:10px;font-weight:900;letter-spacing:.13em;position:relative}.program-symbol{position:relative;margin:44px 0 22px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.38);font-size:32px;font-weight:900}.program-card h3{position:relative;margin:auto 0 9px;max-width:330px;font-size:29px;line-height:1.02;letter-spacing:-.035em}.program-card p{position:relative;margin:0;max-width:330px;font-size:13px;line-height:1.5;color:rgba(23,19,31,.75)}.program-card b{position:relative;margin-top:22px;font-size:12px}.program-card b i{font-style:normal;font-size:16px;margin-left:5px}.tone-violet{background:#b6a4f4}.tone-green{background:#78c4a5}.tone-orange{background:#f4a955}.tone-blue{background:#74b3e8}.tone-coral{background:#ef8c9c}.tone-gold{background:#f2ce61}.work-note{margin-top:14px;padding:22px 26px;border-radius:22px;background:#eee9e2;display:grid;grid-template-columns:210px 1fr auto;gap:20px;align-items:center}.work-note span{font-weight:900}.work-note p{margin:0;color:#665f6c;font-size:13px}.work-note a{text-decoration:none;font-size:12px;font-weight:900}

/* Story ----------------------------------------------------------------- */
.story-section{margin:50px 0 0;padding:48px;border-radius:36px;background:linear-gradient(135deg,#6e52d6 0%,#7d59d0 44%,#e0647d 100%);color:#fff;display:grid;grid-template-columns:.88fr 1.12fr;gap:56px;align-items:center;overflow:hidden}.story-photo-stack{position:relative;min-height:570px}.story-photo{margin:0;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 26px 70px rgba(39,19,52,.25)}.story-photo img{width:100%;height:100%;object-fit:cover}.story-photo.main{position:absolute;left:0;top:18px;width:79%;height:520px;transform:rotate(-3deg);border:6px solid rgba(255,255,255,.68)}.story-photo.main figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 14px;border-radius:18px;background:rgba(23,19,31,.78);backdrop-filter:blur(10px);font-size:11px}.story-photo.small{position:absolute;right:0;bottom:6px;width:45%;height:250px;transform:rotate(4deg);border:6px solid rgba(255,255,255,.72)}.story-copy-compact .section-number{color:#ffd26a}.story-copy-compact h2{margin:14px 0 14px;font-size:clamp(42px,5vw,67px);line-height:.98;letter-spacing:-.052em}.story-copy-compact>p{max-width:620px;margin:0 0 26px;color:#eee8f4;font-size:15px}.timeline-rail{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.32);margin-top:25px}.timeline-item{border:0;background:transparent;color:#e5dff0;text-align:left;padding:16px 7px 11px 0;cursor:pointer;border-bottom:3px solid transparent}.timeline-item b,.timeline-item span{display:block}.timeline-item b{font-size:13px}.timeline-item span{margin-top:3px;font-size:10px;color:#c9c0d4}.timeline-item.is-active{border-bottom-color:var(--gold);color:#fff}.timeline-item.is-active span{color:#fff}.timeline-copy{padding-top:20px;max-width:680px;color:#fff;font-size:14px;min-height:72px}

.statement-band{margin:70px 0;padding:58px 62px;border-radius:32px;background:#17131f;color:#fff;position:relative;overflow:hidden}.statement-band:after{content:"+";position:absolute;right:42px;top:10px;font-size:150px;line-height:1;color:rgba(244,200,75,.22);font-weight:900}.statement-band>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:900}.statement-band h2{max-width:900px;margin:12px 0 25px;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.05em}.statement-band>div{display:flex;gap:20px;flex-wrap:wrap}.statement-band a{color:#fff;text-decoration:none;border-bottom:1px solid #827b88;font-size:12px;font-weight:900;padding-bottom:4px}

/* Impact ---------------------------------------------------------------- */
.impact-section{padding:100px 0}.impact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:16px}.impact-lead{min-height:460px;padding:34px;border-radius:30px;background:var(--violet);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.impact-lead:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:var(--gold);right:-64px;top:-55px;box-shadow:inset 0 0 0 18px rgba(255,255,255,.3)}.impact-lead>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.impact-lead strong{font-size:100px;line-height:.9;letter-spacing:-.07em}.impact-lead p{max-width:360px;margin:12px 0 28px;color:#eee8fb}.impact-lead a{color:#fff;text-decoration:none;font-size:12px;font-weight:900}.impact-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.impact-stats article{min-height:220px;padding:26px;border-radius:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.impact-stats article.wide{grid-column:1/-1;min-height:190px}.impact-stats strong{font-size:45px;line-height:1;letter-spacing:-.04em}.impact-stats span{margin-top:10px;max-width:320px;color:#665f6c;font-size:13px}.bar{display:block;height:8px;margin-top:auto;border-radius:99px;background:#e7e1dc;position:relative;overflow:hidden}.bar:after{content:"";position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--coral),var(--orange))}.b25:after{width:25%}.b60:after{width:60%}.b75:after{width:75%}.b100:after{width:100%}

/* Community ------------------------------------------------------------- */
.community-section{margin:25px 0 95px;padding:58px;border-radius:36px;background:linear-gradient(125deg,#173b68,#225bc0 54%,#63bfe5);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}.community-intro>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#aee9ff;font-weight:900}.community-intro h2{margin:13px 0 14px;font-size:clamp(40px,4.5vw,64px);line-height:.98;letter-spacing:-.05em}.community-intro p{max-width:520px;color:#d9edf8}.community-cards{display:grid;grid-template-columns:1fr;gap:12px}.community-cards article{padding:24px 26px;border:1px solid rgba(255,255,255,.23);border-radius:22px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.community-cards span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#aee9ff;font-weight:900}.community-cards h3{margin:8px 0 0;font-size:23px;line-height:1.12}

/* Gallery --------------------------------------------------------------- */
.gallery-section{padding:40px 0 100px}.gallery-grid-home{display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:12px;min-height:560px}.gallery-grid-home figure{margin:0;position:relative;overflow:hidden;border-radius:28px;background:#ddd}.gallery-grid-home img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-grid-home figure:hover img{transform:scale(1.025)}.gallery-grid-home figcaption{position:absolute;left:16px;bottom:16px;padding:9px 12px;border-radius:999px;background:rgba(23,19,31,.8);color:#fff;font-size:10px;font-weight:900;backdrop-filter:blur(10px)}

/* Stories --------------------------------------------------------------- */
.stories-section{padding:80px 0 100px}.story-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-card{min-height:420px;border-radius:28px;padding:18px;text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:.2s ease}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.story-card img,.story-card-art{height:235px;border-radius:20px;object-fit:cover}.story-card-art{display:flex;align-items:center;justify-content:space-between;padding:22px;background:rgba(255,255,255,.32);font-weight:900}.story-card-art span{font-size:25px}.story-card-art b{font-size:55px;line-height:1}.story-card small{margin-top:18px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:9px}.story-card h3{margin:8px 0 18px;font-size:23px;line-height:1.1;letter-spacing:-.025em}.story-card>span{margin-top:auto;font-size:12px;font-weight:900}.story-tone-1{background:#b6a4f4}.story-tone-2{background:#f0c85a}.story-tone-3{background:#e98598}.partners-section{padding:35px 0 95px;border-top:1px solid var(--line)}.partners-section>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--muted)}.partner-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.partner-logos img{height:90px;width:100%;object-fit:contain;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;filter:grayscale(.15)}

/* Hub: stories + knowledge + gallery ----------------------------------- */
.hub-tabs{display:flex;gap:8px;position:sticky;top:100px;z-index:40;width:max-content;max-width:100%;margin:-40px 0 58px;padding:7px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow)}.hub-tabs button{border:0;border-radius:999px;background:transparent;padding:11px 16px;font-size:12px;font-weight:900;cursor:pointer}.hub-tabs button.is-active{background:var(--ink);color:#fff}.hub-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:50%;background:rgba(255,255,255,.2);font-size:9px}.hub-panel{padding-bottom:40px}.hub-panel-heading{display:grid;grid-template-columns:.42fr 1.58fr;gap:40px;margin-bottom:36px;align-items:start}.hub-panel-heading>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--violet);font-weight:900}.hub-panel-heading h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.05em}.hub-panel-heading p{grid-column:2;margin:0;color:var(--muted);max-width:680px}.hub-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-story-card{min-height:420px;padding:17px;border-radius:28px;text-decoration:none;display:flex;flex-direction:column}.hub-story-card:nth-child(4n+1){background:#b4a1f3}.hub-story-card:nth-child(4n+2){background:#f0ca60}.hub-story-card:nth-child(4n+3){background:#e98b9c}.hub-story-card:nth-child(4n+4){background:#78c3a6}.hub-story-card figure{margin:0;height:230px;border-radius:20px;overflow:hidden}.hub-story-card img{width:100%;height:100%;object-fit:cover}.hub-story-art{height:230px;border-radius:20px;background:rgba(255,255,255,.3);padding:22px;display:flex;align-items:flex-start;justify-content:space-between;font-weight:900}.hub-story-art span{font-size:28px}.hub-story-art b{font-size:58px}.hub-story-card small{margin-top:18px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.hub-story-card h3{margin:8px 0 8px;font-size:23px;line-height:1.1}.hub-story-card p{margin:0;color:rgba(23,19,31,.72);font-size:12px}.hub-story-card i{font-style:normal;margin-top:auto;font-size:12px;font-weight:900}.hub-empty{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:center;padding:38px;border:1px solid var(--line);border-radius:28px}.hub-empty-art{height:240px;border-radius:22px;background:linear-gradient(135deg,var(--violet),var(--coral));color:#fff;display:flex;align-items:flex-end;justify-content:space-between;padding:24px;font-size:34px;font-weight:900}.hub-empty-art span{font-size:60px}.knowledge-grid{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:14px}.knowledge-feature{grid-row:span 2;min-height:560px;position:relative;overflow:hidden;border-radius:28px;text-decoration:none;background:#221a2f}.knowledge-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}.knowledge-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(23,19,31,.95))}.knowledge-feature div{position:absolute;z-index:2;left:25px;right:25px;bottom:25px;color:#fff}.knowledge-feature small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#ffd76e;font-weight:900}.knowledge-feature h3{margin:7px 0 15px;font-size:31px;line-height:1.05}.knowledge-feature span{font-size:12px;font-weight:900}.knowledge-card{min-height:270px;border-radius:28px;padding:25px;text-decoration:none;display:flex;flex-direction:column}.knowledge-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.knowledge-card h3{margin:18px 0;font-size:26px;line-height:1.06}.knowledge-card b{margin-top:auto;font-size:12px}.k-violet{background:#b6a4f4}.k-blue{background:#7db7e7}.k-gold{background:#efd068}.k-coral{background:#e98a9b}.hub-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:12px}.hub-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:24px}.hub-gallery .g-wide{grid-column:span 2;grid-row:span 2}.hub-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.hub-gallery figure:hover img{transform:scale(1.025)}.hub-gallery figcaption{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(23,19,31,.8);color:#fff;font-size:10px;font-weight:900}

/* Support page ---------------------------------------------------------- */
.support-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.support-choice{min-height:300px;border-radius:28px;padding:27px;text-decoration:none;display:flex;flex-direction:column;transition:.2s ease}.support-choice:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.support-choice>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.support-choice h2{margin:auto 0 10px;max-width:500px;font-size:35px;line-height:1.02;letter-spacing:-.04em}.support-choice p{margin:0 0 20px;max-width:500px;font-size:13px;color:rgba(23,19,31,.72)}.support-choice b{font-size:12px}.s-violet{background:#b6a4f4}.s-green{background:#7fc5aa}.s-coral{background:#eb8a9b}.s-blue{background:#79b7e9}.s-gold{background:#efd06b}.s-dark{background:#17131f;color:#fff}.s-dark p{color:#cfc8d5}.support-footer-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:32px;border-radius:24px;background:#eee9e3}.support-footer-note span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--violet)}.support-footer-note h2{margin:5px 0 0;font-size:34px}

/* Forms and transactional pages ---------------------------------------- */
.content>h2,.content>h3,.page-content>h2,.page-content>h3{letter-spacing:-.035em}.statement{font-size:24px;line-height:1.35;max-width:900px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:28px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 16px 46px rgba(31,23,44,.06)}.form.form-nested{box-shadow:none;padding:18px;background:#f7f3ee}.form label,.field-group{display:block;font-size:12px;font-weight:900;color:#342d3a}.form label span.field-optional,.field-optional{font-weight:400;color:var(--muted);font-size:10px}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cfc8d2;border-radius:13px;background:#fff;color:var(--ink);outline:none}.form textarea{min-height:135px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(101,71,216,.1)}.form button[type=submit],.form-submit-row button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:13px 19px;font-weight:900;cursor:pointer}.form button[type=submit]:hover{background:var(--violet)}.full{grid-column:1/-1}.check{display:flex!important;align-items:flex-start;gap:9px}.check input{width:auto!important;margin:3px 0 0!important}.callout,.notice{padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:#fff;margin:0 0 20px}.status-ok{background:#e8f5ed;border-color:#a8d3b7;color:#225c39}.status-err{background:#fff0f2;border-color:#e1b7be;color:#8b2c3b}.notice{background:#fff7d8;border-color:#e9cc72}.form-section{grid-column:1/-1;padding-top:10px}.form-section-title{grid-column:1/-1;padding:10px 0 5px;border-bottom:1px solid var(--line)}.form-section-title h2{margin:0;font-size:22px}.form-section-title p,.form-help,.form-reassurance{color:var(--muted);font-size:12px}.field-label{display:block;margin-bottom:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.inline-options{display:flex;gap:10px;flex-wrap:wrap}.inline-options label{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700}.inline-options input{width:auto!important;margin:0!important}.choice-grid,.service-choice-grid,.priority-grid,.mini-grid,.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.priority-grid{grid-template-columns:repeat(3,1fr)}.choice-card,.service-choice{display:block;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.choice-card input,.service-choice input{width:auto;margin-right:7px}.nested-form-grid,.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.referral-parties{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.tracking-reference{font-size:22px;font-weight:900;letter-spacing:.04em}.secure-pill,.pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#ece7f4;color:#514367;font-size:10px;font-weight:900}.form-intro-band,.callout-panel,.contact-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border-radius:22px;background:#ede8e1;margin:18px 0}.callout-panel h2,.form-intro-band h2{margin:5px 0}.clean-list{padding-left:20px}.clean-list li{margin:7px 0}.consent-section{grid-column:1/-1;padding:20px;border-radius:18px;background:#f4f1ed}.consent-copy{font-size:13px;color:#5e5764}.consent-line{margin-top:14px}

.contact-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.contact-route-grid a{padding:22px;border-radius:22px;background:#eee9e2;text-decoration:none}.contact-route-grid small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--violet)}.contact-route-grid h3{margin:12px 0 7px;font-size:21px}.contact-route-grid p{font-size:12px;color:var(--muted)}.contact-route-grid strong{font-size:11px}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin-bottom:34px}.intro-grid h2{margin:7px 0;font-size:38px;line-height:1.05}.section-lead{color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.value-grid article{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff}.value-grid article>span{font-size:10px;color:var(--violet);font-weight:900}.value-grid h3{font-size:20px}.value-grid p{font-size:12px;color:var(--muted)}

/* Donate */
.donate-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.donate-story{padding:34px;border-radius:28px;background:linear-gradient(145deg,var(--violet),#805dd6 48%,var(--coral));color:#fff}.donate-story h2{font-size:42px;line-height:1.02}.donation-points{display:grid;gap:9px}.donation-points>div{padding:13px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(255,255,255,.08)}.amount-presets{display:flex;gap:8px;flex-wrap:wrap}.amount-presets button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 12px;cursor:pointer;font-weight:900}.donate-trust{color:var(--muted);font-size:11px}.donate-success{padding:25px;border-radius:24px;background:#e8f5ed}

/* Careers */
.vacancy-list{display:grid;gap:14px}.vacancy-card{padding:26px;border-radius:24px;border:1px solid var(--line);background:#fff}.vacancy-meta{display:flex;gap:7px;flex-wrap:wrap}.vacancy-meta span{padding:6px 9px;border-radius:999px;background:#eee9e2;font-size:9px;font-weight:900}.vacancy-card h3{font-size:30px;margin:14px 0}.vacancy-card p{color:var(--muted)}.vacancy-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid var(--line);font-size:11px}.text-link{font-weight:900;text-decoration:none}.career-apply{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;margin-top:50px}.empty-story{padding:28px;border-radius:24px;background:#eee9e2}.empty-story img{display:none}

/* Article */
.article-cover{width:100%;max-height:660px;object-fit:cover;border-radius:28px;margin-bottom:20px}.article-meta{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.article-body{max-width:820px;margin:32px auto;font-size:17px;line-height:1.78}.article-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:36px}.article-gallery figure{margin:0}.article-gallery img{width:100%;height:360px;object-fit:cover;border-radius:22px}.article-gallery figcaption{font-size:10px;color:var(--muted);padding:6px}.article-back{margin-top:40px}.article-back a{text-decoration:none}

/* Modal system ---------------------------------------------------------- */
.kenjac-modal{width:min(1050px,calc(100% - 42px));max-height:min(86vh,820px);padding:0;border:0;border-radius:34px;background:#f8f5f1;color:var(--ink);box-shadow:0 40px 120px rgba(23,15,34,.35);overflow:hidden}.kenjac-modal::backdrop{background:rgba(27,22,34,.48);backdrop-filter:blur(8px)}.modal-rail{position:absolute;left:18px;top:44px;bottom:44px;width:9px;border-radius:999px;background:linear-gradient(180deg,var(--violet),var(--coral),var(--orange))}.rail-violet{background:linear-gradient(180deg,var(--violet),#8b64ec,#c857c7)}.rail-coral{background:linear-gradient(180deg,var(--coral),var(--orange),var(--gold))}.modal-close{position:absolute;z-index:4;right:22px;top:18px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:24px;line-height:1;cursor:pointer}.modal-close:hover{background:var(--ink);color:#fff}.modal-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.modal-decoration i{position:absolute;border-radius:50%;border:8px solid rgba(255,255,255,.45)}.modal-decoration i:nth-child(1){width:116px;height:116px;right:90px;top:115px;background:var(--gold)}.modal-decoration i:nth-child(2){width:52px;height:52px;right:184px;top:205px;background:#fff}.modal-decoration i:nth-child(3){width:28px;height:28px;left:42%;bottom:64px;background:var(--coral)}.modal-wordmark{display:flex;align-items:center;gap:14px}.modal-wordmark img{width:72px}.modal-wordmark span{font-weight:900;font-size:18px}.explore-modal-content{position:relative;z-index:2;padding:58px 70px 38px}.explore-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin:55px 0 50px}.explore-columns section>span{display:block;margin-bottom:18px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:900}.explore-columns a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px;font-weight:900}.explore-columns a:hover{padding-left:5px}.explore-columns b{font-weight:400}.explore-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid var(--line)}.explore-bottom button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 17px;font-weight:900;cursor:pointer}.explore-bottom small{max-width:480px;color:var(--muted)}.subscribe-modal-content,.program-modal-content{position:relative;z-index:2;padding:72px 80px 66px;max-width:760px}.modal-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--violet);font-weight:900}.subscribe-modal h2,.program-modal h2{margin:12px 0 13px;font-size:clamp(48px,6vw,78px);line-height:.94;letter-spacing:-.055em}.subscribe-modal-content>p,.program-modal-summary{max-width:650px;color:#615a67;font-size:15px}.modal-subscribe-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:34px;max-width:680px}.modal-subscribe-form label>span{display:block;margin-bottom:7px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.modal-subscribe-form input{width:100%;border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff;outline:none}.modal-subscribe-form input:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(101,71,216,.1)}.modal-subscribe-form button{align-self:end;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:10px 12px 10px 18px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:14px}.modal-subscribe-form button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--ink);font-style:normal}.modal-smallprint{margin-top:14px;color:var(--muted);font-size:10px}.program-modal ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:28px 0 32px;list-style:none}.program-modal li{padding:13px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:700}.program-modal.tone-violet .modal-rail{background:var(--violet)}.program-modal.tone-green .modal-rail{background:var(--green)}.program-modal.tone-orange .modal-rail{background:var(--orange)}.program-modal.tone-blue .modal-rail{background:var(--blue)}.program-modal.tone-coral .modal-rail{background:var(--coral)}.program-modal.tone-gold .modal-rail{background:var(--gold)}

/* Footer ---------------------------------------------------------------- */
.footer{background:#17131f;color:#fff;padding:0 0 24px;overflow:hidden}.footer:before{content:"";display:block;height:6px;background:linear-gradient(90deg,var(--violet),var(--coral),var(--orange),var(--gold),var(--cyan),var(--blue))}.footer-cta{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:50px;border-bottom:1px solid rgba(255,255,255,.13)}.footer-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#9fe2fa;font-weight:900}.footer-cta h2{margin:10px 0 8px;max-width:800px;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.055em}.footer-cta p{margin:0;color:#aaa3af}.subscribe-big{display:flex;align-items:center;gap:18px;border:0;background:#fff;color:var(--ink);padding:10px 10px 10px 20px;border-radius:999px;font-weight:900;cursor:pointer;transition:.2s ease}.subscribe-big:hover{transform:translateY(-3px)}.subscribe-big i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);font-style:normal;font-size:18px;transition:transform .2s ease}.subscribe-big:hover i{transform:rotate(45deg)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:44px;padding:50px 0 36px}.footer-brand img{width:58px;margin-bottom:15px}.footer-brand strong{display:block;font-size:15px}.footer-brand p{max-width:380px;color:#9f98a5;font-size:12px}.footer-grid h4{margin:0 0 14px;color:#8b8492;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.footer-grid a{display:block;color:#e5e0e8;text-decoration:none;font-size:12px;margin:9px 0}.footer-grid a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);font-size:10px;color:#938c9a}.footer-bottom a{color:#bbb4c1;text-decoration:none}

/* Reveals --------------------------------------------------------------- */
.js-reveal [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.js-reveal [data-reveal].is-visible{opacity:1;transform:none}

/* Responsive ------------------------------------------------------------ */
@media(max-width:1100px){.desktop-nav{display:none}.mobile-toggle{display:block}.home-hero-grid{grid-template-columns:1fr;gap:20px}.hero-art{min-height:520px}.home-hero h1{max-width:920px}.route-strip{grid-template-columns:repeat(2,1fr)}.route-strip a:nth-child(2){border-right:0}.route-strip a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.program-grid{grid-template-columns:repeat(2,1fr)}.story-section{grid-template-columns:1fr}.story-photo-stack{min-height:500px}.impact-layout{grid-template-columns:1fr}.community-section{grid-template-columns:1fr}.gallery-grid-home{grid-template-columns:1.25fr .75fr;grid-template-rows:330px 260px}.gallery-a{grid-row:1/3}.gallery-c{grid-column:2}.hub-story-grid{grid-template-columns:repeat(2,1fr)}.knowledge-grid{grid-template-columns:1fr 1fr}.knowledge-feature{grid-row:auto;grid-column:1/-1;min-height:520px}.hub-gallery{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.page-hero-grid{grid-template-columns:1fr}.page-hero-mark{display:none}}
@media(max-width:760px){.wrap,.wrap-wide{width:min(100% - 26px,var(--wrap))}.site-nav{height:72px}.brand img{width:40px;height:40px}.brand small{display:none}.home-hero-grid{min-height:auto;padding:58px 0 66px}.home-hero h1{font-size:clamp(56px,17vw,78px)}.home-hero .lead{font-size:15px}.hero-art{min-height:390px}.hero-house{inset:20px 18px 35px 18px;border-width:5px}.hero-orb-a{width:95px;height:95px}.hero-orb-b{width:62px;height:62px}.hero-note{right:4px;max-width:260px}.route-strip{width:calc(100% - 26px);grid-template-columns:1fr;margin-top:-18px}.route-strip a{min-height:105px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.route-strip a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.route-strip b{margin-top:14px}.page-hero-grid{min-height:330px;padding:56px 0}.page-hero h1{font-size:clamp(45px,13vw,66px)}.page-hero .lead{font-size:15px}.page-content{padding:55px 0 80px}.section-topline{align-items:flex-start;flex-direction:column;gap:8px}.section-topline p{text-align:left}.section-heading-big{align-items:flex-start;flex-direction:column;gap:14px}.section-heading-big h2{font-size:clamp(39px,12vw,58px)}.editorial-section{padding:72px 0}.program-grid{grid-template-columns:1fr}.program-card{min-height:300px}.work-note{grid-template-columns:1fr}.story-section{padding:24px;border-radius:28px}.story-photo-stack{min-height:390px}.story-photo.main{height:350px;width:83%}.story-photo.small{height:180px}.story-copy-compact h2{font-size:clamp(38px,11vw,54px)}.timeline-rail{overflow:auto;grid-template-columns:repeat(5,115px)}.statement-band{padding:38px 25px}.statement-band h2{font-size:clamp(38px,11vw,55px)}.impact-section{padding:75px 0}.impact-lead{min-height:380px}.impact-lead strong{font-size:82px}.impact-stats{grid-template-columns:1fr}.impact-stats article.wide{grid-column:auto}.community-section{padding:30px 24px}.gallery-grid-home{grid-template-columns:1fr 1fr;grid-template-rows:300px 210px}.gallery-a{grid-column:1/3;grid-row:1}.gallery-b{grid-column:1;grid-row:2}.gallery-c{grid-column:2;grid-row:2}.story-card-grid,.hub-story-grid{grid-template-columns:1fr}.story-card{min-height:390px}.partner-logos{grid-template-columns:1fr 1fr}.hub-tabs{top:82px;overflow:auto;width:100%;justify-content:flex-start}.hub-panel-heading{grid-template-columns:1fr;gap:10px}.hub-panel-heading p{grid-column:auto}.knowledge-grid{grid-template-columns:1fr}.knowledge-feature{grid-column:auto;min-height:480px}.hub-gallery{grid-template-columns:1fr;grid-auto-rows:280px}.hub-gallery .g-wide{grid-column:auto;grid-row:auto}.support-choice-grid{grid-template-columns:1fr}.support-footer-note{align-items:flex-start;flex-direction:column}.form{grid-template-columns:1fr;padding:20px}.full{grid-column:auto}.nested-form-grid,.form-grid,.referral-parties,.choice-grid,.service-choice-grid,.priority-grid,.mini-grid,.compare-grid{grid-template-columns:1fr}.contact-route-grid{grid-template-columns:1fr 1fr}.intro-grid{grid-template-columns:1fr;gap:14px}.value-grid{grid-template-columns:1fr 1fr}.donate-layout,.career-apply{grid-template-columns:1fr}.article-gallery{grid-template-columns:1fr}.article-gallery img{height:290px}.kenjac-modal{width:calc(100% - 18px);border-radius:24px;max-height:92vh}.modal-rail{left:10px;top:34px;bottom:34px;width:6px}.modal-close{right:14px;top:12px}.explore-modal-content,.subscribe-modal-content,.program-modal-content{padding:58px 32px 38px 42px}.explore-columns{grid-template-columns:1fr;gap:24px;margin:35px 0}.explore-bottom{align-items:flex-start;flex-direction:column}.modal-decoration i:nth-child(1){right:-25px;top:90px;width:100px;height:100px}.modal-subscribe-form{grid-template-columns:1fr}.modal-subscribe-form button{justify-content:space-between}.program-modal ul{grid-template-columns:1fr}.footer-cta{min-height:340px;align-items:flex-start;justify-content:center;flex-direction:column}.footer-cta h2{font-size:clamp(42px,12vw,62px)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.contact-route-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-reveal [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.program-card,.story-card,.hub-story-card,.gallery-grid-home img,.hub-gallery img,.button,.subscribe-big,.subscribe-big i{transition:none!important}}

/* FINAL COHESIVE EXPERIENCE PASS --------------------------------------- */
:root{--display:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.home-hero h1,.page-hero h1,.section-heading-big h2,.story-copy-compact h2,.statement-band h2,.impact-lead strong,.community-intro h2,.footer-cta h2,.subscribe-modal h2,.program-modal h2,.form-modal-body h2,.form-modal-story-copy h2,.faq-section h2,.hub-panel-heading h2{font-family:var(--display);font-weight:800;letter-spacing:-.045em}
.home-hero h1{font-weight:900;letter-spacing:-.055em}.page-hero h1{font-weight:800}.program-card h3,.support-choice h2,.story-card h3,.hub-story-card h3,.knowledge-card h3,.vacancy-card h3{letter-spacing:-.025em}

/* Keep the editorial colours deliberate, not scattered. */
.editorial-section,.stories-section,.gallery-section,.partners-section,.faq-section{position:relative}.work-section{background:transparent}.story-section{background:linear-gradient(135deg,#f1ece4 0%,#f7f1eb 48%,#eef3f7 100%)}.impact-section{background:linear-gradient(135deg,#17131f 0%,#251b37 48%,#202b4b 100%)}.community-section{background:linear-gradient(125deg,#6547d8 0%,#7659d8 38%,#dc657e 74%,#f0a047 100%)}
.statement-band{background:linear-gradient(120deg,#f0a047,#f4c84b 58%,#8ad3e9);color:#17131f}.statement-band a{color:#17131f;border-color:rgba(23,19,31,.25)}

/* Programme cards feel tactile and consistent. */
.program-card{overflow:hidden}.program-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;bottom:-55px;background:rgba(255,255,255,.20);box-shadow:0 0 0 20px rgba(255,255,255,.08)}.program-card:hover:after{transform:scale(1.08)}.program-card:after,.program-card .program-symbol{transition:transform .28s ease}.program-card:hover .program-symbol{transform:rotate(-8deg) scale(1.05)}

/* Community cards can now be actions without changing the visual language. */
.community-cards a,.community-cards button{display:block;width:100%;border:0;text-align:left;text-decoration:none;color:inherit;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:22px;cursor:pointer;transition:.22s ease}.community-cards a:hover,.community-cards button:hover{background:rgba(255,255,255,.20);transform:translateY(-3px)}.community-cards span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.community-cards h3{margin:28px 0 18px;font-size:22px;line-height:1.05}.community-cards b{font-size:12px}

/* FAQ keeps answers on the page instead of creating more pages. */
.faq-section{padding:92px 0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 2px;font-size:19px;font-weight:900}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:20px;transition:.2s ease}.faq-list details[open] summary span{transform:rotate(45deg);background:var(--ink);color:#fff}.faq-list details p{max-width:780px;margin:-2px 0 25px;color:var(--muted);font-size:14px}

/* Split interaction modals: useful forms in the same visual world as the site. */
.form-modal{width:min(1180px,calc(100% - 34px));max-height:min(92vh,900px);background:#f6f2ed;border-radius:30px}.form-modal-grid{display:grid;grid-template-columns:.78fr 1.22fr;min-height:720px}.form-modal-story{position:relative;min-height:720px;overflow:hidden;background:#16121c}.form-modal-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.06)}.form-modal-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,12,21,.04),rgba(16,12,21,.24) 36%,rgba(16,12,21,.92) 100%)}.form-modal-story:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-54px;top:80px;border:30px solid rgba(255,255,255,.16)}.volunteer-story:after{background:rgba(239,107,130,.38);border-color:rgba(244,200,75,.18)}.visit-story:after{background:rgba(102,198,235,.28)}.form-modal-story-copy{position:absolute;z-index:2;left:36px;right:34px;bottom:34px;color:#fff}.form-modal-story-copy>span{display:block;margin-bottom:12px;color:#f4c84b;font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:900}.form-modal-story-copy h2{margin:0;font-size:clamp(38px,4.6vw,64px);line-height:.93}.form-modal-story-copy p{max-width:440px;margin:18px 0 0;color:rgba(255,255,255,.76);font-size:13px}.form-modal-body{position:relative;padding:54px 62px 46px;overflow:auto}.form-modal-body>h2{margin:10px 0 10px;font-size:clamp(42px,4vw,62px);line-height:.96}.form-modal-intro{max-width:690px;margin:0 0 26px;color:var(--muted);font-size:13px}.modal-form{display:grid;gap:15px}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-form label{display:block;color:#5d5663;font-size:10px;line-height:1.25;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.modal-form label em{font-style:normal;font-weight:700;color:#8b8490;text-transform:none;letter-spacing:0}.modal-form input,.modal-form textarea,.modal-form select{display:block;width:100%;margin-top:7px;border:1px solid rgba(23,19,31,.15);border-radius:14px;background:#fff;padding:13px 14px;color:var(--ink);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;outline:0;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}.modal-form textarea{resize:vertical;min-height:86px}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(101,71,216,.10)}.modal-compact-field{max-width:50%}.modal-consent{display:flex!important;align-items:flex-start;gap:10px;text-transform:none!important;letter-spacing:0!important;font-size:11px!important;font-weight:700!important}.modal-consent input{width:18px!important;height:18px;margin:1px 0 0!important;flex:0 0 18px}.modal-submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:14px;background:var(--ink);color:#fff;padding:13px 14px 13px 18px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.modal-submit span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:16px}.modal-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(23,19,31,.16)}.modal-submit-coral{background:#c94724}.modal-close-on-dark{background:#17131f;color:#fff;border-color:rgba(255,255,255,.18)}

/* Inner pages: smaller, cleaner introductions keep forms/actions dominant. */
.hero-compact .page-hero-grid{min-height:310px;padding:58px 0 54px}.hero-compact .page-hero h1{font-size:clamp(46px,5.2vw,74px)}.hero-compact .page-hero .lead{max-width:710px;font-size:15px}.hero-compact .page-content{padding-top:58px}
.form{box-shadow:0 18px 55px rgba(36,28,48,.08)}

@media(max-width:880px){.form-modal-grid{grid-template-columns:1fr}.form-modal-story{min-height:280px}.form-modal-body{padding:42px 30px 34px}.form-modal-story-copy{left:28px;right:28px;bottom:26px}.form-modal-story-copy h2{font-size:42px}.modal-compact-field{max-width:none}}
@media(max-width:600px){.modal-form-grid{grid-template-columns:1fr}.form-modal{width:calc(100% - 12px);max-height:94vh;border-radius:22px}.form-modal-story{min-height:230px}.form-modal-body{padding:36px 20px 28px}.form-modal-body>h2{font-size:39px}.form-modal-story-copy h2{font-size:34px}.faq-list summary{font-size:16px}}

/* ==========================================================================
   KENJAC EXPERIENCE SYSTEM v28
   One presentation layer for public pages, secure flows and responsive UI.
   ========================================================================== */
:root{
  --display:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cream:#f8f3ec;--cream-2:#fffaf4;--plum:#180e1a;--plum-2:#251427;
  --forest:#0c574a;--mint:#d8f0e7;--lavender:#e7e1fb;--sky:#dff2fb;
  --peach:#f7c3aa;--salmon:#f06f72;--sun:#f6cb49;--royal:#6047d9;
  --display-xl:clamp(3.1rem,5.4vw,5rem);--display-lg:clamp(2.35rem,4vw,3.8rem);
}
body{font-family:var(--ui);font-size:16px;line-height:1.5;background:var(--cream-2)}
h1,h2,h3{font-family:var(--display);letter-spacing:-.035em}.site-header{top:4px;background:rgba(255,251,246,.9);border-bottom:1px solid rgba(23,19,31,.09)}.site-nav{height:74px}.brand img{width:42px;height:42px}.brand strong{font-size:13px}.brand small{font-size:10px}.desktop-nav>a,.desktop-nav>button{font-size:13px;padding:9px 12px}.button{font-size:13px;padding:12px 18px}
.home-hero{background:linear-gradient(125deg,#6650d8 0%,#7955cf 30%,#d86086 67%,#ef9252 100%)}.home-hero-grid{min-height:570px;padding:54px 0 62px;gap:54px}.home-hero h1{font-family:var(--display);font-size:var(--display-xl);line-height:.94;letter-spacing:-.055em;max-width:650px}.home-hero .lead{font-size:17px;max-width:610px;line-height:1.55}.hero-art{min-height:430px}.hero-house{inset:18px 26px 36px 30px;border-width:6px;border-radius:28px}.hero-orb-a{width:104px;height:104px}.hero-orb-b{width:68px;height:68px}.hero-note{max-width:285px;padding:15px 18px;border-radius:19px}
.route-strip{margin:22px auto 0;border-radius:22px;box-shadow:0 22px 60px rgba(24,14,26,.16)}.route-strip a{min-height:116px;padding:18px 20px}.route-strip a span{font-size:10px}.route-strip a b{font-size:16px}.route-strip a i{font-size:17px}
.page-hero-grid{min-height:320px;padding:56px 0 54px}.page-hero h1{font-family:var(--display);font-size:var(--display-lg);line-height:.98;max-width:780px}.page-hero .lead{font-size:16px;max-width:700px}.page-hero-mark{min-height:180px}.page-hero-mark span{font-family:var(--ui);font-size:clamp(62px,8vw,125px)}.section-heading-big h2,.intro-grid h2,.callout-panel h2,.story-panel h2,.hub-panel-heading h2{font-family:var(--display);font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.02}.editorial-section{padding:76px 0}
/* Deliberately different editorial page tones. */
body.tone-safeguarding .page-hero{background:linear-gradient(118deg,#fbf5ee 0%,#eee9fb 48%,#e8f5fa 100%)}
body.tone-privacy .page-hero{background:linear-gradient(118deg,#e6f4fb 0%,#f7fbf7 52%,#f9eedf 100%)}
body.tone-blog .page-hero{background:linear-gradient(118deg,#f9efdf 0%,#f7d7c6 50%,#e9e2fb 100%)}
body.tone-careers .page-hero{background:linear-gradient(118deg,#dff2e9 0%,#f6f3e7 52%,#e2eefb 100%)}
body.tone-safeguarding .page-hero-mark i{background:var(--sun)}body.tone-privacy .page-hero-mark i{background:var(--cyan)}body.tone-blog .page-hero-mark i{background:var(--coral)}body.tone-careers .page-hero-mark i{background:#78c99f}

/* Transaction flows ---------------------------------------------------- */
.flow-content{width:100%;margin:0}.flow-stage{min-height:calc(100svh - 78px);padding:34px 24px 54px;display:grid;place-items:start center;background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.7),transparent 28%),linear-gradient(135deg,#e9e3fb 0%,#e7f3f9 52%,#f8d9c9 100%)}
.flow-feedback{background:radial-gradient(circle at 10% 0%,rgba(238,111,130,.24),transparent 32%),linear-gradient(135deg,#200f22,#130b15 65%,#2a1523)}.flow-donate{background:radial-gradient(circle at 94% 8%,rgba(246,203,73,.18),transparent 30%),linear-gradient(145deg,#4a1018,#170c17 62%,#151122)}.flow-referral{background:radial-gradient(circle at 90% 4%,rgba(102,198,235,.22),transparent 28%),linear-gradient(140deg,#2a1a55,#171022 60%,#351b34)}
.flow-panel{width:min(1180px,100%);display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:30px;background:#fff;box-shadow:0 34px 90px rgba(26,17,31,.22);min-height:650px}.flow-panel-referral{width:min(1260px,100%);grid-template-columns:minmax(300px,.34fr) minmax(0,.66fr);height:min(860px,calc(100svh - 120px));min-height:700px}.flow-panel-dark{background:var(--plum);border-color:rgba(255,255,255,.12)}.flow-panel-donate{background:#faf5ed}
.flow-story{position:relative;min-height:100%;overflow:hidden;background:var(--plum);color:#fff}.flow-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.flow-story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,10,20,.12),rgba(18,10,19,.86) 72%,rgba(18,10,19,.96))}.flow-story-shade-deep{background:linear-gradient(180deg,rgba(20,10,22,.22),rgba(12,7,14,.94))}.flow-story-shade-donate{background:linear-gradient(180deg,rgba(45,9,16,.2),rgba(28,8,16,.9) 68%,rgba(20,8,15,.96))}.flow-story-shade-referral{background:linear-gradient(180deg,rgba(41,26,85,.22),rgba(20,13,34,.92) 68%,rgba(18,11,29,.98))}.flow-story-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:32px}.flow-story-copy>span,.flow-kicker{display:block;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.flow-story-copy>span{color:#ff9b7f}.flow-story-copy h2{margin:12px 0 10px;font-size:clamp(2rem,3.2vw,3.15rem);line-height:.97;color:#fff}.flow-story-copy p{max-width:430px;margin:0;color:rgba(255,255,255,.74);font-size:14px;line-height:1.55}.flow-story-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.flow-story-tags b{padding:7px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-family:var(--ui);font-size:9px;letter-spacing:.05em;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.flow-story-mark{position:absolute;z-index:1;left:22px;top:24px;font-family:var(--ui);font-size:clamp(2.7rem,6vw,5.6rem);font-weight:900;line-height:.8;letter-spacing:-.08em;color:rgba(255,255,255,.3)}.flow-story-symbols i{position:absolute;border-radius:50%;z-index:1}.flow-story-symbols i:nth-child(1){width:140px;height:140px;right:-34px;top:52px;background:#ef6b82}.flow-story-symbols i:nth-child(2){width:72px;height:72px;left:38px;top:132px;background:#66c6eb}.flow-story-symbols i:nth-child(3){width:54px;height:54px;right:70px;top:240px;background:#f4c84b}
.flow-pane{min-width:0;padding:42px 46px 38px;background:rgba(255,255,255,.97);color:var(--ink)}.flow-pane-cream{background:#faf6ef}.flow-pane-dark{background:#130b15;color:#fff}.flow-pane-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#ee7a62 #ece6e0}.flow-pane-scroll::-webkit-scrollbar{width:10px}.flow-pane-scroll::-webkit-scrollbar-track{background:#ece6e0}.flow-pane-scroll::-webkit-scrollbar-thumb{background:#ef7b62;border-radius:99px}.flow-pane-head{max-width:680px;margin-bottom:25px}.flow-pane-head .flow-kicker{color:var(--green)}.flow-pane-dark .flow-kicker{color:#ff947d}.flow-pane-head h1{margin:8px 0 10px;font-size:clamp(2.1rem,3.6vw,3.45rem);line-height:1;color:inherit}.flow-pane-head p{margin:0;color:#6d666d;font-size:14px;line-height:1.55}.flow-pane-dark .flow-pane-head p{color:#aaa0ab}.flow-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 24px}.flow-shortcuts a{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid #ddd6d1;border-radius:13px;text-decoration:none;background:#fff;transition:.18s ease}.flow-shortcuts a:hover{transform:translateY(-2px);border-color:#a89ef0}.flow-shortcuts span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#777078}.flow-shortcuts b{font-size:11px}
.flow-form,.flow-pane .referral-form{display:grid;gap:16px}.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.flow-form label,.flow-pane .referral-form label,.flow-pane .field-group{display:grid;gap:6px;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.flow-form label em,.flow-pane .referral-form .field-optional{font-style:normal;color:#8c8389;text-transform:none;letter-spacing:0;font-weight:700}.flow-form input,.flow-form select,.flow-form textarea,.flow-pane .referral-form input,.flow-pane .referral-form select,.flow-pane .referral-form textarea{width:100%;min-height:48px;border:1px solid #d8d1ce;border-radius:13px;padding:12px 14px;background:#fff;color:#201821;font-family:var(--ui);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;outline:none;transition:.18s ease}.flow-form textarea,.flow-pane .referral-form textarea{min-height:110px;resize:vertical}.flow-form input:focus,.flow-form select:focus,.flow-form textarea:focus,.flow-pane .referral-form input:focus,.flow-pane .referral-form select:focus,.flow-pane .referral-form textarea:focus{border-color:#6547d8;box-shadow:0 0 0 3px rgba(101,71,216,.12)}.flow-form-dark input,.flow-form-dark select,.flow-form-dark textarea{background:#211921;border-color:#493b49;color:#fff}.flow-form-dark input::placeholder,.flow-form-dark textarea::placeholder{color:#766c77}.flow-form-dark label{color:#c2b9c2}.flow-form-dark input:focus,.flow-form-dark select:focus,.flow-form-dark textarea:focus{border-color:#ef6b82;box-shadow:0 0 0 3px rgba(239,107,130,.14)}
.flow-submit{width:100%;min-height:52px;border:0;border-radius:13px;background:#17131f;color:#fff;font-family:var(--ui);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 0 #f19c43;transition:.18s ease}.flow-submit:hover{transform:translateY(-2px);box-shadow:0 10px 0 #f19c43}.flow-submit-coral{background:#cf4b35;box-shadow:0 8px 0 #ef8b70}.flow-submit-green{background:#0d6b59;box-shadow:0 8px 0 #ee7b4a}.flow-submit:disabled{opacity:.6;cursor:wait}.flow-footnote{margin:4px 0 0;color:#817a80;font-size:11px;line-height:1.5}.flow-pane-dark .flow-footnote{color:#827884}.flow-alert{padding:12px 14px;border-radius:13px;background:#fff0ec;border:1px solid #f2ab9b;color:#862c20;margin-bottom:16px;font-size:13px}.flow-success{padding:26px;border-radius:20px;background:#e8f4ee;border:1px solid #b8ddcf}.flow-success span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#0d6b59}.flow-success h2{margin:8px 0;font-size:2rem}.flow-success p{margin:7px 0}.flow-success-dark{background:#221823;border-color:#4c3a4d;color:#fff}.flow-note-card{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:13px;background:#f2eefb;color:#493d68;margin:0 0 18px;font-size:11px}.flow-note-card strong{font-size:11px}.flow-note-card span{color:#766d7d}.flow-toggle{display:flex!important;grid-template-columns:22px 1fr!important;align-items:center!important;padding:9px 12px;border:1px solid #493b49;border-radius:13px;background:#211921}.flow-toggle input{width:18px!important;min-height:18px!important;height:18px;margin:0}.flow-toggle span{display:grid;gap:2px}.flow-toggle b{font-size:11px;color:#fff}.flow-toggle small{font-size:9px;color:#918692;text-transform:none;letter-spacing:0}.flow-toggle:has(input:checked){border-color:#ef6b82;background:#2b1823}.donate-other{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:22px;padding-top:17px;border-top:1px solid #ded6ce;font-size:11px}.donate-other span{color:#746d72}.donate-other a{font-weight:900;text-decoration:none}
/* Referral preserves the original fields and workflow, only presentation changes. */
.flow-pane .referral-form{grid-template-columns:1fr}.flow-pane .referral-form .full{grid-column:1/-1}.flow-pane .form-section{margin:0;padding:18px;border:1px solid #e1d9d3;border-radius:18px;background:#fff}.flow-pane .form-section legend{padding:0 8px;font-family:var(--display);font-size:1.35rem;font-weight:800;text-transform:none;letter-spacing:-.025em;color:#241a25}.flow-pane .form-section legend span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#6547d8;color:#fff;font-family:var(--ui);font-size:9px;letter-spacing:0;margin-right:6px}.flow-pane .nested-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.flow-pane .choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.flow-pane .choice-card,.flow-pane .service-choice{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important;padding:11px 12px;border:1px solid #ddd4d1;border-radius:13px;background:#fbf9f6;cursor:pointer}.flow-pane .choice-card input,.flow-pane .service-choice input,.flow-pane .inline-options input{width:17px!important;min-height:17px!important;height:17px!important;padding:0}.flow-pane .choice-card span{display:grid;gap:1px}.flow-pane .choice-card strong{font-size:11px}.flow-pane .choice-card small{font-size:9px;color:#7b7378;text-transform:none;letter-spacing:0}.flow-pane .choice-card:has(input:checked),.flow-pane .service-choice:has(input:checked){border-color:#6547d8;background:#f0ecff;box-shadow:inset 0 3px 0 #6547d8}.flow-pane .service-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.flow-pane .service-choice span{font-size:10px;text-transform:none;letter-spacing:0}.flow-pane .form-help,.flow-pane .consent-copy{font-size:12px;color:#6f676d;line-height:1.55;text-transform:none;letter-spacing:0;font-weight:400}.flow-pane .consent-copy{padding:13px;background:#f6f1e9;border-radius:12px;margin-bottom:14px}.flow-pane .referral-parties{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.flow-pane .referral-parties section{display:grid;gap:10px;padding:14px;border-radius:14px;background:#f8f5f0}.flow-pane .referral-parties h3{font-family:var(--ui);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0;color:#6547d8}.flow-pane .inline-options{display:flex;gap:12px;flex-wrap:wrap}.flow-pane .inline-options label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:8px 10px;border:1px solid #ded6d0;border-radius:999px;text-transform:none;letter-spacing:0;font-size:10px}.flow-pane .form-submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.flow-pane .form-submit-row p{max-width:470px;margin:0;font-size:11px;color:#6e666c}.flow-pane .form-submit-row button{min-height:50px;border:0;border-radius:13px;background:#17131f;color:#fff;padding:0 22px;font-weight:900;cursor:pointer;box-shadow:0 7px 0 #ef7a62}
/* Donation amount interaction */
.amount-title{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#756d72}.amount-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.amount-tile-grid button{position:relative;min-height:62px;border:1px solid #ddd5cf;border-radius:13px;background:#fff;color:#241b21;font-family:var(--ui);font-size:11px;font-weight:700;cursor:pointer;transition:.18s}.amount-tile-grid button b{font-family:var(--display);font-size:1.35rem;margin-left:4px}.amount-tile-grid button:hover{transform:translateY(-2px)}.amount-tile-grid button.is-selected{background:#0d6b59;color:#fff;border-color:#0d6b59;box-shadow:5px 5px 0 #e9693e}.amount-tile-grid button small{position:absolute;top:-8px;right:9px;padding:3px 7px;border-radius:999px;background:#fff6d5;color:#0d6b59;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.money-input{display:grid;grid-template-columns:auto 1fr;border:1px solid #d8d1ce;border-radius:13px;overflow:hidden;background:#fff}.money-input span{display:grid;place-items:center;padding:0 14px;background:#eee9e1;color:#0d6b59;font-weight:900}.money-input input{border:0!important;border-radius:0!important;box-shadow:none!important}.gift-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #dad3cc;border-radius:13px;background:linear-gradient(90deg,#ecf1ea,#f6ede4)}.gift-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#776f74}.gift-summary strong{font-family:var(--display);font-size:1.35rem;color:#0d6b59}

/* Support page: colour itself communicates the routes. */
.support-canvas{min-height:calc(100svh - 78px);padding:42px 24px 72px;background:linear-gradient(140deg,#faf6ef 0%,#f1edfb 50%,#e7f4f7 100%)}.support-intro-panel,.support-route-mosaic,.support-bottom-bar{width:min(1240px,100%);margin-inline:auto}.support-intro-panel{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:230px;padding:42px 48px;border-radius:30px;background:linear-gradient(125deg,#ece5ff,#e7f3fb 62%,#fde3cf);border:1px solid rgba(101,71,216,.12)}.support-intro-panel>div:first-child{position:relative;z-index:2;max-width:700px}.support-intro-panel .flow-kicker{color:#6547d8}.support-intro-panel h1{margin:10px 0 8px;font-size:clamp(2.45rem,4.3vw,4.2rem);line-height:.98}.support-intro-panel p{margin:0;color:#69616d;font-size:15px}.support-orbits i{position:absolute;border-radius:50%}.support-orbits i:nth-child(1){width:260px;height:260px;right:-30px;top:-110px;background:rgba(101,71,216,.12)}.support-orbits i:nth-child(2){width:100px;height:100px;right:160px;bottom:-22px;background:#f6cb49}.support-orbits i:nth-child(3){width:62px;height:62px;right:300px;top:70px;background:#ef6b82}.support-route-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:13px;margin-top:16px}.support-tile{position:relative;display:flex;flex-direction:column;min-height:225px;padding:24px;border-radius:23px;text-decoration:none;overflow:hidden;grid-column:span 4;transition:.2s ease;box-shadow:0 10px 28px rgba(29,20,39,.06)}.support-tile:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(29,20,39,.12)}.support-tile>span{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.support-tile h2{margin:18px 0 10px;font-size:clamp(1.65rem,2.5vw,2.5rem);line-height:1.02;max-width:520px}.support-tile p{margin:0 0 16px;max-width:620px;font-size:13px;color:inherit;opacity:.76}.support-tile b{margin-top:auto;font-family:var(--ui);font-size:11px}.support-wide{grid-column:span 6}.support-violet{background:#6650d8;color:#fff}.support-green{background:#d8efe5;color:#104c41}.support-coral{background:#ef7b78;color:#29151c}.support-blue{background:#bfe6f5;color:#123e56}.support-gold{background:#f5ce58;color:#34250c}.support-dark{background:#17131f;color:#fff}.support-bottom-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:18px 24px;border-radius:20px;background:#fff;border:1px solid #e2dbd6}.support-bottom-bar div{display:grid;gap:2px}.support-bottom-bar span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#756e75}.support-bottom-bar strong{font-family:var(--display);font-size:1.35rem}.support-bottom-bar a{padding:11px 16px;border-radius:999px;background:#17131f;color:#fff;text-decoration:none;font-size:11px;font-weight:900}

/* Route modal: same page, focused overlay. */
.route-flow-modal{width:min(1220px,calc(100vw - 44px));height:min(900px,calc(100dvh - 44px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:30px;background:transparent;box-shadow:0 38px 110px rgba(16,8,20,.42);overflow:hidden}.route-flow-modal::backdrop{background:rgba(20,10,22,.72);backdrop-filter:blur(14px) saturate(90%)}.route-flow-frame{display:block;width:100%;height:100%;border:0;background:#f8f3ec}.route-flow-close{position:absolute;z-index:6;right:16px;top:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(23,19,31,.88);color:#fff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}.modal-view{background:transparent!important}.modal-view:before{display:none}.modal-view .skip-link,.modal-view .kenjac-editor-banner{display:none}.modal-view .flow-stage{min-height:100dvh;padding:0;background:transparent}.modal-view .flow-panel{width:100%;height:100dvh;min-height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.modal-view .flow-pane-scroll{height:100dvh;max-height:100dvh;overflow:auto}
/* Existing interactive modals use the same scale. */
.kenjac-modal{border-radius:28px}.form-modal-grid{min-height:min(760px,86dvh)}.form-modal-body{padding:38px 40px}.form-modal-body h2,.subscribe-modal-content h2,.program-modal-content h2{font-size:clamp(2rem,3.5vw,3.35rem)!important;line-height:1!important}.form-modal-story-copy h2{font-size:clamp(2rem,3.2vw,3rem)!important}.modal-form input,.modal-form select,.modal-form textarea{font-size:14px!important}.modal-submit{min-height:50px!important}

/* Responsive ----------------------------------------------------------- */
@media(max-width:1100px){.desktop-nav{display:none}.mobile-toggle{display:block}.site-nav{height:68px}.home-hero-grid{grid-template-columns:1fr;min-height:auto;padding:48px 0 58px}.home-hero-copy{max-width:720px}.home-hero h1{font-size:clamp(3rem,8vw,4.8rem)}.hero-art{min-height:390px;max-width:680px;width:100%;margin-inline:auto}.route-strip{grid-template-columns:repeat(2,1fr)}.flow-panel,.flow-panel-referral{grid-template-columns:1fr;height:auto;max-height:none;min-height:0}.flow-story{min-height:300px}.flow-story-copy h2{max-width:650px}.flow-pane-scroll{overflow:visible}.flow-shortcuts{grid-template-columns:repeat(2,1fr)}.support-tile{grid-column:span 6}.support-wide{grid-column:span 12}.page-hero-grid{grid-template-columns:1fr}.page-hero-mark{display:none}.route-flow-modal{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.modal-view .flow-panel{display:grid;grid-template-columns:1fr}.modal-view .flow-story{min-height:250px}.modal-view .flow-pane{overflow:auto}}
@media(max-width:720px){body{font-size:15px}.wrap,.wrap-wide{width:min(100% - 28px,var(--wrap))}.site-nav{height:62px}.brand{min-width:0}.brand img{width:38px;height:38px}.brand small{display:none}.home-hero-grid{padding:34px 0 42px;gap:24px}.home-hero h1{font-size:clamp(2.7rem,14vw,4rem);max-width:560px}.home-hero .lead{font-size:15px}.hero-art{min-height:300px}.hero-house{inset:8px 12px 24px 14px;border-radius:22px}.hero-orb-a{width:72px;height:72px}.hero-orb-b{width:52px;height:52px}.hero-note{right:8px;max-width:230px;padding:12px 14px}.route-strip{width:calc(100% - 28px);grid-template-columns:1fr 1fr;margin-top:14px;border-radius:18px}.route-strip a{min-height:96px;padding:14px}.route-strip a b{font-size:14px}.page-hero-grid{min-height:0;padding:38px 0 42px}.page-hero h1{font-size:clamp(2.25rem,12vw,3.25rem)}.page-hero .lead{font-size:14px}.editorial-section{padding:55px 0}.section-heading-big{display:block}.section-heading-big h2,.intro-grid h2,.callout-panel h2,.story-panel h2,.hub-panel-heading h2{font-size:clamp(2rem,10vw,2.8rem)}
.flow-stage{padding:14px 10px 28px;min-height:calc(100svh - 66px)}.flow-panel,.flow-panel-referral{border-radius:22px}.flow-story{min-height:235px}.flow-story-copy{left:22px;right:22px;bottom:22px}.flow-story-copy h2{font-size:2rem}.flow-story-copy p{font-size:12px}.flow-story-mark{font-size:3.6rem}.flow-pane{padding:28px 20px 26px}.flow-pane-head{margin-bottom:18px}.flow-pane-head h1{font-size:clamp(2rem,10vw,2.75rem)}.flow-pane-head p{font-size:13px}.flow-shortcuts{grid-template-columns:1fr 1fr}.flow-grid,.flow-pane .nested-form-grid,.flow-pane .referral-parties{grid-template-columns:1fr}.flow-pane .choice-grid{grid-template-columns:1fr}.flow-pane .service-choice-grid{grid-template-columns:1fr}.flow-pane .form-section{padding:14px}.flow-pane .form-submit-row{display:grid}.flow-pane .form-submit-row button{width:100%}.amount-tile-grid{grid-template-columns:repeat(2,1fr)}.donate-other{display:grid}.support-canvas{padding:18px 12px 42px}.support-intro-panel{min-height:200px;padding:28px 22px;border-radius:22px}.support-intro-panel h1{font-size:clamp(2.25rem,11vw,3.3rem)}.support-intro-panel p{font-size:13px;max-width:80%}.support-orbits i:nth-child(1){width:180px;height:180px;right:-70px}.support-orbits i:nth-child(2){width:72px;height:72px;right:55px}.support-orbits i:nth-child(3){width:46px;height:46px;right:130px}.support-route-mosaic{grid-template-columns:1fr;gap:10px}.support-tile,.support-wide{grid-column:auto;min-height:180px;padding:20px;border-radius:19px}.support-tile h2{font-size:clamp(1.7rem,8vw,2.25rem)}.support-bottom-bar{display:grid;padding:17px}.support-bottom-bar a{text-align:center}.route-flow-modal{width:100vw;height:100dvh;border-radius:0}.route-flow-close{position:fixed;right:12px;top:12px}.modal-view .flow-story{min-height:220px}.modal-view .flow-panel{height:auto;min-height:100dvh}.modal-view .flow-pane-scroll{height:auto;max-height:none}.form-modal-body{padding:28px 20px}.form-modal-grid{display:block;min-height:0}.form-modal-story{min-height:230px}.kenjac-modal.form-modal{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important;margin:0!important}.kenjac-modal.form-modal .form-modal-body{max-height:none!important;overflow:visible!important}.flow-note-card{display:grid}.flow-toggle{min-height:52px}}
.flow-community{background:radial-gradient(circle at 84% 8%,rgba(244,200,75,.22),transparent 28%),linear-gradient(140deg,#2a1840,#16101f 60%,#16384d)}.flow-panel-community{background:#faf6ef}.flow-story-shade-community{background:linear-gradient(180deg,rgba(26,13,31,.12),rgba(17,10,21,.9) 70%,rgba(14,8,17,.98))}.flow-toggle-light{background:#fff;border-color:#ddd5cd}.flow-toggle-light b{color:#17131f}.flow-toggle-light small{color:#7c747a}.flow-toggle-light:has(input:checked){border-color:#0d6b59;background:#e8f4ee}.flow-consent{display:grid!important;grid-template-columns:18px 1fr!important;align-items:start!important;gap:10px!important;padding:11px 12px;border:1px solid #ddd5cd;border-radius:13px;background:#fff;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;font-size:11px!important;line-height:1.4}.flow-consent input{width:17px!important;height:17px!important;min-height:17px!important;padding:0!important;margin:1px 0 0!important}


/* ==========================================================================
   KENJAC v31 — SOCIAL + EDITORIAL MOTION PASS
   One central layer: warm sans typography, tactile cards, social rail and newsroom.
   ========================================================================== */
:root{
  --display:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --motion:cubic-bezier(.2,.8,.2,1);
}
body{font-family:var(--ui);font-size:16px;line-height:1.55}
h1,h2,h3,.home-hero h1,.page-hero h1,.section-heading-big h2,.story-copy-compact h2,.statement-band h2,.impact-lead strong,.community-intro h2,.footer-cta h2,.subscribe-modal h2,.program-modal h2,.form-modal-body h2,.form-modal-story-copy h2,.faq-section h2,.hub-panel-heading h2{font-family:var(--display);font-weight:800;letter-spacing:-.04em}
.home-hero h1{font-size:clamp(3.2rem,5.7vw,5.9rem);line-height:.94;max-width:690px}.page-hero h1{font-size:clamp(2.5rem,4.5vw,4.4rem)}

/* Floating social rail — only verified KENJAC profiles are wired. */
.social-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:760;display:grid;gap:10px;padding:10px 8px;border-left:1px solid rgba(23,19,31,.18)}
.social-link{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,251,246,.9);border:1px solid rgba(23,19,31,.18);box-shadow:0 12px 28px rgba(23,19,31,.12);backdrop-filter:blur(18px);transition:transform .28s var(--motion),background .28s var(--motion),color .28s var(--motion);color:var(--ink)}
.social-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.social-linkedin svg{fill:currentColor;stroke:none}.social-link span{position:absolute;right:58px;white-space:nowrap;padding:7px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;opacity:0;transform:translateX(8px);pointer-events:none;transition:.22s ease}
.social-link:hover,.social-link:focus-visible{transform:translateX(-5px) scale(1.05);outline:none}.social-link:hover span,.social-link:focus-visible span{opacity:1;transform:none}.social-instagram:hover{background:linear-gradient(135deg,#f6cb49,#ef6b82,#6547d8);color:#fff}.social-linkedin:hover{background:#0a66c2;color:#fff}

/* Programme cards: depth and movement without gimmicks. */
.program-grid{perspective:1200px}.program-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0));transform-style:preserve-3d;transition:transform .38s var(--motion),box-shadow .38s var(--motion),border-color .38s ease;will-change:transform}.program-card:hover{box-shadow:0 24px 52px rgba(25,18,36,.18);border-color:rgba(23,19,31,.28)}.program-card .program-symbol,.program-card h3,.program-card p,.program-card b{position:relative;z-index:2;transform:translateZ(14px)}
.program-card:nth-child(1){--card-accent:#7456d5}.program-card:nth-child(2){--card-accent:#1f8c70}.program-card:nth-child(3){--card-accent:#f2a24b}.program-card:nth-child(4){--card-accent:#245bc8}.program-card:nth-child(5){--card-accent:#ef6b82}.program-card:nth-child(6){--card-accent:#d5a91c}.program-card:before{content:"";position:absolute;inset:auto -35px -48px auto;width:150px;height:150px;border-radius:46% 54% 58% 42%;background:color-mix(in srgb,var(--card-accent) 22%,transparent);transform:rotate(20deg);transition:transform .45s var(--motion),scale .45s var(--motion)}.program-card:hover:before{transform:rotate(40deg) translate(-10px,-10px);scale:1.14}
.js-reveal .program-grid .program-card{opacity:0;transform:translateY(28px) scale(.98)}.js-reveal .work-section.is-visible .program-card{opacity:1;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0));transition-delay:calc(var(--card-order,0) * 55ms)}.program-card:nth-child(1){--card-order:1}.program-card:nth-child(2){--card-order:2}.program-card:nth-child(3){--card-order:3}.program-card:nth-child(4){--card-order:4}.program-card:nth-child(5){--card-order:5}.program-card:nth-child(6){--card-order:6}

/* Blog / newsroom ------------------------------------------------------- */
body.tone-blog{background:#f8f3ec}.blog-masthead{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,rgba(242,162,75,.26),transparent 24%),radial-gradient(circle at 68% 75%,rgba(239,107,130,.18),transparent 30%),linear-gradient(135deg,#24102b 0%,#4b245f 54%,#6a3a83 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}
.blog-masthead:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;bottom:-300px;background:rgba(102,198,235,.16)}.blog-masthead-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;min-height:620px;padding:74px 0 82px}.blog-masthead-copy{max-width:650px}.blog-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffb192}.blog-masthead h1{margin:16px 0 18px;font-size:clamp(3rem,5.4vw,5.4rem);line-height:.94;color:#fff}.blog-masthead p{max-width:560px;margin:0;color:rgba(255,255,255,.78);font-size:17px}.blog-masthead-actions{display:flex;align-items:center;gap:18px;margin-top:30px}.blog-subscribe{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border:0;border-radius:999px;background:#fff;color:var(--ink);font-weight:900;cursor:pointer;box-shadow:0 16px 38px rgba(0,0,0,.17)}.blog-subscribe i{font-style:normal}.blog-masthead-actions>a{color:#fff;text-decoration:none;font-weight:800;border-bottom:1px solid rgba(255,255,255,.45)}
.blog-feature-stack{position:relative;min-height:470px;perspective:1200px}.blog-feature-card,.blog-stack-card{position:absolute;border-radius:28px;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 80px rgba(12,8,18,.28)}.blog-feature-card{z-index:3;inset:8px 30px 28px 42px;overflow:hidden;text-decoration:none;background:#c9542d;transform:rotate(2deg);transition:transform .5s var(--motion),box-shadow .5s var(--motion)}.blog-feature-card:hover{transform:rotate(0) translateY(-8px) scale(1.015);box-shadow:0 44px 100px rgba(12,8,18,.38)}.blog-feature-card img{width:100%;height:100%;object-fit:cover}.blog-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,10,20,.04) 20%,rgba(18,10,20,.84) 100%)}.blog-feature-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.blog-feature-copy small{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#ffb38f}.blog-feature-copy h2{margin:10px 0 16px;font-size:clamp(2rem,3.1vw,3.2rem);line-height:.98;color:#fff}.blog-feature-copy b{font-size:13px}.blog-feature-art{display:grid;place-items:center;width:100%;height:100%;font-family:var(--display);font-size:56px;font-weight:800;background:linear-gradient(135deg,#6d55d8,#ef6b82);color:#fff}.blog-feature-art span{font-size:90px;margin-left:8px}.blog-stack-card{z-index:1;inset:44px 6px 0 85px;background:linear-gradient(135deg,#f2a24b,#ef6b82);transform:rotate(7deg)}.blog-stack-card.stack-two{z-index:0;inset:78px -20px -16px 128px;background:linear-gradient(135deg,#245bc8,#66c6eb);transform:rotate(11deg)}
.blog-hub-shell{padding:0 0 110px}.blog-tabs{margin-top:-24px;z-index:50}.blog-section-heading{display:grid;grid-template-columns:180px 1fr 360px;gap:28px;align-items:end;padding:78px 0 30px;border-bottom:1px solid var(--line)}.blog-section-heading>span{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}.blog-section-heading h2{margin:0;font-size:clamp(2.5rem,4.4vw,4.4rem);line-height:.98}.blog-section-heading p{margin:0;color:var(--muted)}
.editorial-story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding-top:30px}.editorial-story-card{grid-column:span 4;display:flex;flex-direction:column;min-height:470px;border-radius:26px;overflow:hidden;text-decoration:none;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(31,24,42,.07);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0));transition:transform .35s var(--motion),box-shadow .35s var(--motion)}.editorial-story-card:nth-child(1),.editorial-story-card:nth-child(6n+1){grid-column:span 8;display:grid;grid-template-columns:1.05fr .95fr;min-height:420px}.editorial-story-card:hover{box-shadow:0 28px 60px rgba(31,24,42,.16)}.editorial-story-visual{position:relative;min-height:240px;overflow:hidden;background:#2b2138}.editorial-story-card:nth-child(1) .editorial-story-visual,.editorial-story-card:nth-child(6n+1) .editorial-story-visual{min-height:100%}.editorial-story-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--motion)}.editorial-story-card:hover img{transform:scale(1.045)}.story-number{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--ink);font-size:11px;font-weight:900}.editorial-story-copy{display:flex;flex-direction:column;gap:10px;padding:22px 23px 24px}.editorial-story-copy small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--violet)}.editorial-story-copy h3{margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.06}.editorial-story-copy p{margin:0;color:var(--muted);font-size:14px}.editorial-story-copy b{margin-top:auto;font-size:12px}.story-accent-1{border-top:5px solid #6d55d8}.story-accent-2{border-top:5px solid #1f8c70}.story-accent-3{border-top:5px solid #ef6b82}.story-accent-4{border-top:5px solid #245bc8}.story-accent-5{border-top:5px solid #f2a24b}
.knowledge-editorial-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:minmax(235px,auto);gap:16px;padding-top:30px}.knowledge-hero{grid-row:span 2;position:relative;overflow:hidden;border-radius:28px;text-decoration:none;min-height:520px;background:#211728}.knowledge-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.knowledge-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(18,10,20,.86))}.knowledge-hero>div{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff}.knowledge-hero small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:#ffb192}.knowledge-hero h3{margin:10px 0 14px;font-size:clamp(2rem,3vw,3rem);line-height:1}.knowledge-tile{display:flex;flex-direction:column;padding:28px;border-radius:26px;text-decoration:none;border:1px solid rgba(23,19,31,.13);transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0));transition:transform .35s var(--motion)}.knowledge-tile span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.knowledge-tile h3{margin:16px 0;font-size:1.55rem;line-height:1.08}.knowledge-tile b{margin-top:auto;font-size:12px}.kt-violet{background:#e7e1fb}.kt-coral{background:#f8d0d8}.kt-blue{background:#dff2fb}.kt-gold{background:#f9e7a1}
.blog-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:12px;padding-top:30px}.gallery-shot{position:relative;grid-column:span 4;overflow:hidden;border:0;border-radius:24px;padding:0;background:#211728;cursor:zoom-in;text-align:left}.gallery-shot-1{grid-column:span 7;grid-row:span 2}.gallery-shot-2{grid-column:span 5}.gallery-shot-3{grid-column:span 5}.gallery-shot-4{grid-column:span 4}.gallery-shot img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--motion),filter .55s var(--motion)}.gallery-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(15,9,18,.78))}.gallery-shot span{position:absolute;z-index:2;left:18px;bottom:16px;right:56px;color:#fff;font-size:13px;font-weight:800}.gallery-shot i{position:absolute;z-index:2;right:14px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ink);font-style:normal}.gallery-shot:hover img{transform:scale(1.05);filter:saturate(1.08)}.gallery-lightbox{width:min(1100px,calc(100% - 30px));height:min(86vh,820px);padding:0;border:0;border-radius:28px;background:#110b13;box-shadow:0 40px 120px rgba(0,0,0,.45)}.gallery-lightbox::backdrop{background:rgba(18,9,20,.82);backdrop-filter:blur(12px)}.gallery-lightbox>button{position:absolute;z-index:3;right:16px;top:16px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:24px;cursor:pointer}.gallery-lightbox figure{margin:0;width:100%;height:100%;position:relative}.gallery-lightbox img{width:100%;height:100%;object-fit:contain}.gallery-lightbox figcaption{position:absolute;left:18px;bottom:16px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-size:12px;font-weight:800}

@media(max-width:1100px){.social-rail{right:12px}.blog-masthead-grid{grid-template-columns:1fr;min-height:auto;padding:58px 0 80px}.blog-masthead-copy{max-width:760px}.blog-feature-stack{max-width:720px;width:100%;margin-inline:auto;min-height:430px}.blog-section-heading{grid-template-columns:140px 1fr}.blog-section-heading p{grid-column:2}.editorial-story-card,.editorial-story-card:nth-child(1),.editorial-story-card:nth-child(6n+1){grid-column:span 6;display:flex;min-height:460px}.knowledge-editorial-grid{grid-template-columns:1fr 1fr}.knowledge-hero{grid-column:1/-1;grid-row:auto;min-height:520px}}
@media(max-width:760px){.social-rail{top:auto;right:50%;bottom:14px;transform:translateX(50%);display:flex;padding:6px;border-left:0;border:1px solid rgba(23,19,31,.13);border-radius:999px;background:rgba(255,251,246,.88);backdrop-filter:blur(18px);box-shadow:0 16px 36px rgba(23,19,31,.15)}.social-link{width:42px;height:42px;background:transparent;box-shadow:none}.social-link span{display:none}.footer{padding-bottom:76px}.home-hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.program-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 14px 18px;margin-inline:-14px;scrollbar-width:none}.program-grid::-webkit-scrollbar{display:none}.program-card{flex:0 0 min(84vw,360px);scroll-snap-align:center;min-height:310px}.blog-masthead-grid{padding:42px 0 64px;gap:30px}.blog-masthead h1{font-size:clamp(2.7rem,12vw,4rem)}.blog-feature-stack{min-height:360px}.blog-feature-card{inset:4px 14px 24px 18px}.blog-stack-card{inset:38px 0 2px 52px}.blog-stack-card.stack-two{inset:66px -8px -8px 82px}.blog-feature-copy{left:20px;right:20px;bottom:20px}.blog-feature-copy h2{font-size:clamp(1.7rem,8vw,2.5rem)}.blog-hub-shell{padding-bottom:80px}.blog-tabs{margin-inline:14px}.blog-section-heading{display:block;padding:58px 0 24px}.blog-section-heading h2{margin:10px 0 8px;font-size:clamp(2.2rem,10vw,3.2rem)}.editorial-story-grid{grid-template-columns:1fr;gap:14px}.editorial-story-card,.editorial-story-card:nth-child(1),.editorial-story-card:nth-child(6n+1){grid-column:auto;min-height:420px}.editorial-story-visual,.editorial-story-card:nth-child(1) .editorial-story-visual,.editorial-story-card:nth-child(6n+1) .editorial-story-visual{min-height:230px}.knowledge-editorial-grid{grid-template-columns:1fr}.knowledge-hero{grid-column:auto;min-height:440px}.blog-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.gallery-shot,.gallery-shot-1,.gallery-shot-2,.gallery-shot-3,.gallery-shot-4{grid-column:auto;grid-row:auto}.gallery-shot-1{grid-column:1/-1;min-height:280px}.gallery-story{grid-column:auto}.gallery-lightbox{width:calc(100% - 12px);height:calc(100dvh - 12px);border-radius:22px}}
@media(prefers-reduced-motion:reduce){.program-card,.editorial-story-card,.knowledge-tile,.blog-feature-card,.gallery-shot img,.social-link{transition:none!important;transform:none!important}.count-up{font-variant-numeric:tabular-nums}}


/* ==========================================================================
   KENJAC v32 — WEBSITE POLISH + CONTRAST STABILITY
   Website-only layer. Locks redesigned public layouts, fixes contrast, and
   keeps card/social motion coherent without changing SOIMS.
   ========================================================================== */

/* Home route strip: hard containment prevents any long CMS text from escaping a card. */
.active-home .route-strip{margin-top:22px;border-radius:26px;background:#17131f;box-shadow:0 28px 72px rgba(23,19,31,.18);isolation:isolate}
.active-home .route-strip .route-card{min-width:0;overflow:hidden;contain:paint;isolation:isolate;padding:22px 24px 21px;transition:transform .32s var(--motion),background .32s var(--motion),box-shadow .32s var(--motion)}
.active-home .route-strip .route-card:before{content:"";position:absolute;z-index:-1;width:150px;height:150px;border-radius:50%;right:-74px;top:-78px;background:rgba(255,255,255,.075);transition:transform .38s var(--motion)}
.active-home .route-strip .route-card:hover{transform:translateY(-3px)}
.active-home .route-strip .route-card:hover:before{transform:scale(1.18) translate(-6px,7px)}
.active-home .route-strip .route-support{background:#201629}.active-home .route-strip .route-referral{background:#1b2230}.active-home .route-strip .route-visit{background:#17303c}.active-home .route-strip .route-speak{background:#341a29}
.active-home .route-strip .route-card span{position:relative;color:#c9c2cf;font-size:10px;line-height:1.25;overflow-wrap:anywhere}
.active-home .route-strip .route-card b{position:relative;color:#fff;font-family:var(--display);font-size:18px;line-height:1.08;overflow-wrap:anywhere}
.active-home .route-strip .route-card i{color:#f6cb49}
.active-home .route-strip .route-referral i{color:#a7c7ff}.active-home .route-strip .route-visit i{color:#8de3ef}.active-home .route-strip .route-speak i{color:#ff9aae}

/* Home headings and spacing are deliberately quiet so the cards carry the colour. */
.active-home .section-heading-big{align-items:flex-end}.active-home .section-heading-big>div{min-width:0}.active-home .section-heading-big>p{max-width:440px;color:#625b68}
.active-home .work-section{padding-top:88px}
.active-home .program-card{border:1px solid rgba(23,19,31,.08);box-shadow:0 10px 28px rgba(29,20,39,.055)}
.active-home .program-card h3,.active-home .program-card p,.active-home .program-card b,.active-home .program-card .program-index{color:#201a25}
.active-home .program-card p{opacity:.78}
.active-home .tone-violet{background:#c5b8f6}.active-home .tone-green{background:#9bd8bd}.active-home .tone-orange{background:#f6bd79}.active-home .tone-blue{background:#9bc9ef}.active-home .tone-coral{background:#f4abb8}.active-home .tone-gold{background:#f3d778}

/* The previous light story background inherited white text. This is the explicit contrast fix. */
.active-home .story-section{background:linear-gradient(135deg,#f0ebe4 0%,#faf6f1 48%,#eaf2f6 100%);color:#17131f;border:1px solid rgba(23,19,31,.09);box-shadow:0 24px 70px rgba(36,28,48,.07)}
.active-home .story-copy-compact .section-number{color:#6547d8}.active-home .story-copy-compact h2{color:#17131f}.active-home .story-copy-compact>p{color:#625b68}
.active-home .timeline-rail{border-top-color:rgba(23,19,31,.16)}.active-home .timeline-item{color:#514a58}.active-home .timeline-item span{color:#77707e}.active-home .timeline-item.is-active{color:#17131f;border-bottom-color:#6547d8}.active-home .timeline-item.is-active span{color:#4f4855}.active-home .timeline-copy{color:#514a58}
.active-home .story-photo.main figcaption{color:#fff}

/* Impact becomes a single intentional dark panel instead of a dark background with low-contrast labels. */
.active-home .impact-section{margin:34px 0 86px;padding:54px;border-radius:36px;background:radial-gradient(circle at 88% 8%,rgba(101,71,216,.32),transparent 28%),linear-gradient(135deg,#17131f,#211a31 58%,#182944);color:#fff;overflow:hidden}
.active-home .impact-section .section-topline{border-bottom-color:rgba(255,255,255,.16)}
.active-home .impact-section .section-topline>span{color:#f6cb49}.active-home .impact-section .section-topline p{color:#c8c1cf}
.active-home .impact-lead{background:linear-gradient(145deg,#6547d8,#7d58d7 56%,#d45f84);box-shadow:0 20px 60px rgba(0,0,0,.16)}
.active-home .impact-stats article{background:#fff;color:#17131f;border-color:rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.09)}
.active-home .impact-stats article>span{color:#625b68}

/* Community actions now participate in the same restrained 3D motion as programme cards. */
.motion-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0));transform-style:preserve-3d;transition:transform .36s var(--motion),box-shadow .36s var(--motion);will-change:transform}
.active-home .community-section{box-shadow:0 28px 70px rgba(72,43,117,.17)}
.active-home .community-action{background:rgba(22,15,31,.18);border-color:rgba(255,255,255,.26);box-shadow:0 10px 25px rgba(25,12,38,.08)}
.active-home .community-action:hover{background:rgba(255,255,255,.18);box-shadow:0 18px 40px rgba(25,12,38,.15)}
.active-home .community-action span{color:#ffe6ee;opacity:.9}.active-home .community-action h3,.active-home .community-action b{color:#fff}
.active-home .story-card{border:1px solid rgba(23,19,31,.08);box-shadow:0 12px 32px rgba(30,22,42,.07)}
.active-home .story-card:hover{box-shadow:0 26px 56px rgba(30,22,42,.15)}
.active-home .story-tone-1{background:#c6b9f6}.active-home .story-tone-2{background:#f2d36d}.active-home .story-tone-3{background:#f0a0af}

/* Better keyboard visibility across the newly animated surfaces. */
.route-card:focus-visible,.program-card:focus-visible,.community-action:focus-visible,.story-card:focus-visible,.social-link:focus-visible,.blog-lanes a:focus-visible,.editorial-story-card:focus-visible,.knowledge-tile:focus-visible{outline:3px solid #17131f;outline-offset:4px}
.active-home .route-card:focus-visible,.active-home .community-action:focus-visible{outline-color:#fff}

/* Floating social rail: compact, tactile and unambiguous. */
.social-rail{right:20px;gap:9px;padding:8px;border:1px solid rgba(23,19,31,.10);border-radius:999px;background:rgba(255,251,246,.72);box-shadow:0 18px 42px rgba(23,19,31,.11);backdrop-filter:blur(18px) saturate(130%)}
.social-link{width:46px;height:46px;border:0;background:rgba(255,255,255,.84);box-shadow:none}
.social-link:hover,.social-link:focus-visible{transform:translateX(-4px) scale(1.06)}
.social-link span{right:57px;box-shadow:0 10px 25px rgba(23,19,31,.18)}

/* Blog editorial lanes: the page has a clear visual rhythm even before a visitor opens a tab. */
.tone-blog .site-main{background:#f8f3ec}.blog-lanes{position:relative;z-index:55;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-34px;margin-bottom:20px}
.blog-lanes a{min-height:150px;padding:22px 23px;border-radius:24px;text-decoration:none;display:flex;flex-direction:column;border:1px solid rgba(23,19,31,.09);box-shadow:0 20px 46px rgba(28,19,38,.09);transition:transform .3s var(--motion),box-shadow .3s var(--motion)}
.blog-lanes a:nth-child(1){background:#e7e1fb}.blog-lanes a:nth-child(2){background:#f9e7a1}.blog-lanes a:nth-child(3){background:#dff2fb}
.blog-lanes a:hover{transform:translateY(-5px);box-shadow:0 28px 58px rgba(28,19,38,.14)}
.blog-lanes small{font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#6547d8}.blog-lanes strong{margin-top:14px;font-family:var(--display);font-size:20px;line-height:1.05;color:#17131f}.blog-lanes span{margin-top:auto;padding-top:16px;color:#625b68;font-size:12px;line-height:1.45}
.blog-tabs{margin-top:26px}.blog-hub-shell{padding-bottom:112px}
.blog-section-heading{padding-top:68px}.editorial-story-card{background:#fffdf9}.editorial-story-copy h3{color:#17131f}.editorial-story-copy p{color:#6a6370}
.knowledge-tile{box-shadow:0 12px 28px rgba(30,22,42,.06)}.knowledge-tile:hover{box-shadow:0 24px 46px rgba(30,22,42,.12)}
.blog-feature-empty .blog-feature-copy{z-index:4}.blog-feature-empty .blog-feature-copy small,.blog-feature-empty .blog-feature-copy h2{color:#fff}

/* Tablet/mobile: keep the layout calm and make the social buttons float without covering copy. */
@media(max-width:1100px){
  .active-home .impact-section{padding:42px}.blog-lanes{grid-template-columns:1fr 1fr}.blog-lanes a:last-child{grid-column:1/-1}.social-rail{right:12px}
}
@media(max-width:760px){
  .active-home .route-strip{grid-template-columns:1fr 1fr;margin-top:14px}.active-home .route-strip .route-card{min-height:104px;padding:15px}.active-home .route-strip .route-card b{margin-top:15px;font-size:15px}
  .active-home .story-section{padding:24px}.active-home .impact-section{margin:20px 0 62px;padding:26px 20px;border-radius:28px}.active-home .impact-section .section-topline{margin-bottom:22px}
  .blog-lanes{grid-template-columns:1fr;margin:0 14px 6px}.blog-lanes a:last-child{grid-column:auto}.blog-lanes a{min-height:132px}.blog-tabs{margin-top:28px}
  .social-rail{right:50%;bottom:max(14px,env(safe-area-inset-bottom));padding:5px}.social-link{width:42px;height:42px}
}
@media(max-width:430px){
  .active-home .route-strip{grid-template-columns:1fr}.active-home .route-strip .route-card{min-height:88px}.active-home .route-strip .route-card b{margin-top:10px}
  .blog-lanes{margin-inline:12px}
}
@media(prefers-reduced-motion:reduce){.motion-card,.blog-lanes a{transition:none!important;transform:none!important;will-change:auto!important}}
