/*
Theme Name: AMDA
Theme URI: https://amda.ug
Author: AMDA Media and ICT
Description: Orange and deep-brown theme for the Archdiocese of Mbarara Development Association (AMDA).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: amda
*/

/* ===== TOKENS ===== */
:root{
  --green:#2b1a10; --green-2:#4a2a14; --gold:#f28c28; --gold-ink:#a63f00; /* BRAND: --gold is AMDA orange; replace #f28c28 with your logo orange. --green is the deep brown-black base. */
  --bg:#fbf8f5; --surface:#fff; --ink:#231710; --muted:#6a5b50; --line:#e6ddd4; --on-green:#fff8f0; --focus:#1a63d8;
  --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:6px; --wrap:1180px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#17100b; --surface:#201710; --ink:#f3ebe3; --muted:#bcaa9b; --line:#3a2b20; --green:#120b06; --green-2:#7a3f18; --gold-ink:#ffb066; --focus:#7fb0ff}}
:root[data-theme="dark"]{--bg:#17100b; --surface:#201710; --ink:#f3ebe3; --muted:#bcaa9b; --line:#3a2b20; --green:#120b06; --green-2:#7a3f18; --gold-ink:#ffb066; --focus:#7fb0ff}

/* ===== BASE ===== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 var(--sans);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);line-height:1.12;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.015em}
h2{font-size:clamp(1.7rem,3.6vw,2.4rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em;max-width:66ch}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
[hidden]{display:none!important}
.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}
.section{padding-block:clamp(3rem,7vw,5.5rem)}
.section--alt{background:var(--surface);border-block:1px solid var(--line)}
.head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}
.head h2{margin:0}
.lede{color:var(--muted);font-size:1.1rem}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#000;padding:.6rem 1rem;z-index:200}.skip:focus{left:0}
.btn{display:inline-block;padding:.72rem 1.25rem;border-radius:var(--r);font:inherit;font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.2}
.btn--gold{background:var(--gold);color:#1b0d00}.btn--gold:hover{background:#ffa24d}
.btn--green{background:var(--green);color:var(--on-green)}.btn--green:hover{background:var(--green-2)}
.btn--ghost{border-color:currentColor;background:transparent}.btn--ghost:hover{background:rgba(255,255,255,.14)}
.btn--block{width:100%}
.textlink{font-weight:600;text-decoration:none;border-bottom:2px solid var(--gold)}

/* ===== UTILITY BAR (Mass-times style quick access) ===== */
.util{background:var(--green);color:var(--on-green);font-size:.88rem}
.util .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:.45rem;align-items:center}
.util ul{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.util a,.util button{color:inherit;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}
.util a:hover,.util button:hover{text-decoration:underline}
.util .pill{background:var(--gold);color:#1b0d00;font-weight:600;padding:.25rem .8rem;border-radius:99px}

/* ===== HEADER + DROPDOWNS ===== */
.header{position:sticky;top:0;z-index:60;background:var(--surface);border-bottom:1px solid var(--line)}
.header .wrap{display:flex;align-items:center;gap:1rem;min-height:4.3rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto}
.brand b{font-family:var(--serif);font-size:1.55rem;color:var(--green)}
.brand small{font-size:.75rem;line-height:1.2;color:var(--muted);max-width:11rem}
.mark{width:2.4rem;height:2.4rem;border-radius:50%;background:var(--green);display:grid;place-items:center}
.mark svg{width:1.3rem;height:1.3rem}
.nav>ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0}
.nav li{position:relative}
.nav a{display:block;padding:.55rem .75rem;text-decoration:none;border-radius:var(--r);font-weight:500}
.nav a:hover{background:var(--bg)}
.nav li ul{display:none;position:absolute;left:0;top:100%;min-width:14rem;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:0 0 var(--r) var(--r);list-style:none;margin:0;padding:.3rem;box-shadow:0 14px 28px -14px rgba(0,0,0,.35)}
.nav li:hover>ul,.nav li:focus-within>ul{display:block}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:var(--r);padding:.5rem .8rem;font:inherit;color:inherit}
@media (max-width:1000px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);padding:.5rem 1.25rem 1rem;max-height:75vh;overflow:auto}
  .nav.open{display:block}.nav>ul{flex-direction:column}
  .nav li ul{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 1rem;min-width:0}
  .header .btn{display:none}
}

/* ===== HERO SLIDER ===== */
.slider{position:relative;background:var(--green);color:#fff;overflow:hidden}
.slides{display:grid}
.slide{grid-area:1/1;min-height:clamp(30rem,78vh,40rem);display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;
  background:linear-gradient(90deg,rgba(30,15,6,.92) 0%,rgba(30,15,6,.72) 45%,rgba(30,15,6,.25) 100%),var(--img,none) center/cover,linear-gradient(135deg,var(--green-2),var(--green))}
.slide.on{opacity:1;visibility:visible}
.slide .wrap{padding-block:3rem 5rem}
.slide .text{max-width:40rem}
.slide p{font-size:1.2rem;color:#f6e8dc}
.slide .actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.slide .kicker{display:inline-block;background:var(--gold);color:#1b0d00;font-weight:600;font-size:.88rem;padding:.2rem .7rem;border-radius:3px;margin-bottom:1rem}
.slider-ui{position:absolute;inset:auto 0 1.2rem 0;z-index:3}
.slider-ui .wrap{display:flex;align-items:center;gap:.8rem}
.dots{display:flex;gap:.5rem;margin-right:auto}
.dots button{width:2.6rem;height:.4rem;border:0;border-radius:3px;background:rgba(255,255,255,.4);cursor:pointer;padding:0;position:relative;overflow:hidden}
.dots button[aria-current="true"]{background:rgba(255,255,255,.35)}
.dots button[aria-current="true"]::after{content:"";position:absolute;inset:0;background:var(--gold);transform-origin:left;animation:fill var(--dur,6s) linear forwards}
.slider.paused .dots button[aria-current="true"]::after{animation-play-state:paused}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ctl{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:rgba(0,0,0,.25);color:#fff;font-size:1.1rem;cursor:pointer}
.ctl:hover{background:var(--gold);color:#1b0d00;border-color:var(--gold)}

/* ===== IMPACT NUMBERS ===== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:-2.4rem;position:relative;z-index:4}
.stat{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--r);padding:1.1rem 1.25rem}
.stat b{display:block;font-family:var(--serif);font-size:2.2rem;color:var(--green);line-height:1.1}
.stat span{color:var(--muted);font-size:.92rem}
.stat em{display:block;font-style:normal;font-size:.78rem;color:var(--muted);margin-top:.3rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .stat b{color:var(--gold-ink)}}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}

/* ===== HIGHLIGHT CARDS ===== */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.grid-3{grid-template-columns:1fr}}
@media (max-width:520px){.grid-4{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card .ph{aspect-ratio:16/10;background:var(--img,none) center/cover,linear-gradient(135deg,var(--green-2),var(--green))}
.card .body{padding:1.1rem 1.25rem 1.3rem;display:flex;flex-direction:column;flex:1}
.card .body p{color:var(--muted)}
.card .body .textlink{margin-top:auto;align-self:flex-start}
.card:hover{border-color:var(--green-2)}
.progress{height:.6rem;background:var(--line);border-radius:99px;overflow:hidden;margin:.2rem 0 .4rem}
.progress i{display:block;height:100%;width:70%;background:var(--gold)}
.pnote{font-size:.85rem;color:var(--muted)}

/* portfolio tiles (TradeMark Africa style) */
.tile{display:block;text-decoration:none;background:var(--green);color:var(--on-green);border-radius:var(--r);padding:1.4rem 1.25rem;min-height:9rem;border-bottom:4px solid var(--gold)}
.tile:hover{background:var(--green-2)}
.tile h3{margin-bottom:.35rem}.tile p{margin:0;font-size:.92rem;color:#ead9ca}

/* ===== EVENTS WITH COUNTDOWN ===== */
.events{display:grid;gap:1rem}
.event{display:grid;grid-template-columns:5.2rem 1fr auto;gap:1.2rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem}
.date{text-align:center;background:var(--green);color:var(--on-green);border-radius:var(--r);padding:.5rem 0;line-height:1.1}
.date b{display:block;font-family:var(--serif);font-size:1.8rem}.date span{font-size:.85rem;color:var(--gold)}
.event h3{margin:0 0 .15rem}.event p{margin:0;color:var(--muted);font-size:.93rem}
.count{display:flex;gap:.5rem;margin-top:.5rem}
.count div{background:var(--bg);border:1px solid var(--line);border-radius:4px;min-width:3.2rem;text-align:center;padding:.15rem .3rem;font-size:.72rem;color:var(--muted)}
.count b{display:block;font-size:1.1rem;color:var(--ink);font-family:var(--serif)}
@media (max-width:700px){.event{grid-template-columns:4.4rem 1fr}.event .btn{grid-column:1/-1}}

/* ===== FEATURE BANNER (TradeMark Africa forum style) ===== */
.banner{background:linear-gradient(100deg,var(--green),var(--green-2));color:#fff;border-radius:var(--r);padding:clamp(1.5rem,4vw,2.8rem);display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;align-items:center;border-left:8px solid var(--gold)}
.banner p{color:#f8e7d6}.banner h2{margin-bottom:.4rem}
.banner .facts{display:grid;gap:.3rem;font-weight:600}
@media (max-width:760px){.banner{grid-template-columns:1fr}}

/* ===== NEWS ===== */
.news{display:grid;grid-template-columns:1.3fr 1fr;gap:1.5rem}
@media (max-width:820px){.news{grid-template-columns:1fr}}
.news .lead .ph{aspect-ratio:16/9;border-radius:var(--r);background:var(--img,none) center/cover,linear-gradient(135deg,var(--green-2),var(--green));margin-bottom:.9rem}
.news time{font-size:.85rem;color:var(--muted)}
.news h3 a{text-decoration:none}.news h3 a:hover{text-decoration:underline}
.news .list article{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}
.news .list p{color:var(--muted);margin:.2rem 0 0}

/* ===== RESOURCES ===== */
.links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
@media (max-width:700px){.links{grid-template-columns:1fr}}
.links a{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;font-weight:600}
.links a:hover{border-color:var(--green-2)}
.lock{font-size:.8rem;font-weight:400;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:.1rem .6rem;color:var(--muted);white-space:nowrap}

/* ===== NEWSLETTER + CTA ===== */
.cta{background:var(--gold);color:#1b0d00}
.cta .wrap{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-block:2.6rem}
.cta h2{margin:0}.cta p{margin:.3rem 0 0}
.nl{display:flex;gap:.5rem;flex-wrap:wrap}
.nl input{padding:.7rem .9rem;border:2px solid #1b0d00;border-radius:var(--r);font:inherit;min-width:15rem;background:#fff;color:#111}

/* ===== FOOTER ===== */
.footer{background:var(--green);color:#ead9ca;padding-block:3rem 1.5rem}
.footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem}
@media (max-width:820px){.footer .cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer .cols{grid-template-columns:1fr}}
.footer h3{color:#fff;font-size:1.05rem}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}
.footer .legal{border-top:1px solid rgba(255,255,255,.18);margin-top:2rem;padding-top:1rem;font-size:.85rem;display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}

/* ===== DIALOGS (login, Mass times) ===== */
dialog{border:0;border-radius:var(--r);padding:0;width:min(30rem,100% - 2rem);background:var(--surface);color:var(--ink);box-shadow:0 30px 70px -20px rgba(0,0,0,.6)}
dialog::backdrop{background:rgba(20,10,4,.65)}
.dlg{padding:1.5rem}
.dlg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}
.dlg-head h2{margin:0;font-size:1.5rem}
.x{background:none;border:1px solid var(--line);border-radius:50%;width:2.2rem;height:2.2rem;font-size:1.1rem;cursor:pointer;color:inherit}
.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:1.1rem}
.tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;padding:.65rem;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}
.tabs button[aria-selected="true"]{color:var(--green);border-color:var(--gold)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tabs button[aria-selected="true"]{color:var(--gold-ink)}}
.field{margin-bottom:.9rem}
.field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.25rem}
.field input,.field select{width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:var(--r);font:inherit;background:var(--bg);color:var(--ink)}
.check{display:flex;gap:.5rem;align-items:flex-start;font-size:.88rem;margin-bottom:.9rem}.check input{margin-top:.3rem}
.row{display:flex;justify-content:space-between;font-size:.88rem;margin-top:.8rem}
.notice{display:none;background:#fff6dc;color:#4a3500;border-left:4px solid var(--gold);padding:.6rem .8rem;font-size:.88rem;margin-top:.9rem;border-radius:3px}.notice.show{display:block}
.times dl{margin:0 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem}
.times dt{font-weight:700}.times dd{margin:0;color:var(--muted)}
.times h3{margin:1rem 0 .4rem;color:var(--green)}

/* ===== PHOTOS ===== */
.about{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
@media (max-width:820px){.about{grid-template-columns:1fr}}
.about figure{margin:0}
.about figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);border-bottom:6px solid var(--gold);background:linear-gradient(135deg,var(--green-2),var(--green))}
.vals{list-style:none;margin:1.2rem 0 1.4rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
@media (max-width:520px){.vals{grid-template-columns:repeat(2,1fr)}}
.vals li{text-align:center;font-size:.88rem;font-weight:600;line-height:1.25}
.vals img{width:3.2rem;height:3.2rem;object-fit:contain;margin:0 auto .4rem;background:#fff;border:2px solid var(--gold);border-radius:50%;padding:.4rem}
.tile--img{background:linear-gradient(180deg,rgba(30,15,6,.35),rgba(30,15,6,.92)),var(--img) center/cover,var(--green);min-height:13rem;display:flex;flex-direction:column;justify-content:flex-end}
.tile--img:hover{background:linear-gradient(180deg,rgba(30,15,6,.2),rgba(74,42,20,.95)),var(--img) center/cover,var(--green-2)}
.posters{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
@media (max-width:900px){.posters{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.posters{grid-template-columns:1fr}}
.posters a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none}
.posters a:hover{border-color:var(--gold)}
.posters img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--bg)}
.posters span{display:block;padding:.7rem 1rem;font-weight:600}
.news .list article{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;align-items:start}
.news .list article img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);background:var(--bg)}
@media (max-width:420px){.news .list article{grid-template-columns:5.5rem 1fr}}
.partners{background:var(--surface);border-top:1px solid var(--line)}
.partners .wrap{padding-block:2.2rem;text-align:center}
.partners img{margin:0 auto;max-height:11rem;width:auto;max-width:100%;object-fit:contain}
.partners h2{font-size:1.3rem}
.banner--img{background:linear-gradient(100deg,rgba(30,15,6,.94),rgba(30,15,6,.7)),var(--bimg,url('images/THE-RUBAGA-CONSTRUCTION-PROJECT-3.jpg')) center/cover,var(--green)}

/* ===== MENU REFINEMENTS ===== */
.nav a{font-size:.95rem;padding:.55rem .55rem;white-space:nowrap}
.slider-ui{bottom:3.6rem}
.slide .wrap{padding-block:3rem 7rem}
.nav li ul .grp{font-size:.8rem;font-weight:700;color:var(--muted);padding:.55rem .75rem .15rem;border-top:1px solid var(--line);margin-top:.3rem}
.nav li:nth-last-child(-n+5)>ul{left:auto;right:0}
.nav li>a[aria-current]{box-shadow:inset 0 -3px 0 var(--gold)}
.header .wrap>.btn{padding:.55rem 1rem;white-space:nowrap}
.nav-cta{display:none}
@media (max-width:1500px){.brand small{display:none}}
@media (max-width:1000px){
  .nav-cta{display:block;margin-top:.5rem}
  .nav-cta .btn{display:block;text-align:center;width:100%}
  .header .wrap>.btn{display:none}
  .nav li ul .grp{border-top:0}
}


/* ===== YOUTUBE ===== */
.yt{display:grid;grid-template-columns:1.7fr 1fr;gap:1.5rem;align-items:start}
@media (max-width:900px){.yt{grid-template-columns:1fr}}
.yt-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:linear-gradient(135deg,var(--green-2),var(--green));border-bottom:5px solid var(--gold)}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.yt-play span,.yt-item i{display:grid;place-items:center}
.yt-play span{width:5rem;height:3.5rem;border-radius:1rem;background:#c4302b}
.yt-play span::after{content:"";border-left:1.3rem solid #fff;border-top:.8rem solid transparent;border-bottom:.8rem solid transparent;margin-left:.3rem}
.yt-play:hover span{background:#e03a34}
.yt-list{display:grid;gap:.7rem}
.yt-item{display:grid;grid-template-columns:8rem 1fr;gap:.9rem;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.55rem;font:inherit;color:inherit;cursor:pointer}
.yt-item:hover{border-color:var(--gold)}
.yt-item i{aspect-ratio:16/9;border-radius:4px;background:linear-gradient(135deg,var(--green-2),var(--green)) center/cover}
.yt-item i::after{content:"";border-left:.8rem solid #fff;border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;margin-left:.2rem}
.yt-item b{display:block;line-height:1.25}.yt-item small{color:var(--muted)}

/* ===== SEVEN PILLARS ===== */
.pillars7{background:var(--green);color:var(--on-green);padding-block:clamp(3rem,7vw,5rem)}
.p7grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.p7intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:2rem;align-items:center;padding-bottom:.8rem}
.p7intro h2{margin:0}
.p7intro p{color:#ead9ca}
.p7.p7cta{background:var(--gold);border-color:var(--gold);color:#1b0d00;display:flex;flex-direction:column;align-items:flex-start}
.p7.p7cta:hover{background:#ffa24d}
.p7.p7cta h3{color:#1b0d00}.p7.p7cta p{color:#3a1f08;margin-bottom:1rem}
.p7{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-top:4px solid var(--gold);border-radius:var(--r);padding:1.2rem 1.2rem 1.4rem}
.p7:hover{background:rgba(255,255,255,.12)}
.p7 b{display:block;font-family:var(--serif);font-size:2.2rem;line-height:1;color:var(--gold);margin-bottom:.6rem}
.p7 h3{color:#fff;margin-bottom:.35rem}
.p7 p{margin:0;color:#ead9ca;font-size:.95rem}
@media (max-width:1000px){.p7grid{grid-template-columns:repeat(2,1fr)}.p7intro{grid-template-columns:1fr;gap:.6rem}}
@media (max-width:520px){.p7grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide{transition:none}.dots button[aria-current="true"]::after{animation:none;transform:none}}

/* ===== SACCO PAGE ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.pillars{display:grid;gap:1rem}.pillars div{padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);border-left:5px solid var(--gold)}
.pillars h3{margin-bottom:.2rem;color:var(--green)}.pillars p{margin:0;color:var(--muted)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pillars h3{color:var(--gold-ink)}}
.crumbs{font-size:.9rem;color:#ead9ca;margin-bottom:1rem}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs span{opacity:.6;padding:0 .4rem}
.phero{background:linear-gradient(90deg,rgba(30,15,6,.95) 0%,rgba(30,15,6,.78) 55%,rgba(30,15,6,.45) 100%),var(--himg) center/cover,var(--green);color:#fff}
.phero .wrap{padding-block:clamp(3rem,8vw,5.5rem) clamp(4.5rem,9vw,6.5rem)}
.phero p{font-size:1.2rem;color:#f6e8dc}
.phero .actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:-2.6rem;position:relative;z-index:3}
@media (max-width:900px){.facts{grid-template-columns:repeat(2,1fr)}}
.fact{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--r);padding:1.1rem 1.25rem}
.fact b{display:block;font-family:var(--serif);font-size:1.5rem;color:var(--green);line-height:1.15}
.fact span{color:var(--muted);font-size:.92rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fact b{color:var(--gold-ink)}}
.ocards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
@media (max-width:1000px){.ocards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.ocards{grid-template-columns:1fr}}
.ocard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem}
.ocard .ic{width:3rem;height:3rem;border-radius:50%;background:var(--green);display:grid;place-items:center;margin-bottom:.9rem}
.ocard .ic svg{width:1.5rem;height:1.5rem}
.ocard p{color:var(--muted);margin:0;font-size:.95rem}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;counter-reset:s}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.steps{grid-template-columns:1fr}}
.steps li{counter-increment:s;position:relative;padding:3.4rem 1.1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.steps li::before{content:counter(s);position:absolute;top:.9rem;left:1.1rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--gold);color:#1b0d00;font:700 1.1rem var(--serif);display:grid;place-items:center}
.steps h3{margin-bottom:.3rem}.steps p{margin:0;color:var(--muted);font-size:.95rem}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
@media (max-width:820px){.calc{grid-template-columns:1fr}}
.cbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem}
.cfield{margin-bottom:1rem}.cfield label{display:flex;justify-content:space-between;font-weight:600;font-size:.92rem;margin-bottom:.3rem}
.cfield input[type=number]{width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:var(--r);font:inherit;background:var(--bg);color:var(--ink)}
.cfield input[type=range]{width:100%;accent-color:var(--gold)}
.result{background:var(--green);color:var(--on-green);border-radius:var(--r);padding:1.5rem;border-left:8px solid var(--gold)}
.result .big{font:700 clamp(1.9rem,4vw,2.6rem) var(--serif);color:var(--gold)}
.result dl{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;margin:1rem 0 0}.result dt{color:#ead9ca}.result dd{margin:0;font-weight:700;text-align:right}
.note{font-size:.85rem;color:var(--muted)}
.result .note{color:#ead9ca;margin:1rem 0 0}
.team{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
@media (max-width:820px){.team{grid-template-columns:1fr}}
.team figure{margin:0}.team img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);border-bottom:6px solid var(--gold);background:linear-gradient(135deg,var(--green-2),var(--green))}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:.7rem}
.faq summary{cursor:pointer;padding:1rem 1.2rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--gold-ink)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 1.2rem 1.1rem;margin:0;color:var(--muted)}
.ctaband{background:var(--gold);color:#1b0d00}.ctaband .wrap{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-block:2.6rem}
.ctaband h2{margin:0}.ctaband p{margin:.3rem 0 0}

/* ===== RUBAGA PAGE ===== */
.tl{list-style:none;margin:1.5rem 0 0 .6rem;padding:0;border-left:4px solid var(--gold)}
.tl li{position:relative;padding:0 0 1.7rem 1.7rem}.tl li:last-child{padding-bottom:0}
.tl li::before{content:"";position:absolute;left:-.75rem;top:.25rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--surface);border:4px solid var(--gold)}
.tl b{font:700 1.25rem var(--serif);display:block}.tl p{margin:.2rem 0 0;color:var(--muted)}
.prog{background:var(--green);color:var(--on-green);border-radius:var(--r);padding:clamp(1.4rem,3vw,2.2rem);border-left:8px solid var(--gold)}
.prog .big{font:700 clamp(1.8rem,4vw,2.6rem) var(--serif);color:var(--gold);line-height:1.1}
.prog .bar{height:1rem;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden;margin:1rem 0 .5rem}
.prog .bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .8s}
.prog .meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#ead9ca;font-size:.95rem}
.prog p{color:#ead9ca;margin:.8rem 0 0}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:760px){.gal{grid-template-columns:1fr}}
.gal figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,var(--green-2),var(--green))}
.gal figcaption{padding:.7rem 1rem;font-weight:600}
.give{scroll-margin-top:5rem}
.gcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;display:flex;flex-direction:column}
.gcard .ic{width:3rem;height:3rem;border-radius:50%;background:var(--green);display:grid;place-items:center;margin-bottom:.9rem}.gcard .ic svg{width:1.5rem;height:1.5rem}
.gcard p{color:var(--muted);font-size:.95rem;margin:0 0 1rem}.gcard .btn{margin-top:auto;align-self:flex-start}

.tag{display:inline-block;background:var(--gold);color:#1b0d00;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.18rem .6rem;border-radius:99px}
.lgrid{display:grid;gap:1.1rem;grid-template-columns:repeat(4,1fr)}
.lcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.lcard img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:top;background:var(--line)}
.lcard div{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column}
.lcard b{font-family:var(--serif);font-size:1.08rem;line-height:1.2}
.lcard span{color:var(--muted);font-size:.9rem}
.lcard .tag{color:#1b0d00;font-size:.68rem;align-self:flex-start}
.lgrid:has(>.lcard:nth-child(9):last-child),.lgrid:has(>.lcard:nth-child(18):last-child){grid-template-columns:repeat(3,1fr)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.gal a{display:block;overflow:hidden;border-radius:var(--r);background:var(--line)}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.gal a:hover img{transform:scale(1.04)}
.gal-cap{color:var(--muted);font-size:.9rem;margin:.8rem 0 0}
/* COMPACT TOP BAR ON PHONES */
@media (max-width:700px){.util .wrap{padding-block:.2rem}.util ul+ul,.util li:nth-child(2){display:none}.util ul:first-child{gap:1.4rem;flex-wrap:nowrap;width:100%;justify-content:space-between}.util a,.util button{padding:.5rem 0;font-size:.85rem}}
/* TOUCH TARGETS */
@media (pointer:coarse){.footer a,.footer .wrap a{display:inline-block;padding:.5rem .15rem;min-height:40px;line-height:1.6}.footer li{margin:.1rem 0}.btn{min-height:44px}}

/* GALLERY CAPTION */
.gal-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem .6rem;text-align:center;margin:1.8rem 0 0;padding-top:1.3rem;border-top:1px solid rgba(242,140,40,.28);font-size:.95rem;line-height:1.5}
.gal-cap a.textlink{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .95rem;border:1px solid #f28c28;border-radius:999px;color:#f28c28;font-weight:700;text-decoration:none;border-bottom:1px solid #f28c28;transition:background .2s,color .2s}
.gal-cap a.textlink:hover,.gal-cap a.textlink:focus-visible{background:#f28c28;color:#2b1a10}
@media(max-width:560px){.gal-cap{font-size:.9rem}}

@media (max-width:1000px){.gal{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.gal{grid-template-columns:repeat(2,1fr)}}
.split{display:grid;gap:2rem;grid-template-columns:1fr 1fr;align-items:start}
.tblw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th{background:var(--green);color:var(--on-green);text-align:left;padding:.7rem 1rem;font-weight:600}
.tbl td{padding:.65rem 1rem;border-top:1px solid var(--line)}
.tbl td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.tbl.l td:last-child{text-align:left}
.tbl tbody tr:nth-child(even){background:var(--bg)}
.art{display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr) 20rem;align-items:start}
.prose{font-size:1.05rem}
.prose p,.prose li{max-width:70ch}
.prose h2{margin-top:1.8rem;font-size:1.6rem}
.prose h3{margin-top:1.3rem;color:var(--gold-ink)}
.prose ul,.prose ol{padding-left:1.3rem;margin:0 0 1em}
.prose li{margin-bottom:.35rem}
.prose .tblw{margin:.5rem 0 1.2rem}
.pull{border-left:5px solid var(--gold);padding:.8rem 1.1rem;background:var(--surface);font-family:var(--serif);font-size:1.2rem;border-radius:0 var(--r) var(--r) 0}
.aside{display:grid;gap:1.1rem;position:sticky;top:5.5rem}
.abox{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--r);padding:1.1rem 1.2rem}
.abox h3{font-size:1.05rem}
.abox ul{list-style:none;margin:0;padding:0}
.abox li{padding:.5rem 0;border-top:1px solid var(--line)}
.abox li:first-child{border-top:0}
.abox a{font-weight:600;text-decoration:none}.abox a:hover{text-decoration:underline}
.abox small{display:block;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
.chips li{border:0!important;padding:0!important}
.chips span{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:.3rem .8rem;font-size:.88rem}
.nlist{display:grid;gap:1.2rem}
.ncard{display:grid;grid-template-columns:15rem 1fr;gap:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ncard img{width:100%;height:100%;object-fit:cover;min-height:11rem}
.ncard div{padding:1.1rem 1.2rem 1.2rem 0}
.ncard h3 a{text-decoration:none}.ncard h3 a:hover{text-decoration:underline}
.ncard p{color:var(--muted);font-size:.95rem}
.meta{color:var(--muted);font-size:.9rem}
.evrow{display:grid;grid-template-columns:4.6rem 1fr auto;gap:1.1rem;align-items:center;padding:.9rem 0;border-top:1px solid var(--line)}
.evrow h3{margin:0 0 .1rem;font-size:1.1rem}.evrow p{margin:0;color:var(--muted);font-size:.93rem}
.date{background:var(--green);color:var(--on-green);border-radius:var(--r);text-align:center;padding:.55rem .3rem;line-height:1.1}
.date b{display:block;font-family:var(--serif);font-size:1.6rem}.date span{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#ffb066}
.brow{display:grid;grid-template-columns:3rem 1fr 11rem auto;gap:1rem;align-items:center;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:.6rem}
.brow .pdf{background:var(--gold);color:#1b0d00;font-weight:800;font-size:.72rem;border-radius:4px;display:grid;place-items:center;height:2.4rem}
.brow .d{color:var(--muted);font-size:.9rem}
.brow .btn{padding:.45rem .9rem;font-size:.88rem}
.cgrid{display:grid;gap:2.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}
.cinfo{display:grid;gap:1rem}
.crow{display:grid;grid-template-columns:3rem 1fr;gap:.9rem;align-items:start}
.crow .ic{width:3rem;height:3rem;border-radius:50%;background:var(--green);display:grid;place-items:center}
.crow .ic svg{width:1.4rem;height:1.4rem}
.crow b{display:block;font-family:var(--serif);font-size:1.1rem}
.crow a{color:var(--gold-ink);font-weight:600}
.form{display:grid;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem}
.field label{display:block;font-weight:600;margin-bottom:.3rem;font-size:.92rem}
.field input,.field textarea{width:100%;font:inherit;padding:.7rem .8rem;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink)}
.mapbox{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.mapbox>span{display:block;padding:.6rem 1rem;font-weight:600;background:var(--green);color:var(--on-green)}
.mapbox iframe{display:block;width:100%;height:22rem;border:0}
.mapfake{height:22rem;background:linear-gradient(135deg,#efe3d4,#e4d0b8);position:relative}
.mapfake i{position:absolute;left:50%;top:48%;width:26px;height:26px;margin:-26px 0 0 -13px;background:var(--gold);border:4px solid var(--green);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.stack3{display:grid;gap:1.1rem;grid-template-columns:repeat(3,1fr)}
.tl{list-style:none;padding:0;margin:0;counter-reset:s;display:grid;gap:1rem}
.tl li{counter-increment:s;position:relative;padding-left:3.2rem}
.tl li::before{content:counter(s);position:absolute;left:0;top:0;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--gold);color:#1b0d00;font-weight:800;display:grid;place-items:center}
.tl p{margin:0;color:var(--muted)}
.ocards.four{grid-template-columns:repeat(4,1fr)}
.ocards.three{grid-template-columns:repeat(3,1fr)}
.ocards.two{grid-template-columns:repeat(2,1fr)}
.ocards{display:grid;gap:1.1rem;grid-template-columns:repeat(4,1fr)}
.ocard h3{margin-bottom:.35rem}
.photo{width:100%;border-radius:var(--r);aspect-ratio:16/10;object-fit:cover;background:var(--line)}
.acc{display:grid;gap:.6rem}
.acc details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.2rem 1rem}
.acc summary{cursor:pointer;font-weight:600;padding:.8rem 0}
.acc details p{color:var(--muted)}
.letters{columns:3;column-gap:2rem;margin:0;padding:0;list-style:none}
.letters li{padding:.25rem 0;break-inside:avoid;border-bottom:1px dashed var(--line)}
.bar{height:.9rem;background:var(--line);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#ffb066)}
@media (max-width:1000px){.lgrid{grid-template-columns:repeat(3,1fr)}.art{grid-template-columns:1fr}.aside{position:static}.ocards,.ocards.four{grid-template-columns:repeat(2,1fr)}.letters{columns:2}}
@media (max-width:760px){.split,.cgrid,.stack3,.ocards.three{grid-template-columns:1fr}.lgrid{grid-template-columns:repeat(2,1fr)}.ncard{grid-template-columns:1fr}.ncard div{padding:0 1.1rem 1.2rem}.brow{grid-template-columns:2.6rem 1fr}.brow .d,.brow .btn{grid-column:2}.evrow{grid-template-columns:4rem 1fr}.evrow .tag{display:none}.letters{columns:1}}
@media (max-width:520px){.ocards,.ocards.four,.ocards.two{grid-template-columns:1fr}}

/* ===== DESIGN POLISH v2 ===== */
:root{--sh1:0 1px 2px rgba(43,26,16,.06),0 4px 14px rgba(43,26,16,.06);--sh2:0 2px 4px rgba(43,26,16,.08),0 14px 34px rgba(43,26,16,.14);--r2:16px}
html{scroll-behavior:smooth}
h1,h2{letter-spacing:-.015em;text-wrap:balance}
.head h2,.section h2{font-size:clamp(1.7rem,3.2vw,2.35rem);line-height:1.15;position:relative;padding-top:.9rem}
.head h2::before,.section>.wrap>h2::before{content:"";position:absolute;top:0;left:0;width:2.6rem;height:4px;border-radius:4px;background:var(--gold)}
.pillars7 .p7intro h2::before{background:var(--gold)}
.lede{max-width:46rem;line-height:1.6}
.btn{border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(43,26,16,.2)}
.btn:active{transform:translateY(0)}
a:focus-visible,button:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid #1b6fe0;outline-offset:3px;border-radius:6px}
.header{-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);background:color-mix(in srgb,var(--surface) 94%,transparent);transition:box-shadow .25s ease}
.header.scrolled{box-shadow:0 6px 24px rgba(43,26,16,.14)}
.slide{background:linear-gradient(90deg,rgba(27,13,0,.88) 0%,rgba(27,13,0,.78) 50%,rgba(27,13,0,.2) 90%),var(--img,none) center/cover,linear-gradient(135deg,var(--green-2),var(--green))}
.slide::before{content:"";position:absolute;inset:auto 0 0 0;height:35%;background:linear-gradient(0deg,rgba(27,13,0,.5),transparent);pointer-events:none;z-index:0}
.slide{position:relative}.slide .wrap{position:relative;z-index:1}
.slide h1,.slide h2{font-size:clamp(2.2rem,5.2vw,3.9rem);line-height:1.08;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.slide .kicker{border-radius:999px;padding:.3rem .9rem;letter-spacing:.02em}
.facts{gap:1.1rem}
.fact{border:0;border-top:0;border-radius:var(--r2);box-shadow:var(--sh2);padding:1.3rem 1.4rem;position:relative;overflow:hidden;transition:transform .2s ease}
.fact::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--gold),#ffb066)}
.fact:hover{transform:translateY(-4px)}
.fact b{font-size:clamp(1.8rem,3vw,2.3rem);color:var(--gold-ink)}
.card,.ocard,.gcard,.ncard,.evrow,.sw{border-radius:var(--r2);box-shadow:var(--sh1);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.ocard:hover,.gcard:hover,.ncard:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:#f28c2866}
.card .ph{transition:transform .5s ease}
.card{overflow:hidden}.card:hover .ph{transform:scale(1.04)}
.card .body{padding:1.3rem 1.4rem 1.5rem}
.card h3{font-size:1.2rem}
.textlink{font-weight:700;background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% 2px no-repeat;border:0;padding-bottom:3px;transition:background-size .2s ease,color .2s ease}
.textlink:hover{background-size:100% 100%;color:#1b0d00}
.textlink::after{content:" \2192";display:inline-block;transition:transform .2s ease}.textlink:hover::after{transform:translateX(4px)}
.p7{border-radius:var(--r2);transition:transform .22s ease,background .22s ease}
.p7:hover{transform:translateY(-4px)}
.p7 b{font-size:2.6rem;opacity:.95}
.gal img,.gal a{border-radius:12px}.gal a{overflow:hidden;box-shadow:var(--sh1)}.gal img{transition:transform .45s ease}.gal a:hover img{transform:scale(1.06)}
.ctaband{border-radius:var(--r2)}
.footer a{transition:color .15s ease}.footer a:hover{color:var(--gold)}
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
@media (max-width:700px){.facts{margin-top:-1.8rem}.fact{padding:1rem 1.1rem}.slide .actions .btn{flex:1 1 auto;text-align:center}.section{padding-block:2.6rem}}

/* ===== ORG CHART ===== */
.org{display:flex;flex-direction:column;align-items:center;gap:0}
.tier{width:100%;position:relative;padding-top:2.2rem}
.tier:first-child{padding-top:0}
.tier+.tier::before{content:"";position:absolute;top:0;left:50%;width:2px;height:1.2rem;background:var(--gold)}
.tier h3{display:flex;align-items:center;justify-content:center;gap:.8rem;font-family:var(--sans,inherit);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 1.1rem}
.tier+.tier h3{margin-top:.2rem}
.tier h3::before,.tier h3::after{content:"";height:1px;width:min(12vw,110px);background:linear-gradient(90deg,transparent,var(--gold))}
.tier h3::after{transform:scaleX(-1)}
.tier .trow{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}
.person{margin:0;width:230px;position:relative;border-radius:var(--r2,16px);overflow:hidden;background:var(--green);box-shadow:var(--sh1);transition:transform .25s ease,box-shadow .25s ease;isolation:isolate}
.person:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.person img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;background:var(--line);transition:transform .5s ease}
.person:hover img{transform:scale(1.05)}
.person figcaption{position:absolute;inset:auto 0 0 0;padding:2.6rem .95rem .9rem;background:linear-gradient(0deg,rgba(27,13,0,.92) 0%,rgba(27,13,0,.7) 55%,transparent);color:#fff}
.person b{display:block;font-family:var(--serif);font-size:1.02rem;line-height:1.2}
.person span{display:inline-block;margin-top:.35rem;background:var(--gold);color:#1b0d00;font-size:.72rem;font-weight:700;padding:.12rem .55rem;border-radius:999px;line-height:1.4}
.person.lead{width:300px;outline:3px solid var(--gold);outline-offset:3px}
.person.lead b{font-size:1.25rem}
.person.sm{width:calc(20% - 1rem);min-width:170px}
.person.sm figcaption{padding-top:2rem}.person.sm b{font-size:.95rem}
@media (max-width:700px){.person,.person.lead,.person.sm{width:calc(50% - .6rem);min-width:0}.person.lead{width:80%}.tier .trow{gap:.9rem}}
.slide .btn:not(.btn--gold){color:#fff;border-color:#fff;background:rgba(255,255,255,.08)}.slide .btn:not(.btn--gold):hover{background:#fff;color:#2b1a10}
@media (min-width:1001px) and (max-width:1250px){.header .wrap{gap:.4rem}.nav a{padding:.5rem .45rem;font-size:.9rem}.header .wrap>.btn{padding:.5rem .8rem;font-size:.9rem}.brand b{font-size:1.35rem}.mark{display:none}}

/* ===== COLOUR REFINEMENT ===== */
:root{--bg:#fff9f3;--tint:#fdeedd;--tint-2:#fbe0c3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tint:#251a12;--tint-2:#33231a}}
body{background:var(--bg)}
.brand b,.header .nav a{color:var(--ink)}
.header .nav a:hover{background:var(--tint);color:var(--gold-ink)}
.section--alt{background:linear-gradient(180deg,var(--tint) 0%,var(--bg) 100%)}
.btn--gold{background:linear-gradient(135deg,#ffa347,#f28c28);color:#1b0d00;border-color:transparent}
.btn--green{background:linear-gradient(135deg,#4a2a14,#2b1a10)}
.fact{background:var(--surface)}
.pillars7,.footer{background:radial-gradient(120% 140% at 85% 0%,#4a2a14 0%,#2b1a10 55%,#1c0f07 100%)}
.ctaband{background:linear-gradient(120deg,#f28c28 0%,#ffa347 60%,#ffb877 100%);color:#1b0d00}
.nav-cta .btn,.header .btn--gold{box-shadow:0 4px 12px rgba(242,140,40,.35)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn--green,:root:not([data-theme="light"]) .header .wrap>.btn:not(.btn--gold){background:linear-gradient(135deg,#7a3f18,#5a2d10);border-color:#f28c28;color:#fff}}

/* ===== SKY-BLUE HEADER ===== */
.header,:root:not([data-theme="light"]) .header{background:#f28c28;backdrop-filter:none;border-bottom:1px solid #d9741a}
.header .brand b,.header .nav a{color:#1a140f}
.header .nav a:hover,.header .nav a[aria-current]{background:rgba(255,255,255,.4);color:#1a140f}
.header .mark{background:#1a140f}
.header .menu-btn{color:#1a140f;border-color:#1a140f66;background:rgba(255,255,255,.35)}
.header .wrap>.btn:not(.btn--gold),:root:not([data-theme="light"]) .header .wrap>.btn:not(.btn--gold){background:#1a140f;border-color:#1a140f;color:#fff}
.header .btn--gold{box-shadow:none;background:#fff;color:#1a140f;border-color:#fff}.header .btn--gold:hover{background:#fff3e6}.header .mark svg{color:#f28c28}
.header .nav li ul{background:#fff;color:#1a140f}.header .nav li ul a{color:#1a140f}
@media (max-width:1000px){.header .nav{background:#f28c28}}

/* ===== ALIGNMENT ===== */
.grid-3,.grid-2,.ocards,.stack3,.facts,.persons{align-items:stretch}
.card,.ocard,.person-x,.fact{height:100%;display:flex;flex-direction:column}
.card .body{flex:1;display:flex;flex-direction:column}.card .body .textlink,.card .body .btn{margin-top:auto;align-self:flex-start}
.ocard p{flex:1}
.hero .lede,.head p{text-align:left}
.sec-head,.head{margin-bottom:1.6rem}
.evrow{align-items:center}.evrow .date,.event .date{flex:0 0 4.2rem;text-align:center}
.tier .person figcaption span{max-width:100%;white-space:normal}

/* ===== PROJECT CARDS ===== */
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2,16px);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh1);transition:transform .22s ease,box-shadow .22s ease}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.pcard img{width:100%;height:230px;object-fit:cover;object-position:center;display:block;border:0;border-radius:0}
.pcard>div{padding:1.2rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.pcard h3{margin:0 0 .5rem}.pcard p{flex:1}
.pcard .btn,.pcard .textlink{margin-top:auto;align-self:flex-start}
/* CARAVAN STORIES */
.pfig{margin:1.6rem 0}.pfig img{width:100%;border-radius:var(--r);display:block;max-height:26rem;object-fit:cover}.pfig figcaption{font-size:.85rem;color:var(--muted,#6b5a4e);margin-top:.5rem}
.lede{font-size:1.15rem}
/* HERO SLIDER POLISH */
.slide{background:linear-gradient(90deg,rgba(27,13,0,.78) 0%,rgba(27,13,0,.5) 48%,rgba(27,13,0,.05) 85%),var(--img,none) center/cover,linear-gradient(135deg,var(--green-2),var(--green))}
.slide .text{max-width:40rem;padding:1.6rem 1.8rem 1.8rem;border-radius:20px;background:rgba(27,13,0,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-left:5px solid #f28c28;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.slide .kicker{background:#f28c28;color:#2b1a10;font-weight:700}
.slide .text p{font-size:1.08rem;line-height:1.6;max-width:34rem}
.slide.on .text{animation:slideIn .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes slideIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.slide .btn{padding:.8rem 1.5rem;font-weight:700}
@media (max-width:700px){.slide .text{padding:1.1rem 1.2rem;border-radius:16px}.slide .text p{font-size:1rem}}
@media (prefers-reduced-motion:reduce){.slide.on .text{animation:none}}
/* LOGO */
.brand .logo{height:46px;width:auto;display:block}.brand small{color:#2b1a10;opacity:.85}
.brand{display:flex;align-items:center;gap:.7rem}
@media (max-width:1250px){.brand small{display:none}}
@media (max-width:700px){.brand .logo{height:38px}}
/* NO ACCENT BORDERS */
.stat,.fact,.abox,.p7{border-top:1px solid var(--line)!important}.p7{border-top-color:rgba(255,255,255,.14)!important}
.fact::before{display:none!important}
.tile,.yt-frame{border-bottom:0!important}
.about figure img,.team img{border-bottom:0!important}
.pillars div,.result,.prog,.notice,.slide .text{border-left:0!important}
.pillars div{border-left:1px solid var(--line)!important}
.pull{border-left:0!important}
.nav li ul{border-top:1px solid var(--line)!important}
/* PILLAR IMAGES */
.p7:not(.p7cta){padding:0;overflow:hidden;display:flex;flex-direction:column}
.p7 .pimg{position:relative}.p7 .pimg img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .5s ease}
.p7:hover .pimg img{transform:scale(1.05)}
.p7 .pimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,13,0,0) 45%,rgba(27,13,0,.75))}
.p7 .pimg::after{display:none}
.p7 .pimg b{position:absolute;left:1.2rem;bottom:-1.35rem;z-index:2;margin:0;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--gold);color:#1b0d00;font-size:1.05rem;font-weight:800;font-family:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.35);border:3px solid #2a170b}
.p7 .pbody{padding:2rem 1.2rem 1.3rem}
/* SLIDER DOTS FIT */
.dots{flex:1 1 auto;min-width:0;margin-right:.8rem}.dots button{flex:1 1 0;min-width:.7rem;max-width:2.6rem;width:auto}
@media (max-width:700px){.dots{gap:.3rem}}
/* MENU: combined items and aligned dropdowns */
.nav li:nth-last-child(-n+5)>ul{left:0;right:auto}
.nav>ul>li:nth-last-child(3)>ul{left:auto;right:0}
.nav li ul{min-width:16rem;padding:.4rem 0}
.nav li ul a{padding:.5rem 1rem;white-space:nowrap}
.nav li ul .grp{padding:.7rem 1rem .25rem;margin:.3rem 0 0;border-top:1px solid var(--line);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nav li ul .grp:first-child{border-top:0;margin-top:0}
.nav li ul li{display:block}
.nav li:hover>ul,.nav li:focus-within>ul{margin-top:0}
/* PARTNERS BOARD */
.partners--board{padding-block:2.6rem}.partners--board .wrap{padding-block:0;text-align:center}.partners--board .lede{max-width:40rem;margin:.4rem auto 1.4rem;color:var(--muted,#6b5546)}
.partners--board .board{margin:0 auto;width:min(100%,46rem)}.partners--board .board img{display:block;width:100%;height:auto;max-height:none;margin:0 auto;border-radius:16px;box-shadow:0 10px 34px rgba(43,26,16,.16)}
/* PARTNERS RUN (unused) */
.partners--run{padding-block:2.6rem;overflow:hidden}.partners--run .wrap{padding-block:0 1.4rem}.partners--run .lede{max-width:40rem;margin:.4rem auto 0;color:var(--muted,#6b5546)}
.run{overflow:hidden;margin-block:.7rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.run .track{list-style:none;margin:0;padding:0 1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}
.run li{flex:0 0 auto;background:#fff;border:0;border-radius:14px;box-shadow:0 2px 14px rgba(43,26,16,.09);height:5.6rem;min-width:7rem;padding:.7rem 1.1rem;display:flex;align-items:center;justify-content:center}
.run li img{mix-blend-mode:multiply;margin:0;max-height:4.2rem;max-width:14rem;width:auto;height:auto;object-fit:contain}
.run.on .track{flex-wrap:nowrap;justify-content:flex-start;width:max-content;animation:runL 110s linear infinite}
.run--rev.on .track{animation-name:runR}
.run.on:hover .track{animation-play-state:paused}
@keyframes runL{to{transform:translateX(-50%)}}@keyframes runR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.run.on .track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.run li[aria-hidden]{display:none}}
@media (max-width:700px){.run li{height:4.6rem;padding:.55rem .9rem}.run li img{max-height:3.4rem;max-width:10rem}}
/* CENTERED SECTION HEAD */
.head-c .head,.page-leaders .section--alt .head{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.9rem}
.head-c .head h2,.page-leaders .section--alt .head h2{padding-top:1.1rem}
.head-c .head h2::before,.page-leaders .section--alt .head h2::before{left:50%;transform:translateX(-50%)}
.head-c .head .lede,.page-leaders .section--alt .head .lede{margin-inline:auto}
/* PERSON CAPTION: centred, flush to the bottom edge */
.person figcaption{text-align:center;padding:2.2rem .7rem .55rem;display:flex;flex-direction:column;align-items:center}
.person span{margin-top:.3rem}
.person.sm figcaption{padding-top:1.6rem}
/* AIMS LIST ALIGNMENT (letters only) */
.aims{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.75rem}
.aims li{display:grid;grid-template-columns:2.1rem 1fr;column-gap:.8rem;align-items:start}
.aims li b{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--gold);color:#1b0d00;font-size:.95rem}
.aims li span{line-height:1.55;padding-top:.28rem}
@media (max-width:520px){.aims li{grid-template-columns:1.9rem 1fr;column-gap:.6rem}.aims li b{width:1.9rem;height:1.9rem}}
/* ORGANS SPACING */
.organs li small{display:inline-block;min-width:4.6rem;margin-right:.9rem;font-weight:700;color:var(--gold);letter-spacing:.02em}

.chips a{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:.3rem .8rem;font-size:.88rem;text-decoration:none}
.chips a:hover{background:var(--gold)}
.pagination{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.pagination .page-numbers{padding:.4rem .8rem;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;background:var(--surface)}.pagination .current{background:var(--gold)}
.screen-reader-text{position:absolute;left:-999px}