@font-face{font-family:'SPZScript';src:url(data:font/ttf;base64,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) format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--bg:#ffffff;--surface:#f3f8f9;--ink:#000000;--muted:#39424c;--accent:#23808b;--accent-2:#52b7c1;--gold:#ffa600;--navy:#2d3c4b;--on-navy:#ffffff;--line:#d5e0e4;
--sans:"Avenir Next","Segoe UI","Helvetica Neue",system-ui,-apple-system,Roboto,sans-serif;--serif:var(--sans);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#19232e;--surface:#222f3c;--ink:#eaf1f5;--muted:#a9b8c5;--accent:#52b7c1;--accent-2:#52b7c1;--navy:#2d3c4b;--line:#34475a}}
:root[data-theme="dark"]{--bg:#19232e;--surface:#222f3c;--ink:#eaf1f5;--muted:#a9b8c5;--accent:#52b7c1;--accent-2:#52b7c1;--navy:#2d3c4b;--line:#34475a}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 5rem);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:70rem;margin:0 auto;padding:0 1.5rem}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
nav{display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:center;justify-content:space-between;padding:.9rem 0}
nav ul{display:flex;flex-wrap:wrap;gap:.25rem 1.6rem;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;color:var(--muted);font-weight:400;font-size:.95rem;letter-spacing:.02em}
nav a:hover{color:var(--accent)}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:300;font-size:1.15rem;letter-spacing:.02em;color:var(--ink)}
.logo{width:2.6rem;height:2.6rem;flex:none}
.hero{display:grid;gap:3rem;padding:4rem 0 5rem;align-items:center}
@media(min-width:52rem){.hero{grid-template-columns:1.5fr 1fr;padding:6rem 0 7rem}}
.hero-text::before{content:"";display:block;width:3rem;height:2px;background:var(--gold);margin-bottom:1.75rem}
h1{font-weight:200;font-size:clamp(2.6rem,7.5vw,5rem);line-height:1.05;letter-spacing:-.025em;margin:0 0 1.5rem}
.role{font-size:1.2rem;font-weight:300;color:var(--muted);max-width:33rem;margin:0 0 2.25rem}
.btns{display:flex;flex-wrap:wrap;gap:.75rem}
.btn{display:inline-block;padding:.75rem 1.6rem;border-radius:999px;font-weight:400;font-size:.98rem;letter-spacing:.02em;text-decoration:none;border:1px solid var(--accent);color:var(--accent);background:transparent}
.btn:hover{background:var(--accent);color:var(--bg)}
.btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:#2d3c4b}
.btn.primary:hover{background:transparent;color:var(--accent)}
.portrait{position:relative;isolation:isolate;max-width:22rem;width:100%;justify-self:center;aspect-ratio:4/5}
.portrait::after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--accent-2);border-radius:.3rem;z-index:-1}
.portrait img{width:100%;height:100%;object-fit:cover;display:block;border-radius:.3rem}
section{padding:4.5rem 0;border-top:1px solid var(--line)}
h2{font-weight:200;font-size:clamp(1.9rem,4.5vw,2.6rem);letter-spacing:-.015em;line-height:1.15;margin:0 0 2rem}
h2::after{content:"";display:block;width:2.5rem;height:2px;background:var(--accent-2);margin-top:.9rem}
h3{font-weight:500}
.two{display:grid;gap:2.5rem}
@media(min-width:52rem){.two{grid-template-columns:1fr 1.5fr}}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;color:var(--muted)}
.facts b{color:var(--ink);font-weight:500}
.roles,.themen,.links,.cards,.entries{display:grid;gap:1rem}
.roles,.entries{list-style:none;margin:0;padding:0}
.role-item,.link,.card,.entries li{background:var(--surface);border:1px solid var(--line);border-radius:.3rem;padding:1.25rem 1.4rem}
.role-item{border-left:2px solid var(--accent-2)}
.role-item h3,.link h3,.card h3,.entries h3{font-size:1.05rem;margin:0 0 .3rem}
.role-item p,.link p,.card p,.entries p{margin:0;color:var(--muted);font-size:.98rem;overflow-wrap:anywhere}
@media(min-width:44rem){.themen,.links{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(3,1fr)}}
.link{display:block;text-decoration:none}
.link:hover,a.card:hover{border-color:var(--accent)}
a.card{text-decoration:none}
.cards{margin-bottom:2.5rem}
.ask{background:var(--navy);color:var(--on-navy);border-radius:.3rem;padding:2.5rem 2rem}
.ask h2{color:var(--on-navy)}
.ask p{max-width:36rem;margin:0 0 1.5rem;font-weight:300;color:#cfe0ec}
.ask .btn{border-color:#52b7c1;color:#52b7c1}
.ask .btn:hover{background:#52b7c1;color:#2d3c4b}
.ask .btn[hidden]{display:none}
.intro{max-width:46rem}
.intro p{font-size:1.1rem;font-weight:300;margin:0 0 1.1rem;color:var(--muted)}
.intro p:first-of-type{font-size:1.65rem;line-height:1.4;font-weight:300;color:var(--ink)}
.banner{background:var(--navy);color:var(--gold);text-align:center;padding:.6rem 1rem;font-weight:400;letter-spacing:.03em}
.banner[hidden],#wahl[hidden],#nav-wahl[hidden]{display:none}
.wahl-box{background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--accent-2);border-radius:.3rem;padding:2rem}
.wahl-box ul{margin:1rem 0;padding-left:1.2rem}
.wahl-box dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.25rem;margin:1rem 0}
.wahl-box dt{font-weight:500}.wahl-box dd{margin:0;color:var(--muted)}
.legal{background:var(--surface)}
.legal .wrap{max-width:48rem}
.legal h2{font-size:1.8rem}
.legal h3{font-size:1.05rem;margin:1.75rem 0 .4rem}
.legal p,.legal li{font-size:.96rem;color:var(--muted)}
.legal p{margin:0 0 .8rem}
.legal mark{background:#ffe08a;color:#3a2a00;padding:0 .25rem;border-radius:.2rem}
.view[hidden]{display:none}
.sub{padding:3.5rem 0 5rem;border-top:0}
.sub .wrap{max-width:46rem}
.back{display:inline-block;margin-bottom:1.75rem;color:var(--accent);text-decoration:none}
.meta{color:var(--muted);font-size:.95rem;margin:0 0 1.25rem}
.entries h3 a{text-decoration:none}
.entries h3 a:hover{color:var(--accent)}
.prose p{margin:0 0 1.1rem;max-width:40rem}
.prose .lead{font-size:1.2rem;font-weight:300}
.tiles{display:grid;gap:1rem}
@media(min-width:44rem){.tiles{grid-template-columns:repeat(3,1fr)}}
.link[hidden]{display:none}
.view.page{padding-top:1.5rem}
.view.page section{border-top:0;padding:1rem 0 4.5rem}
.crumbs{font-size:.92rem;color:var(--muted);margin:1rem 0 .5rem}
.crumbs a{color:var(--accent);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 .25rem}
.sub .crumbs{margin:0 0 1.75rem}
nav a[aria-current]{color:var(--ink);box-shadow:0 1px 0 var(--accent-2)}
footer{border-top:1px solid var(--line);padding:2.25rem 0 3rem;color:var(--muted);font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.masthead{text-align:center;padding:2.75rem 1rem 2rem;border-bottom:1px solid var(--line)}
.masthead .mark{width:150px;height:100px;margin:0 auto .75rem}
.masthead .mark .letter{font-family:'SPZScript',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:.08em}
.masthead .mono-name{margin:0;font-size:clamp(1.1rem,4.5vw,1.5rem);font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:var(--ink)}
.masthead .mono-role{margin:.4rem 0 0;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}