:root{--color-volt:#e2ff00;--color-signal:#0f0;--color-shift:#f0f;--color-white:#fff;--color-black:#000;--font-display:"Syne", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:96px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--bg:#0a0a0a;--text-primary:#ffffffde;--text-secondary:#ffffff8c;--text-tertiary:#ffffff4d;--border-subtle:#ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(ellipse at 15% 80%, #e2ff0008 0%, transparent 50%), radial-gradient(ellipse at 85% 20%, #ff00ff05 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, #00ff0003 0%, transparent 40%), var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;font-size:18px;font-weight:400;line-height:1.65;display:flex;overflow-x:hidden}::selection{color:var(--color-white);background:#e2ff0040}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}kbd{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-secondary);border-bottom-width:2px;border-radius:3px;padding:1px 6px;font-size:.85em}.hero__top{justify-content:space-between;align-items:baseline;display:flex}.hero__name{font-family:var(--font-mono);color:var(--color-volt);text-transform:uppercase;letter-spacing:.1em;opacity:0;animation:fadeIn .6s var(--ease-out-expo) .2s forwards;font-size:clamp(11px,1.2vw,13px);font-weight:500;line-height:1}.hero__contact{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--color-signal);transition:all .3s var(--ease-out-expo);white-space:nowrap;opacity:0;animation:fadeIn .6s var(--ease-out-expo) .3s forwards;padding:6px 12px;font-size:clamp(10px,1vw,11px);font-weight:400;text-decoration:none}.hero__contact:hover{color:var(--color-black);background:var(--color-signal);transform:translateY(-1px);box-shadow:0 4px 12px #0f03}.hero{justify-content:flex-start;gap:var(--space-lg);padding:var(--space-lg);flex-direction:column;display:flex}.hero-split{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;width:100%;display:grid}.hero-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-white);margin-bottom:var(--space-md);opacity:0;animation:fadeInUp .8s var(--ease-out-expo) .2s forwards;transition:color .4s var(--ease-out-expo), text-shadow .4s var(--ease-out-expo);font-size:clamp(42px,7vw,80px);font-weight:700;line-height:.95;transform:translateY(24px)}.hero-headline.color-volt{color:var(--color-volt);text-shadow:0 0 40px #e2ff004d}.hero-headline.color-signal{color:var(--color-signal);text-shadow:0 0 40px #00ff004d}.hero-headline.color-shift{color:var(--color-shift);text-shadow:0 0 40px #ff00ff4d}.hero-subhead{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:var(--space-lg);opacity:0;animation:fadeInUp .7s var(--ease-out-expo) .4s forwards;font-size:clamp(18px,2vw,22px);font-weight:300;line-height:1.4;transform:translateY(16px)}.hero-body{opacity:0;max-width:52ch;animation:fadeInUp .7s var(--ease-out-expo) .6s forwards;transform:translateY(16px)}.hero-body p{color:var(--text-primary);margin-bottom:1.2em;font-size:17px;line-height:1.7}.hero-body p:last-child{margin-bottom:0}.hero-body strong{color:var(--color-white);font-weight:600}.hero-body em{font-style:italic}.hero-diagram{opacity:0;animation:fadeIn 1s var(--ease-out-expo) .8s forwards;justify-content:center;align-items:center;display:flex}.stack{gap:var(--space-md);flex-direction:column;display:flex}.stack-word{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);transition:all .4s var(--ease-out-quart);font-size:clamp(18px,2.2vw,26px);font-weight:500;line-height:1}.stack-word:last-child{border-bottom:none;padding-bottom:0}.stack-word--assumed:hover{color:var(--color-volt);border-bottom-color:#e2ff0066}.stack-word--expected:hover{color:var(--color-signal)}.stack-word--built:hover{color:var(--color-shift)}.articles{padding:0 var(--space-lg);flex:1}.articles-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.articles-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);font-size:11px}.articles-label .volt{color:var(--color-volt)}.articles-label .signal{color:var(--color-signal)}.articles-label .shift{color:var(--color-shift)}.cards-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.card{border:1px solid var(--border-subtle);padding:var(--space-md) var(--space-md) var(--space-lg);color:inherit;transition:all .4s var(--ease-out-expo);background:#ffffff05;flex-direction:column;text-decoration:none;display:flex;position:relative}.card:hover{background:#ffffff0a;border-color:#e2ff004d;transform:translateY(-3px);box-shadow:0 8px 40px #0000004d}.card-tags{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-volt);margin-bottom:var(--space-sm);font-size:clamp(11px,1vw,13px);font-weight:700;line-height:1.3}.card-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:var(--space-sm);color:var(--color-white);font-size:clamp(22px,2.5vw,28px);font-weight:700;line-height:1.1}.card-description{font-family:var(--font-body);color:var(--text-secondary);flex-grow:1;font-size:15px;line-height:1.6}.card-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-top:var(--space-sm);font-size:11px}.card-arrow{font-family:var(--font-mono);margin-top:var(--space-md);opacity:0;transition:all .3s var(--ease-out-expo);color:var(--color-volt);font-size:18px;transform:translate(-8px)}.card:hover .card-arrow{opacity:1;transform:translate(0)}.site-bio{padding:var(--space-lg) var(--space-lg) var(--space-md);border-top:1px solid var(--border-subtle);max-width:52ch}.site-bio p{color:var(--text-secondary);margin-bottom:1em;font-size:16px;font-style:italic;line-height:1.65}.site-bio p:last-child{margin-bottom:0}.site-bio a{color:var(--color-volt);text-underline-offset:3px;transition:text-decoration-color .3s var(--ease-out-quart);text-decoration:underline #e2ff004d}.site-bio a:hover{text-decoration-color:var(--color-volt)}.impressum{padding:var(--space-sm) var(--space-md)}.impressum-content{gap:var(--space-sm);flex-flow:row;justify-content:center;max-width:100%;display:flex}.impressum-text{font-family:var(--font-body);color:#ffffff80;white-space:nowrap;font-size:clamp(8px,.9vw,10px);line-height:1.4}.impressum-text a{color:#ffffff80;text-decoration:none}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media (width<=1024px){.hero-split{gap:var(--space-lg);grid-template-columns:1fr}.hero-diagram{order:-1}.hero{gap:var(--space-md)}.impressum-content{flex-direction:column;gap:2px}.stack{gap:var(--space-md);flex-direction:row}.stack-word{border-bottom:none;border-right:1px solid var(--border-subtle);padding-bottom:0;padding-right:var(--space-md)}.stack-word:last-child{border-right:none;padding-right:0}.cards-grid{grid-template-columns:1fr}}@media (width<=768px){.hero{padding:var(--space-sm) var(--space-sm) var(--space-md);gap:var(--space-md)}.hero__top{justify-content:space-between;align-items:baseline;gap:var(--space-sm);flex-direction:row}.hero__contact{white-space:nowrap;flex-shrink:0}.hero-diagram{display:none}.articles{padding:0 var(--space-sm) var(--space-md)}}@media print{body{color:#000;background:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.hero-headline,.hero-subhead,.hero-body,.hero-diagram{opacity:1;transform:none}}