/* Sam Oyus Foundation — Africa-inspired visual refresh. Non-destructive overlay. */
:root{--sof-green:#087c4c;--sof-gold:#ffbd43;--sof-blue:#123d68;--sof-orange:#ef7b3a}
body{background:#fffdf7;color:#17364d}
header{background:#fff!important;box-shadow:0 3px 22px #092e4320;position:sticky;top:0;z-index:30}
header .brand span{color:#123d68;font-weight:850}
header .links a{color:#17364d}
header .links a:hover{color:#087c4c}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff!important;background:linear-gradient(95deg,rgba(4,35,54,.96) 0%,rgba(5,53,66,.91) 42%,rgba(5,56,49,.48) 100%),url('/assets/activities/vocational-training.webp') center/cover no-repeat!important;min-height:580px}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 83% 25%,#ffc45070,transparent 35%),linear-gradient(0deg,#062d37aa,transparent 55%)}
.hero h1{color:#fff!important;font-size:clamp(2.5rem,5vw,5rem);line-height:1.07;letter-spacing:-.035em;max-width:850px;text-shadow:0 2px 15px #001b2470}
.hero .lead{color:#f2f8f7!important;max-width:700px;font-size:1.12rem;line-height:1.8}
.hero .kicker{color:#ffcb5a!important;font-weight:800;letter-spacing:.1em}
.hero .mini,.hero .mini span{color:#f7f7e8!important}
.hero-grid{position:relative;z-index:1;align-items:center}
.hero-panel{background:#073a4abf!important;border:1px solid #ffffff5c!important;box-shadow:0 20px 55px #001c2850;backdrop-filter:blur(9px);color:white!important;border-radius:20px!important}
.hero-panel p,.hero-panel b{color:white!important}
.btn{background:linear-gradient(110deg,#008f55,#0c704d)!important;color:white!important;border-radius:10px!important;box-shadow:0 7px 16px #052d302b;transition:transform .2s,filter .2s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.hero .btn.outline{background:linear-gradient(110deg,#ee812c,#ffb43f)!important;color:#182e3a!important;border-color:transparent!important}
.stats{background:#fff9e9!important;border-bottom:3px solid #ffc65b}
.stats strong{color:#087c4c!important}
.section.pale{background:#edf8f2!important}
.section.dark{background:linear-gradient(115deg,#0c3d61,#087c4c)!important}
.section.dark h2,.section.dark p,.section.dark .kicker{color:white!important}
.section .kicker{color:#087c4c;font-weight:850}
.section h2{color:#123d68}
.feature,.activity,.evidence-grid article,.partner-grid article{border-radius:16px!important;box-shadow:0 10px 28px #14384b14;overflow:hidden;border:1px solid #dceae6!important}
.feature:nth-child(3n+1),.partner-grid article:nth-child(4n+1){border-top:5px solid #098953!important}
.feature:nth-child(3n+2),.partner-grid article:nth-child(4n+2){border-top:5px solid #f6b438!important}
.feature:nth-child(3n+3),.partner-grid article:nth-child(4n+3){border-top:5px solid #ef7b3a!important}
.partner-grid article:nth-child(4n){border-top:5px solid #1778b5!important}
.activity img{object-fit:cover}
.filters input,.filters select{border:1px solid #bdd5cf!important;border-radius:10px!important}
#projectsGrid article{border-radius:14px;overflow:hidden}
.sof-reach{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 0}
.sof-reach span{background:#ffffff22;border:1px solid #ffffff50;border-radius:999px;padding:9px 14px;color:white;font-weight:700;font-size:.9rem}
.sof-africa-label{font-weight:800;color:#ffcf68;font-size:.85rem;letter-spacing:.11em;margin-bottom:12px}
@media(max-width:700px){.hero{min-height:initial;background-position:60% center!important}.hero h1{font-size:clamp(2.3rem,9vw,3.7rem)}.hero .lead{font-size:1rem}.sof-reach{gap:7px}.sof-reach span{font-size:.78rem}}

/* Linked pipeline stage pills */
.hero-panel .sof-pipeline-link{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #ffffff60;border-radius:999px;color:white;text-decoration:none;font-weight:750;background:#ffffff13}
.hero-panel .sof-pipeline-link:hover,.hero-panel .sof-pipeline-link:focus-visible{background:#ffbd43;color:#123d68;outline-offset:3px}

/* Navigation and founder portrait corrections (October 2026) */
header .nav{height:auto;min-height:82px;gap:18px;padding-block:12px;flex-wrap:nowrap}
header .brand{flex:0 0 auto;max-width:180px}
header .links{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:clamp(8px,1.15vw,16px);flex-wrap:wrap}
header .links>a{white-space:nowrap;font-size:.83rem}
header .links .btn.small{white-space:nowrap;padding:9px 12px}
.pipeline-nav{display:flex;flex:0 1 100%;justify-content:flex-end;gap:6px;flex-wrap:wrap;border-top:1px solid #e5eee9;padding-top:7px}
.pipeline-nav a{color:#145169!important;font-size:.78rem;font-weight:800;text-decoration:none;padding:4px 9px;border-radius:99px;background:#edf7f3}
.pipeline-nav a:hover,.pipeline-nav a:focus-visible{background:#0a8055;color:#fff!important}
.founder-home-grid{display:grid;grid-template-columns:minmax(170px,245px) minmax(0,1fr);gap:32px;align-items:center}
.founder-home-photo{display:block;width:100%;max-width:245px;height:auto;aspect-ratio:1;object-fit:contain;object-position:center 20%;border-radius:18px}
.hero-panel .pipeline>a.sof-pipeline-link{font-size:.88rem}
@media(max-width:1100px){header .links{gap:9px}header .links>a{font-size:.78rem}}
@media(max-width:900px){header .nav{min-height:72px;flex-wrap:nowrap}header .links{display:none}header .links.open{display:flex;position:absolute;left:4%;right:4%;top:calc(100% - 1px);background:#fff;padding:18px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #123b4930;max-height:calc(100vh - 90px);overflow:auto}header .links.open>a{font-size:1rem;padding:6px}header .links.open .pipeline-nav{justify-content:flex-start;border-top:1px solid #dde9e5;padding-top:12px}header .menu{display:block;margin-left:auto}}
@media(max-width:650px){.founder-home-grid{grid-template-columns:1fr;gap:20px}.founder-home-photo{max-width:210px}}