/*
  NACWO Organisation & Blog — Distinct Public Identity (Phase 1.02)
  -----------------------------------------------------------------
  Purpose: deliberately separate the public institutional website from
  the NACWO National Platform without changing copy, routes or behaviour.

  Visual direction: editorial / institutional / human-impact / African
  enterprise.  Shared NACWO cues remain in the logo and restrained
  aqua/gold accents, but the public website now uses warm paper, deep
  forest, clay, ochre, serif display typography, asymmetry and documentary
  photography rather than the Platform's digital-product visual language.
*/

:root{
  --org-forest:#142c27;
  --org-forest-2:#1e3a33;
  --org-forest-3:#28483f;
  --org-paper:#f3eee3;
  --org-paper-2:#ebe2d2;
  --org-cream:#fbf8f0;
  --org-ink:#1e2926;
  --org-muted:#6d736d;
  --org-clay:#c56f4e;
  --org-clay-dark:#8f4937;
  --org-ochre:#d7aa49;
  --org-sage:#8ba28f;
  --org-aqua:#58c9c2;
  --org-line:rgba(31,47,42,.14);
  --org-shadow:0 28px 70px rgba(39,49,42,.12);
}

html{background:var(--org-paper)}
body{background:var(--org-paper);color:var(--org-ink)}
body,button,input,textarea,select{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.hero h1,.section-title,.display,.page-hero h1,.final-cta h2,.store-hero-copy h1,.access-copy h1,.prose h2,.browser-body h4,
.story-step h3,.photo-copy h3,.bento-card h3,.story-card-copy h3,.atlas-copy h2,.admin-hero h2{
  font-family:Georgia,"Times New Roman",ui-serif,serif;
  font-weight:700;
  letter-spacing:-.038em;
}
::selection{background:var(--org-clay);color:#fff}
.section{background:var(--org-paper)}
.section-soft{background:var(--org-paper-2)}
.section-dark{background:var(--org-forest);color:#fff}
.eyebrow{color:var(--org-clay-dark);letter-spacing:.17em}
.section-dark .eyebrow{color:#f1c979}
.gradient-text{background:linear-gradient(105deg,var(--org-clay-dark),var(--org-clay) 42%,var(--org-ochre));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:#69716b}
.section-dark .lead{color:#c2c9c4}
.pill{border-radius:10px;min-height:48px;letter-spacing:.01em}
.pill-primary{background:var(--org-ochre);color:#282112;box-shadow:none}
.pill-dark{background:var(--org-forest);color:#fff}
.pill-outline{background:var(--org-cream);border-color:var(--org-line);color:var(--org-forest)}
.pill-glass{background:rgba(249,244,232,.08);border-color:rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.pill:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(27,43,37,.12)}

/* Header: still unmistakably NACWO, but no longer a Platform-like glass capsule. */
.site-header{padding:0;background:transparent}
.header-inner{width:100%;max-width:none;min-height:82px;border:0;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0;padding:12px max(24px,calc((100vw - 1320px)/2));background:rgba(20,44,39,.96);box-shadow:none;backdrop-filter:blur(12px)}
.site-header.is-compact{padding:0}.site-header.is-compact .header-inner{min-height:68px;background:rgba(20,44,39,.985)}
.brand-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.02em;text-transform:none}
.brand-copy span{color:#c1cbbf}
.nav a{border-radius:0;padding:12px 9px;color:#dbe2da;position:relative}
.nav a:after{content:"";position:absolute;left:9px;right:9px;bottom:5px;height:2px;background:var(--org-ochre);transform:scaleX(0);transform-origin:left;transition:.2s ease}
.nav a:hover,.nav a.active{background:transparent;color:#fff}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}
.store-top{border-radius:8px;background:var(--org-ochre);color:#2a2416}
.store-top:after{background:var(--org-clay);color:#fff;border:0}
.platform-top{border-radius:8px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.26)}
.menu-btn{border-radius:8px}

/* Home hero: editorial poster + documentary image, not a digital-product constellation. */
.hero{min-height:100vh;padding:150px 0 80px;background:
  linear-gradient(100deg,rgba(20,44,39,.99) 0 54%,rgba(20,44,39,.9) 68%,rgba(20,44,39,.76) 100%),
  radial-gradient(circle at 82% 30%,rgba(215,170,73,.22),transparent 30%),
  var(--org-forest);color:#fff}
.hero:before{opacity:.18;background-image:radial-gradient(rgba(247,238,218,.45) .7px,transparent .7px);background-size:11px 11px;mask-image:linear-gradient(to right,black 0 52%,transparent 85%)}
.hero:after{width:42vw;height:74vh;right:-6vw;top:13%;border:1px solid rgba(215,170,73,.22);border-radius:48% 22% 40% 18%;box-shadow:none;transform:rotate(5deg)}
.hero-grid{grid-template-columns:1.05fr .95fr;gap:82px}
.hero-kicker{color:#d6d9d0}.hero-kicker i{background:var(--org-ochre);box-shadow:none;border-radius:0;transform:rotate(45deg)}
.hero h1{font-size:clamp(58px,7.3vw,108px);line-height:.91;letter-spacing:-.045em;max-width:790px}
.hero h1 em{color:#f0c878;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500}
.hero p{color:#d0d6cf;max-width:690px}
.hero-proof{color:#aebcb2}.hero-proof i{background:var(--org-clay);border-radius:0;width:12px;height:1px}
.hero-visual{min-height:660px}
.constellation{inset:2% 0 0;place-items:center}
.core-orb{width:min(430px,77%);aspect-ratio:.78;border-radius:120px 18px 120px 18px;background:
  linear-gradient(to top,rgba(20,44,39,.78),rgba(20,44,39,.12) 55%),
  url("https://images.unsplash.com/photo-1692689383052-9fbf3d1c0969?auto=format&fit=crop&fm=jpg&q=84&w=1600") center/cover no-repeat;
  border:8px solid rgba(245,237,219,.92);box-shadow:0 38px 90px rgba(0,0,0,.31);position:relative;overflow:hidden}
.core-orb:before,.core-orb:after{display:none}
.core-logo{position:absolute;left:28px;right:28px;bottom:28px;text-align:left;padding-top:19px;border-top:1px solid rgba(255,255,255,.45)}
.core-logo img{width:142px;margin:0;filter:drop-shadow(0 7px 18px rgba(0,0,0,.32))}
.core-logo span{text-align:left;color:#f4ead2;letter-spacing:.18em;margin-top:11px}
.float-card{width:190px;padding:15px 16px;border:0;border-radius:10px;background:#f4ecdb;color:var(--org-forest);backdrop-filter:none;box-shadow:0 18px 46px rgba(0,0,0,.22);animation:none!important}
.float-card small{color:#8b694c}.float-card b{font-family:Georgia,"Times New Roman",serif;font-size:16px}.float-card em{color:#68756e}.float-card em:before{background:var(--org-clay);border-radius:0}
.float-1{left:-2%;top:11%;transform:rotate(-3deg)}.float-2{right:-1%;top:27%;transform:rotate(2deg)}.float-3{left:4%;bottom:12%;transform:rotate(2.5deg)}.float-4{right:1%;bottom:9%;transform:rotate(-2deg)}
.hero-scroll{color:#a5b4ab}.hero-scroll:before{background:var(--org-ochre)}

.manifesto-strip{background:#e7dcc8;border-bottom:1px solid var(--org-line);padding:44px 0}
.manifesto-line strong{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.025em;color:var(--org-forest)}
.signature{color:#6f746d}.signature b{color:var(--org-clay-dark)}

/* Main editorial story */
.story-intro{background:var(--org-paper)}
.story-step{border-top-color:var(--org-line)}
.story-step .num{color:var(--org-clay);font-family:Georgia,"Times New Roman",serif}
.story-step h3{color:var(--org-forest)}
.story-step p{color:#72766f}

.photo-panel{border-radius:12px;min-height:680px;box-shadow:0 35px 70px rgba(0,0,0,.20);border:8px solid #f4ead6}
.photo-panel:after{background:linear-gradient(to top,rgba(20,44,39,.9),rgba(20,44,39,.08) 58%)}
.photo-copy{max-width:710px}
.photo-copy h3{font-size:clamp(38px,5vw,72px);font-weight:600}
.photo-badge{background:#f1c76f;color:#302718;border:0;border-radius:4px}

/* Bento becomes an editorial programme index, not app-like feature cards. */
.bento{gap:18px}
.bento-card{border-radius:10px;border:1px solid var(--org-line);box-shadow:none;min-height:320px;background:#faf6ed;color:var(--org-forest)}
.bento-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--org-sage)}
.bento-card .icon{border-radius:4px;background:transparent;border:1px solid currentColor;width:42px;height:42px}
.bento-card .tag{color:#7c6e5c}
.bento-card h3{font-size:31px;line-height:1.04}
.bento-card p{color:#696f69}
.bento-card.tone-dark{background:var(--org-forest);color:#fff;border-color:transparent}.bento-card.tone-dark p{color:#bec9c2}.bento-card.tone-dark:before{background:var(--org-ochre)}
.bento-card.tone-gold{background:#ddc17c;color:#2f2a1e}.bento-card.tone-gold:before{background:var(--org-clay)}.bento-card.tone-gold p{color:#665b43}
.bento-card.tone-blue{background:#dbe5df;color:#20362f}.bento-card.tone-blue:before{background:#64877a}.bento-card.tone-blue p{color:#5d6d66}
.bento-card.tone-violet{background:#e7d6ce;color:#4a2e2b}.bento-card.tone-violet:before{background:var(--org-clay)}.bento-card.tone-violet p{color:#755a54}
.bento-card.tone-coral{background:#ead9bc;color:#473821}.bento-card.tone-coral:before{background:var(--org-ochre)}.bento-card.tone-coral p{color:#716249}
.visual-dots{opacity:.15}

.impact-section{background:var(--org-forest)}
.impact-board{border-radius:10px;background:#f4eddf;color:var(--org-forest);border:0;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.impact-board-head{border-bottom-color:rgba(20,44,39,.12)}
.live-chip{border-radius:4px;background:#d6bd79;color:#2c2719;border:0}
.metric-card{border-radius:6px;background:#fffaf0;border-color:#d9ceba}
.metric-card strong{font-family:Georgia,"Times New Roman",serif;color:var(--org-clay-dark)}
.verify-note{background:#dfd6c5;color:#4a574f;border-radius:5px}

/* Geography = documentary landscape rather than a software-style map. */
.atlas{background:#e9dfcc}
.map-stage{min-height:610px;border-radius:10px;background:
  linear-gradient(to top,rgba(20,44,39,.82),rgba(20,44,39,.14) 58%),
  url("https://images.unsplash.com/photo-1680866781490-9c6fac855080?auto=format&fit=crop&fm=jpg&q=82&w=1800") center/cover no-repeat;
  border:8px solid #f8f2e5;box-shadow:var(--org-shadow)}
.map-stage:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.38);pointer-events:none}
.map-ring{border-color:rgba(245,211,132,.6)!important;box-shadow:none!important}
.map-pin{background:var(--org-clay)!important;box-shadow:0 0 0 9px rgba(197,111,78,.22)!important}
.map-location{background:#f7f0e2;color:var(--org-forest);border:0;border-radius:7px;box-shadow:0 18px 45px rgba(0,0,0,.19)}
.map-location small{color:var(--org-clay-dark)}.map-location span{color:#6a716b}
.map-legend{background:rgba(20,44,39,.83);color:#f5e8ce;border-radius:4px}
.atlas-copy li{border-top-color:rgba(31,47,42,.15)}

/* Editorial cards */
.story-cards{gap:18px}
.story-card{border-radius:8px;background:var(--org-forest);box-shadow:none}
.story-card:after{background:linear-gradient(to top,rgba(20,44,39,.96),rgba(20,44,39,.08) 66%)}
.story-card-copy small{color:#f1c979}.story-card-copy h3{font-weight:600}
.story-card.abstract{background:#d8c8ad;color:var(--org-forest);border:1px solid rgba(31,47,42,.14)}
.story-card.abstract:before{border-radius:0;border-color:rgba(143,73,55,.18);transform:rotate(26deg);box-shadow:none}
.story-card.abstract .story-card-copy small{color:var(--org-clay-dark)}.story-card.abstract .story-card-copy p{color:#6d675a}

/* Store teaser on homepage */
.store-teaser{background:linear-gradient(105deg,#c56f4e 0 48%,#efe5d3 48% 100%)}
.store-copy .section-title{color:#fff}.store-copy p{color:#f8e6df}.store-copy .eyebrow{color:#ffe1af}.store-copy .pill-dark{background:#fff;color:var(--org-forest)}
.merch-card{border-radius:8px;box-shadow:0 25px 60px rgba(43,34,27,.17)}
.merch-card .mock{border-radius:5px;background:var(--org-forest)}

/* Platform bridge stays recognisably connected, but as a framed editorial callout. */
.platform-bridge{background:var(--org-paper)}
.bridge-panel{border-radius:10px;background:var(--org-forest);border-left:10px solid var(--org-ochre);box-shadow:var(--org-shadow)}
.browser-mock{border-radius:8px;transform:rotate(1deg);background:#dfd2bb;border-color:#efe4d2}
.browser-body{border-radius:0 0 7px 7px;background:#f7f1e6}.browser-kpis div{border-radius:4px}.browser-row{border-radius:4px;background:linear-gradient(90deg,#d9e7df,#ead6b3)}

.final-cta{background:linear-gradient(115deg,#142c27 0 67%,#8f4937 67%);text-align:left}
.final-cta .site-shell{max-width:1040px;margin-left:max(21px,calc((100vw - 1240px)/2));margin-right:auto}
.final-cta h2{max-width:900px;letter-spacing:-.035em}.final-cta p{margin:24px 0;max-width:700px}.final-actions{justify-content:flex-start}
.site-footer{background:#0f241f;color:#aab7ae;border-top:8px solid var(--org-ochre)}
.footer-col h4{font-family:Georgia,"Times New Roman",serif;text-transform:none;letter-spacing:0;font-size:15px}

/* Interior pages: institutional magazine, rather than app landing pages. */
.page-hero{padding:176px 0 92px;min-height:560px;background:
  linear-gradient(105deg,rgba(20,44,39,.98),rgba(20,44,39,.92) 62%,rgba(143,73,55,.80)),
  var(--org-forest);color:#fff;border-bottom:12px solid var(--org-ochre)}
.page-hero:before{opacity:.16;background-image:radial-gradient(rgba(247,238,218,.55) .7px,transparent .7px);background-size:12px 12px;mask-image:linear-gradient(to right,black,transparent 76%)}
.page-hero:after{content:"";position:absolute;width:330px;height:330px;right:7vw;bottom:-180px;border:1px solid rgba(245,226,188,.32);transform:rotate(20deg)}
.page-hero h1{font-size:clamp(56px,7.5vw,108px);letter-spacing:-.035em;max-width:1050px}
.page-hero p{color:#d0d8d2}
.content-grid{gap:90px}
.prose p{color:#68716b}.prose blockquote{border-radius:5px;background:#e9deca;border-left:6px solid var(--org-clay);font-family:Georgia,"Times New Roman",serif;font-weight:500}
.timeline{border-color:#bfaf96}.timeline article:before{background:var(--org-clay);border-color:#efe2ce}
.timeline b{color:var(--org-clay-dark)}
.cards-3,.resource-grid{gap:18px}
.info-card,.resource-card{border-radius:7px;background:#faf6ee;border-color:var(--org-line);box-shadow:none}
.info-card .num,.resource-card small,.resource-card a{color:var(--org-clay-dark)}
.project-card{border-radius:8px;border-color:var(--org-line);background:#faf6ee}
.project-media{background:#c4b79f}.project-media:after{background:linear-gradient(145deg,rgba(20,44,39,.82),rgba(197,111,78,.24))}
.project-meta span{border-radius:4px;background:#e4dac8;color:#5f655f}.status-chip{color:var(--org-clay-dark)}.status-chip:before{background:var(--org-ochre)}

/* Store: fashion/editorial capsule, intentionally unlike the Platform. */
.store-page{background:var(--org-paper);color:var(--org-ink)}
.store-hero{background:
  linear-gradient(105deg,rgba(20,44,39,.98),rgba(20,44,39,.88) 60%,rgba(143,73,55,.74)),
  var(--org-forest);border-bottom:12px solid var(--org-ochre)}
.store-hero:before{opacity:.12;background-image:radial-gradient(rgba(255,255,255,.65) .7px,transparent .7px);background-size:12px 12px}
.store-hero-copy h1{letter-spacing:-.04em}.store-hero-copy h1 span{color:#f1c979;font-style:italic;font-weight:500}.store-hero-copy p{color:#d0d9d3}
.store-tag{border-radius:4px;color:#f5d28c;border-color:rgba(245,210,140,.4);background:transparent}.store-tag:before{border-radius:0;background:var(--org-clay)}
.store-orb{border-radius:10px;right:8%;top:10%;background:#e6d3ad;box-shadow:0 45px 90px rgba(0,0,0,.25);transform:rotate(3deg)}
.store-orb:before{color:var(--org-forest);font-family:Georgia,"Times New Roman",serif;font-size:48px}
.preview-card{border-radius:7px;box-shadow:0 22px 55px rgba(0,0,0,.22);background:#faf4e7}.preview-card .art{border-radius:4px;background:var(--org-forest)}
.preview-card.cap .art{background:#d7c49f}.preview-card.work .art{background:#8f4937}
.coming-banner{background:var(--org-ochre);color:#302719}.coming-track{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.035em}
.collection-section{background:var(--org-paper)}
.collection-card{border-radius:7px;background:#faf6ed;border-color:var(--org-line)}.collection-card .collection-art{border-radius:4px;background:var(--org-forest)}
.collection-card:nth-child(2) .collection-art{background:#d8bd78}.collection-card:nth-child(3) .collection-art{background:#c8d4ca}.collection-card:nth-child(4) .collection-art{background:#d6a58f}
.coming-mini{border-radius:3px;background:#f7f0e2}
.store-principles{background:var(--org-forest)}.principle{border-radius:6px;background:rgba(255,255,255,.04)}.principle span{color:#f1c979}
.notify-panel{border-radius:8px;background:#e7dbc6}.notify-panel h2{font-family:Georgia,"Times New Roman",serif;color:var(--org-forest)}.notify-form input{border-radius:6px;background:#fffaf2}

/* Access / funder surfaces */
.access-page{background:linear-gradient(120deg,#142c27 0 65%,#8f4937 65%);color:#fff}
.access-copy h1{letter-spacing:-.035em}.access-copy p{color:#ced7d0}.access-card{border-radius:8px;background:#f3ead9;color:var(--org-forest);border:0;backdrop-filter:none;box-shadow:0 28px 70px rgba(0,0,0,.25)}
.access-card>p,.access-status{color:#6d756e}.access-form label{color:#7d624e}.access-form input{border-radius:5px;border:1px solid #cbbda8;background:#fffaf2;color:var(--org-ink)}.access-form input:focus{border-color:var(--org-clay)}.access-secondary{color:#cbd6ce}.access-secondary a{color:#f4cf85}
.data-room-main{background:var(--org-paper)}.identity-chip{border-radius:4px;background:#faf5ea;border-color:var(--org-line)}

/* Organisation Control Centre keeps its function, but belongs to this visual family. */
.admin-body{background:#eee6d8;color:var(--org-ink)}
.admin-side{background:#142c27;border-right:5px solid var(--org-ochre)}
.admin-brand b,.admin-top h1,.admin-panel h3{font-family:Georgia,"Times New Roman",serif}
.admin-top{background:rgba(247,241,228,.94);border-color:var(--org-line)}
.admin-chip{border-radius:4px;background:#f8f1e5;border-color:var(--org-line)}
.admin-hero{border-radius:7px;background:linear-gradient(120deg,#142c27,#28483f 70%,#8f4937);border-left:8px solid var(--org-ochre)}
.admin-card,.admin-panel{border-radius:7px;background:#fbf7ef;border-color:var(--org-line)}
.admin-list-item{border-radius:5px;background:#fffaf2;border-color:var(--org-line)}
.admin-button{border-radius:5px;background:var(--org-forest)}.admin-button.alt{background:#e2d8c7;color:var(--org-forest)}.admin-button.gold{background:var(--org-ochre)}
.admin-table-wrap{border-radius:6px}.admin-table th{background:#e9dfcf}.admin-form input,.admin-form textarea,.admin-form select{border-radius:5px;background:#fffaf3;border-color:#c9bcaa}.admin-note{border-radius:5px;background:#eadcb5}

@media(max-width:1100px){
  .nav.mobile-open{background:#142c27;border-radius:8px}
  .hero-grid{gap:30px}.hero-visual{min-height:600px}
  .final-cta .site-shell{margin-inline:auto}
}
@media(max-width:760px){
  .header-inner{border-radius:0}.hero{padding-top:126px}.hero h1{font-size:clamp(50px,14vw,75px)}
  .hero-visual{min-height:520px}.core-orb{width:74%;border-width:5px;border-radius:80px 12px 80px 12px}
  .float-card{width:150px}.float-1{left:-4%}.float-2{right:-5%}.float-3{left:1%}.float-4{right:-1%}
  .photo-panel{border-width:5px;border-radius:7px}.bento-card{border-radius:7px}
  .map-stage{border-width:5px;min-height:500px}.final-cta{background:var(--org-forest)}
  .page-hero{border-bottom-width:8px}.page-hero:after{display:none}
}

.donate-top{background:#173c33!important;color:#fff!important;border-color:#173c33!important}
.donate-top:hover{background:#244f45!important}