:root{color-scheme:dark;--bg:#050409;--bg-lift:#0b0812;--ink:#f4f1ea;--muted:#b9b2c8;--soft:#8f88a0;--line:#ddd6ff29;--line-strong:#d7e0ff4d;--violet:#2b173f;--violet-soft:#7e5fa8;--blue:#9bb8d7;--blue-faint:#d9e8f4;--paper:#eef3f8;--paper-ink:#111820;--paper-muted:#556173;--shadow:0 24px 76px #00000057;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 50% 18%,#5d3e8747,#0000 31rem),radial-gradient(circle at 78% 10%,#9bb8d71f,#0000 24rem),linear-gradient(#07050b 0%,#040307 62%,#090712 100%);margin:0;line-height:1.6}body:before{z-index:-1;content:"";background:linear-gradient(#d9e8f408 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#d9e8f406 1px,#0000 1px) 0 0/56px 56px,radial-gradient(#0000 0%,#0000007a 80%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.site-shell{width:min(1080px,100% - 32px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:24px;padding:28px 0 20px;display:flex}.brand{color:#f4f1eae0;align-items:center;gap:10px;font-size:.9rem;font-weight:650;display:inline-flex}.brand-logo{filter:drop-shadow(0 0 10px #9bb8d757);width:28px;height:auto}.nav,.footer nav,.language-switcher{color:var(--muted);align-items:center;gap:20px;font-size:.92rem;display:flex}.nav a,.footer a,.language-switcher a,.article-language-links a{transition:color .16s}.nav a:hover,.footer a:hover,.language-switcher a:hover,.language-switcher a[aria-current=page],.article-language-links a:hover,.article-language-links a[aria-current=page]{color:var(--ink)}.language-switcher{gap:10px;font-size:.78rem;font-weight:700}.language-switcher a{color:var(--soft)}.blog-hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title mark""copy mark";align-items:end;gap:32px;padding:clamp(58px,8vw,100px) 0 54px;display:grid}.blog-hero:after{content:"";filter:drop-shadow(0 0 16px #d9e8f433)drop-shadow(0 0 44px #5e3a846b);opacity:.92;background:url(/brand/wolkenmilch-logo.png) 50%/contain no-repeat;grid-area:mark;width:clamp(74px,12vw,138px);height:clamp(92px,15vw,172px);display:block}.blog-hero h1{max-width:780px;color:var(--ink);letter-spacing:0;text-shadow:0 0 32px #9bb8d729;grid-area:title;margin:0;font-size:clamp(3.1rem,7.8vw,7rem);font-weight:760;line-height:.9}.blog-hero p{max-width:660px;color:var(--muted);grid-area:copy;margin:26px 0 0;font-size:clamp(1rem,1.8vw,1.16rem)}.article-list{gap:18px;padding:0 0 90px;display:grid}.article-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffff0b;border-radius:8px;grid-template-columns:1fr auto;gap:24px;padding:26px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.article-card:hover{border-color:var(--line-strong);background:#9bb8d714;transform:translateY(-2px)}.article-card h2{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1}.article-card p{max-width:720px;color:var(--muted);margin:14px 0 0}.meta{color:var(--soft);flex-wrap:wrap;gap:10px;margin-top:18px;font-size:.9rem;display:flex}.read-arrow{color:var(--blue);align-self:center;font-size:1.5rem}.article-page{background:linear-gradient(180deg, #ffffffb8, #ffffff57), radial-gradient(circle at 84% 0%, #7e5fa824, transparent 20rem), var(--paper);width:min(880px,100%);color:var(--paper-ink);border:1px solid #9bb8d742;border-radius:8px;margin:52px auto 96px;padding:clamp(28px,5vw,64px);box-shadow:0 28px 90px #00000061}.article-header h1{color:var(--paper-ink);letter-spacing:0;margin:0;font-size:clamp(2.6rem,6.6vw,5.6rem);line-height:.95}.article-description{color:var(--paper-muted);margin:24px 0 0;font-size:1.16rem}.article-page .meta{color:var(--paper-muted)}.article-language-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.article-language-links a{color:var(--paper-muted);border:1px solid #11182029;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:750}.article-language-links a:hover,.article-language-links a[aria-current=page]{color:var(--paper-ink)}.content{margin-top:46px;font-size:1.06rem}.content h2{color:var(--paper-ink);letter-spacing:0;margin:54px 0 18px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.content h3{color:var(--paper-ink);letter-spacing:0;margin:38px 0 12px;font-size:1.45rem;line-height:1.15}.content p,.content ul{color:#26313b}.content a{color:#4b2f72;text-underline-offset:.18em;text-decoration:underline}.content img{background:#f8fbff;border:1px solid #11182024;border-radius:8px;width:100%;height:auto;margin:32px 0;display:block;box-shadow:0 14px 42px #11182021}.footer{border-top:1px solid var(--line);color:var(--soft);justify-content:space-between;gap:24px;padding:34px 0 42px;font-size:.9rem;display:flex}@media (width<=700px){.site-shell{width:min(100% - 24px,1080px)}.site-header,.footer{flex-direction:column;align-items:flex-start}.nav,.footer nav,.language-switcher{flex-wrap:wrap}.blog-hero{grid-template-columns:1fr;grid-template-areas:"mark""title""copy";padding-top:48px}.blog-hero:after{order:-1;width:72px;height:90px}.article-card{grid-template-columns:1fr;padding:20px}.read-arrow{display:none}.article-page{margin-top:36px}}