@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;600;700&family=Chakra+Petch:wght@400;500;600;700&display=swap');
:root{--ink:#e8efe9;--green:#baff66;--orange:#ff6433;--lime:#baff66;--paper:#06110e;--white:#0b1b17;--line:#244239;--muted:#9ab0a6;--max:1480px;--serif:'Chakra Petch',sans-serif;--sans:'Chakra Petch',sans-serif;--mono:'Azeret Mono',monospace}
html{color-scheme:dark}body{background-color:var(--paper);background-image:linear-gradient(rgba(101,237,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(101,237,218,.035) 1px,transparent 1px);background-size:42px 42px;color:var(--ink);font-family:var(--sans)}body:before{content:"";display:block;height:7px;background:linear-gradient(90deg,var(--lime) 0 34%,var(--orange) 34% 66%,#65edda 66%)}
.site-header{top:0;min-height:84px;background:rgba(6,17,14,.9);border-color:rgba(186,255,102,.25);backdrop-filter:blur(16px)}.brand{letter-spacing:.04em}.brand-symbol{width:46px!important;height:50px!important;object-fit:contain;filter:drop-shadow(0 0 12px rgba(186,255,102,.2))}.brand-wordmark strong{font-size:1.25rem;letter-spacing:.12em}.brand small{font-family:var(--mono);font-weight:500;color:var(--muted)}.site-nav{gap:clamp(12px,1.6vw,25px)}.site-nav a{font-family:var(--mono);font-size:.69rem;text-transform:uppercase;letter-spacing:.06em}.site-nav a:hover{color:var(--lime);text-decoration:none}.site-nav .nav-cta{border:1px solid var(--lime);border-radius:0;background:transparent;color:var(--lime)}
.icon-btn,.menu-btn{border-radius:0;border-color:var(--line);font-family:var(--mono);color:var(--lime)}.skip:focus{background:var(--lime);color:#06110e}.eyebrow,.status,.role{font-family:var(--mono)!important;color:#65edda!important;letter-spacing:.14em}.btn{border-color:var(--lime);border-radius:0;background:var(--lime);color:#06110e;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;transition:.25s}.btn:hover{background:#65edda;border-color:#65edda;transform:translateY(-3px)}.btn.dark,.btn.ghost{background:transparent;color:var(--lime)}.btn.light{background:var(--lime);color:#06110e}
.hero{min-height:760px;border-color:var(--line)}.hero-copy{position:relative;overflow:hidden;border-right:1px solid var(--line)}.hero-copy:after{content:'CIVIC SIGNAL';position:absolute;left:4vw;bottom:-.08em;font:700 clamp(5rem,11vw,11rem)/.7 var(--serif);color:rgba(186,255,102,.045);white-space:nowrap;pointer-events:none}.hero h1,.page-hero h1{font-family:var(--serif);font-weight:700;text-transform:uppercase;line-height:.79;letter-spacing:-.065em}.hero h1{font-size:clamp(4.4rem,8.3vw,9rem)}.hero .intro,.page-hero .intro{color:#bacdc3}.hero-media:after{content:'FIELD RECORD / KIBERA';position:absolute;right:18px;top:18px;padding:8px 10px;background:var(--lime);color:#06110e;font:600 .62rem var(--mono);letter-spacing:.08em}.hero-media>img,.page-hero>img{filter:grayscale(.7) contrast(1.08);transition:.6s}.hero-media:hover>img,.page-hero:hover>img{filter:grayscale(0)}.photo-caption{border:1px solid var(--line);background:rgba(6,17,14,.9);color:var(--ink);font-family:var(--mono)}
.trust-strip{background:var(--white);border-color:var(--line)}.trust-strip div{border-color:var(--line)}.trust-strip b{font:600 2rem var(--mono);color:var(--lime)}.trust-strip span{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.section{border-top:1px solid var(--line)}.section.dark,.section.green{background:rgba(11,27,23,.92)}.section.orange{background:var(--orange);color:#06110e}.section-head{border-bottom:1px solid var(--line);padding-bottom:35px}.section-head h2,.cta h2{font-family:var(--serif);font-weight:700;text-transform:uppercase;letter-spacing:-.055em}.section-head h2{line-height:.86}.section-head p,.card p,.story-card p,.resource p,.person p,.form-note{color:var(--muted)}
.grid{gap:1px;background:var(--line);border:1px solid var(--line)}.card{border:0;background:var(--paper);transition:.28s}.card:hover{background:var(--white);transform:translateY(-6px)}.card h2,.card h3,.story-card h3,.history h3,.person h2,.resource h2,.referral h2,.episode h2{font-family:var(--serif);font-weight:600}.card:before{content:'SIGNAL / ' attr(data-story);font:500 .6rem var(--mono);color:var(--orange);letter-spacing:.09em}.status{border-radius:0;background:rgba(186,255,102,.12);color:var(--lime)!important}
.page-hero{position:relative;border-color:var(--line);min-height:600px}.page-hero:after{content:'K–HAKI / PUBLIC RECORD';position:absolute;left:max(24px,5vw);bottom:18px;font:500 .61rem var(--mono);color:var(--lime);letter-spacing:.14em}.page-hero>img{border-radius:0;border:1px solid var(--line)}
.history li{position:relative}.history time{font-family:var(--mono);color:var(--lime)}.history div{border-color:var(--line)}.history li:before{content:'';position:absolute;left:91px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(255,100,51,.12)}.history p{color:var(--muted)}
.photo-river{background:var(--line)}.photo-river img,.gallery img{filter:grayscale(.45)}.photo-river figure:hover img,.gallery figure:hover img{filter:grayscale(0)}.story-card{border-top:1px solid var(--lime)}.story-card .source{font-family:var(--mono);color:#65edda}.article-meta{font-family:var(--mono);color:var(--muted)}.prose{font-family:var(--sans);font-size:1.08rem}.prose h2{font-family:var(--serif);text-transform:uppercase}.prose blockquote,.notice,.referral{background:var(--white);border-color:var(--orange)}.source-note{background:var(--white);border:1px solid var(--line)}
.people-grid{background:var(--line);border-color:var(--line)}.person{background:var(--paper)}.initials{border-radius:0;background:var(--lime);color:#06110e;font-family:var(--mono)}.resource,.episode{border-color:var(--line)}.episode .number{font-family:var(--mono);color:var(--orange)}
.filters button{border-radius:0;border-color:var(--line);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:.7rem;text-transform:uppercase}.filters button.active{background:var(--lime);color:#06110e}.field input,.field textarea,.field select{border-color:var(--line);background:var(--white);color:var(--ink);border-radius:0}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--lime);outline-offset:2px}
.cta{background:var(--lime);color:#06110e;position:relative;overflow:hidden}.cta:before{content:'TRANSMISSION OPEN';position:absolute;right:-1vw;bottom:-.2em;font:700 clamp(4rem,12vw,12rem)/.7 var(--serif);color:rgba(6,17,14,.06);white-space:nowrap}.cta>*{position:relative}.cta .btn{border-color:#06110e;background:#06110e;color:var(--lime)}
.site-footer{background:#030b09;border-top:1px solid var(--line)}.site-footer h2{font-family:var(--serif);font-weight:600;text-transform:uppercase}.site-footer b{font-family:var(--mono);font-size:.68rem;color:var(--lime);text-transform:uppercase;letter-spacing:.1em}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--lime)}.site-footer small{border-color:var(--line);font-family:var(--mono)}
html[data-theme='light']{--ink:#102a20;--paper:#eef0e8;--white:#f8f8f2;--line:#a9bbb2;--muted:#4d675c;color-scheme:light}html[data-theme='light'] body{background-color:var(--paper);color:var(--ink)}html[data-theme='light'] .site-header{background:rgba(238,240,232,.92)}html[data-theme='light'] .card,html[data-theme='light'] .person{background:var(--paper)}html[data-theme='light'] .site-footer{background:#102a20;color:#fff}
@media(max-width:1080px){.site-nav{background:var(--paper);border-color:var(--line)}.hero{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body:before{height:5px}.site-header{min-height:70px}.hero{grid-template-columns:1fr}.hero-copy{border-right:0}.hero h1,.page-hero h1{font-size:clamp(3.5rem,16vw,5.8rem)}.page-hero{min-height:0}.history li:before{display:none}.section-head{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}