:root{color-scheme:dark;--bg:#0a0a0a;--card:#141414;--line:#3f3f46;--text:#eaeaea;--muted:#b0b0b0;--accent:#2cb67d}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#8cdbbc;text-underline-offset:.2em}
main{max-width:1000px;margin:auto;padding:0 20px}
main>header{padding:2.5rem 0 1.5rem;max-width:820px}
h1,h2,h3{line-height:1.2;letter-spacing:-.025em;color:#fff}
h1{font-size:clamp(2rem,6vw,3.25rem);margin:.75rem 0 1rem}
h2{font-size:clamp(1.7rem,4vw,2.3rem)}
h3{font-size:1.3rem}
p,dd{color:var(--muted)}
.lead{font-size:1.25rem;max-width:720px}
.eyebrow{color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
main>section{padding:2rem 0;border-top:1px solid var(--line)}
main>section[hidden]{display:none}
.manifesto{max-width:800px}
.note{font-size:.9rem}
.lenses{display:grid;gap:.8rem}
.lenses div{padding-left:1rem;border-left:2px solid var(--accent)}
summary{min-height:44px;padding:.5rem 0;cursor:pointer;font-weight:600}
.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}
dt{font-weight:700}dd{margin:0}
.people{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.people a{display:block;padding:1.25rem;border:1px solid var(--line);border-radius:12px;text-decoration:none;overflow-wrap:anywhere}
.people a:hover{border-color:var(--accent)}
.error{color:#fca5a5}
:focus-visible{outline:3px solid #8cdbbc;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}