:root{
  color-scheme:dark;
  --paper:#1E1F21; --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.2);
  --text:#EDEEF0; --soft:#BCBFC3; --muted:#9A9EA3; --silver:#C6CACE; --silver-lt:#F4F5F6;
  --display:"Cormorant Garamond",Garamond,Georgia,serif;
  --body:"Jost",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --gutter:clamp(16px,4vw,56px);
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(168deg,#232427 0%,#1E1F21 42%,#17181A 100%) fixed;color:var(--text);font:400 17px/1.75 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--silver-lt);text-underline-offset:3px}
a:hover{color:#fff}
:focus-visible{outline:1px solid var(--silver);outline-offset:4px}
.wrap{padding-inline:var(--gutter);max-width:860px;margin-inline:auto}
.kopf{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:28px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font:300 24px/1 var(--display);letter-spacing:.05em}
.brand svg{width:30px;height:30px;color:var(--silver-lt)}
.zurueck{font:300 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--soft);padding:12px 16px;border:1px solid var(--line2);border-radius:999px;white-space:nowrap}
.zurueck:hover{border-color:var(--silver)}
main{padding-block:clamp(56px,10vh,110px)}
.label{display:block;font:300 11.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--silver);margin-bottom:22px}
h1{font:300 clamp(46px,7vw,84px)/1 var(--display);letter-spacing:-.01em;margin:0 0 44px;color:#9A9EA3}
h1 em{font-style:italic;color:var(--silver-lt)}
h2{font:400 clamp(24px,2.6vw,30px)/1.2 var(--display);margin:48px 0 12px;color:var(--silver-lt)}
p,li{color:var(--soft);margin:0 0 14px}
ul{padding-left:1.2em;margin:0 0 14px}
.fuss{padding-block:28px 40px;border-top:1px solid var(--line);color:var(--muted);font:300 11px/1.8 var(--mono);letter-spacing:.14em;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
.fuss a{color:var(--muted);text-decoration:none;display:inline-block;padding:8px 0}
.fuss a:hover{color:var(--silver-lt)}
.fuss nav{display:flex;gap:20px;flex-wrap:wrap}
@media (max-width:600px){body{font-size:16px}h1{margin-bottom:32px}.zurueck{padding:10px 12px}}