:root{
--ink:#12190f;--paper:#f0f4ef;--card:#fbfdfa;--line:#d5dfd2;--muted:#7c8779;
--brand:#2c6e49;--brand-d:#235a3b;--accent:#b5546a;
--serif:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
--sans:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
--r:12px;
}
h1,h2,h3{letter-spacing:-.03em}
h1 em{font-style:normal}
.brand .mark{border-radius:50%}
.btn{border-radius:22px}
.hero,.page-head{overflow:hidden}
.hero .helix-bg,.page-head .helix-bg{position:absolute;top:-10%;right:-30px;width:250px;height:130%;opacity:.15;pointer-events:none;overflow:hidden;z-index:1}
.hero .helix-bg svg,.page-head .helix-bg svg{width:100%;height:200%;animation:hxCrawl 26s linear infinite}
@keyframes hxCrawl{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.hero-art{display:flex;align-items:center;justify-content:center}
.hero-art>svg{width:100%;max-width:320px}
.hero-art .figure{width:100%}
.hero-art .figure svg{max-width:none}
.card{border-radius:12px}
.card:nth-child(even) .ic{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.person .av{border-radius:0}
.pill-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);background:var(--card);
border-radius:20px;padding:5px 13px;font-size:12px}
.pill i{font-style:normal;font-family:var(--mono);font-size:9px;color:#fff;background:var(--brand);border-radius:20px;padding:2px 7px}
@media(max-width:900px){.hero .helix-bg,.page-head .helix-bg{display:none}}