@font-face{font-family:Major Mono Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/major-mono-display-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Major Mono Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/major-mono-display-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg, white);color:var(--fg, black);transition:background-color .15s ease,color .15s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.short-info.techstack .container{max-width:none}.stack-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 24px;margin-top:18px}@media (max-width: 900px){.stack-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.stack-columns{grid-template-columns:1fr}}.substack{display:flex;flex-direction:column;gap:10px}.stack-icon-container{text-align:center}.stack-icon-container p{font-size:var(--fs-200);margin:0 0 6px}.stack-icon-container a{display:inline-block}.stack-icon-container a:hover .stack-icon{opacity:.55}.stack-icon{width:48px;height:48px;object-fit:contain;transition:opacity var(--ease),filter var(--ease)}:root[data-theme=dark] .stack-icon{filter:brightness(0) invert(1)}.site-footer{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:clamp(1.5rem,6vw,4rem);padding:22px var(--gutter) 22px calc(var(--rail) + var(--gutter));background:var(--bg);border-top:3px solid var(--fg);text-align:center;font-size:var(--fs-200)}.site-footer a{color:var(--fg)}.site-footer a:hover{text-decoration:underline}@media (max-width: 650px){.site-footer{padding:22px var(--gutter);margin-bottom:var(--mobile-nav-h)}}:root{--rail: 100px;--gutter: 24px;--content-x: calc(var(--rail) + var(--gutter));--measure: 68ch;--mobile-nav-h: 80px;--fs-100: .75rem;--fs-200: .875rem;--fs-300: 1rem;--fs-400: 1.125rem;--fs-600: 1.75rem;--fs-h1: clamp(2.75rem, 8vw, 74px);--fs-h2: clamp(1.5rem, 3.6vw, 2.25rem);--fs-h3: clamp(1.1rem, 2vw, 1.4rem);--ease: .15s ease;--bg: white;--fg: black;--wash-strong: rgba(255, 255, 255, .34);--wash-soft: rgba(255, 255, 255, .04)}:root[data-theme=dark]{--bg: black;--fg: white;--wash-strong: rgba(0, 0, 0, .34);--wash-soft: rgba(0, 0, 0, .04)}*{text-decoration:none}#root{display:flex;flex-direction:column;min-height:100vh}main,.about-page,.impressum-page{flex:1 0 auto}.nav-bar,.headline,.theme-toggle{-webkit-user-select:none;user-select:none}a{color:var(--fg)}a:link{color:inherit}.short-info a:hover,.about-text-container a:hover,.mobile-overlay a:hover{text-decoration:underline}.flex-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.flex-row .stack-icon-container{text-align:center}.substack .flex-row{justify-content:flex-start;gap:10px}h3{margin-bottom:0;font-size:var(--fs-400)}.nav-bar{position:fixed;display:flex;flex-direction:column;justify-content:space-around;background-color:var(--bg);height:100vh;width:var(--rail);align-items:center;border-right:1px solid var(--fg);z-index:1000}.nav-bar .nav-link,.nav-bar .active-nav-link{height:80px;width:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--fs-200);transition:background-color var(--ease),color var(--ease)}.nav-bar .nav-link{color:var(--fg);background-color:var(--bg);border:1px solid var(--fg)}.nav-bar .nav-link:hover,.nav-bar .active-nav-link{background-color:var(--fg);color:var(--bg);border:1px solid var(--fg)}.nav-bar .home-button{background:var(--bg) center no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='24'%20height='24'%20shape-rendering='crispEdges'%20fill='black'%3E%3Crect%20x='13'%20y='4'%20width='6'%20height='2'/%3E%3Crect%20x='25'%20y='4'%20width='2'%20height='4'/%3E%3Crect%20x='9'%20y='6'%20width='14'%20height='1'/%3E%3Crect%20x='9'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='18'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='5'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='18'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='5'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='22'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='2'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='22'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='2'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='26'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='4'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='26'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='10'%20y='14'%20width='12'%20height='2'/%3E%3Crect%20x='10'%20y='16'%20width='2'%20height='10'/%3E%3Crect%20x='20'%20y='16'%20width='2'%20height='4'/%3E%3Crect%20x='18'%20y='20'%20width='4'%20height='2'/%3E%3Crect%20x='20'%20y='22'%20width='2'%20height='4'/%3E%3Crect%20x='4'%20y='26'%20width='24'%20height='2'/%3E%3C/svg%3E")}.nav-bar .home-button:hover{background-color:var(--fg);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='24'%20height='24'%20shape-rendering='crispEdges'%20fill='white'%3E%3Crect%20x='13'%20y='4'%20width='6'%20height='2'/%3E%3Crect%20x='25'%20y='4'%20width='2'%20height='4'/%3E%3Crect%20x='9'%20y='6'%20width='14'%20height='1'/%3E%3Crect%20x='9'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='18'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='5'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='18'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='5'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='22'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='2'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='22'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='2'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='26'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='4'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='26'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='10'%20y='14'%20width='12'%20height='2'/%3E%3Crect%20x='10'%20y='16'%20width='2'%20height='10'/%3E%3Crect%20x='20'%20y='16'%20width='2'%20height='4'/%3E%3Crect%20x='18'%20y='20'%20width='4'%20height='2'/%3E%3Crect%20x='20'%20y='22'%20width='2'%20height='4'/%3E%3Crect%20x='4'%20y='26'%20width='24'%20height='2'/%3E%3C/svg%3E")}.nav-bar .active-home-button{background:var(--fg) center no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='24'%20height='24'%20shape-rendering='crispEdges'%20fill='white'%3E%3Crect%20x='13'%20y='4'%20width='6'%20height='2'/%3E%3Crect%20x='25'%20y='4'%20width='2'%20height='4'/%3E%3Crect%20x='9'%20y='6'%20width='14'%20height='1'/%3E%3Crect%20x='9'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='18'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='5'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='18'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='5'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='22'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='2'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='22'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='2'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='26'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='4'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='26'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='10'%20y='14'%20width='12'%20height='2'/%3E%3Crect%20x='10'%20y='16'%20width='2'%20height='10'/%3E%3Crect%20x='20'%20y='16'%20width='2'%20height='4'/%3E%3Crect%20x='18'%20y='20'%20width='4'%20height='2'/%3E%3Crect%20x='20'%20y='22'%20width='2'%20height='4'/%3E%3Crect%20x='4'%20y='26'%20width='24'%20height='2'/%3E%3C/svg%3E")}:root[data-theme=dark] .nav-bar .home-button{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='24'%20height='24'%20shape-rendering='crispEdges'%20fill='white'%3E%3Crect%20x='13'%20y='4'%20width='6'%20height='2'/%3E%3Crect%20x='25'%20y='4'%20width='2'%20height='4'/%3E%3Crect%20x='9'%20y='6'%20width='14'%20height='1'/%3E%3Crect%20x='9'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='18'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='5'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='18'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='5'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='22'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='2'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='22'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='2'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='26'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='4'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='26'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='10'%20y='14'%20width='12'%20height='2'/%3E%3Crect%20x='10'%20y='16'%20width='2'%20height='10'/%3E%3Crect%20x='20'%20y='16'%20width='2'%20height='4'/%3E%3Crect%20x='18'%20y='20'%20width='4'%20height='2'/%3E%3Crect%20x='20'%20y='22'%20width='2'%20height='4'/%3E%3Crect%20x='4'%20y='26'%20width='24'%20height='2'/%3E%3C/svg%3E")}:root[data-theme=dark] .nav-bar .home-button:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='24'%20height='24'%20shape-rendering='crispEdges'%20fill='black'%3E%3Crect%20x='13'%20y='4'%20width='6'%20height='2'/%3E%3Crect%20x='25'%20y='4'%20width='2'%20height='4'/%3E%3Crect%20x='9'%20y='6'%20width='14'%20height='1'/%3E%3Crect%20x='9'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='18'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='5'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='18'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='5'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='22'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='2'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='22'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='2'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='26'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='4'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='26'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='10'%20y='14'%20width='12'%20height='2'/%3E%3Crect%20x='10'%20y='16'%20width='2'%20height='10'/%3E%3Crect%20x='20'%20y='16'%20width='2'%20height='4'/%3E%3Crect%20x='18'%20y='20'%20width='4'%20height='2'/%3E%3Crect%20x='20'%20y='22'%20width='2'%20height='4'/%3E%3Crect%20x='4'%20y='26'%20width='24'%20height='2'/%3E%3C/svg%3E")}:root[data-theme=dark] .nav-bar .active-home-button{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='24'%20height='24'%20shape-rendering='crispEdges'%20fill='black'%3E%3Crect%20x='13'%20y='4'%20width='6'%20height='2'/%3E%3Crect%20x='25'%20y='4'%20width='2'%20height='4'/%3E%3Crect%20x='9'%20y='6'%20width='14'%20height='1'/%3E%3Crect%20x='9'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='18'%20y='7'%20width='5'%20height='1'/%3E%3Crect%20x='5'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='18'%20y='8'%20width='9'%20height='1'/%3E%3Crect%20x='5'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='22'%20y='9'%20width='5'%20height='1'/%3E%3Crect%20x='2'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='22'%20y='10'%20width='8'%20height='1'/%3E%3Crect%20x='2'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='26'%20y='11'%20width='4'%20height='2'/%3E%3Crect%20x='4'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='26'%20y='13'%20width='2'%20height='13'/%3E%3Crect%20x='10'%20y='14'%20width='12'%20height='2'/%3E%3Crect%20x='10'%20y='16'%20width='2'%20height='10'/%3E%3Crect%20x='20'%20y='16'%20width='2'%20height='4'/%3E%3Crect%20x='18'%20y='20'%20width='4'%20height='2'/%3E%3Crect%20x='20'%20y='22'%20width='2'%20height='4'/%3E%3Crect%20x='4'%20y='26'%20width='24'%20height='2'/%3E%3C/svg%3E")}.theme-toggle{position:fixed;top:16px;right:16px;z-index:1100;margin:0;padding:6px 14px;font:inherit;font-size:var(--fs-200);line-height:1;background:var(--bg);color:var(--fg);border:1px solid var(--fg);border-radius:999px;cursor:pointer;transition:background-color var(--ease),color var(--ease)}.theme-toggle:hover{background:var(--fg);color:var(--bg)}.header{color:var(--fg);margin:15vh 0 0 var(--content-x);width:min(1100px,100vw - var(--content-x) - var(--gutter));padding-bottom:clamp(3rem,10vh,6rem);display:flex;flex-direction:column;gap:clamp(4rem,14vh,9rem)}.header>div{position:relative;box-sizing:border-box;padding:clamp(2rem,6vw,3.5rem) clamp(2rem,5vw,3.5rem)}.header>div>*{position:relative;z-index:1}.header>div:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,var(--wash-strong),var(--wash-soft));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 45%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 45%,#000 40%,transparent 100%)}.headline{font-family:Major Mono Display,monospace;font-weight:400;font-size:var(--fs-h2);overflow-wrap:break-word;border-radius:10px;margin:0}h1.headline{font-size:var(--fs-h1);font-weight:600}h2.headline{font-size:var(--fs-h2)}h3.headline{font-size:var(--fs-h3)}.short-info{width:100%;font-size:var(--fs-600);line-height:1.5}.short-info .container{max-width:var(--measure)}.short-info .container p{margin:0 0 .7em}.short-info .container p:last-child{margin-bottom:0}.bg-canvas{position:fixed;top:0;left:0;z-index:-1;will-change:transform;transform:translateZ(0)}@keyframes skeleton-pulse{0%,to{opacity:.16}50%{opacity:.08}}.skeleton{background-color:var(--fg);opacity:.16;border-radius:6px;animation:skeleton-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.sub-page-content{margin-left:var(--content-x);padding-top:24px;padding-right:var(--gutter);padding-bottom:3rem}@media (max-width: 650px){:root{--content-x: 16px}.nav-bar{flex-direction:row;width:100vw;height:var(--mobile-nav-h);bottom:0}.nav-bar .active-nav-link,.nav-bar .nav-link{height:60px;width:60px}.header{margin-top:12vh}.theme-toggle{top:10px;right:10px}.short-info{width:100%}}.about-page{margin-left:var(--content-x);padding-top:24px;padding-right:var(--gutter);padding-bottom:3rem;font-family:Major Mono Display,monospace}.title{margin:10px 0}.about-text-container{margin-top:60px;max-width:min(92vw,720px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.55}.profile-image{width:200px;height:200px;border-radius:50%;background-color:var(--bg);overflow:hidden;margin:0 0 20px 40px;float:right}.profile-image>img{width:100%;height:100%;object-fit:cover}.profile-image.skeleton{background-color:var(--fg)}.skeleton-lines{display:flex;flex-direction:column;gap:14px;padding-top:6px}.skeleton-lines .skeleton{height:14px;width:100%}@media (max-width: 650px){.about-text-container{max-width:100%}.profile-image{width:150px;height:150px;margin:0 0 16px 20px}}section{display:flex;flex-direction:column;gap:28px}.project-list{gap:clamp(4rem,10vw,8rem)}.project{display:grid;grid-template-columns:minmax(0,640px) 1fr;column-gap:clamp(1.5rem,5vw,4rem);width:min(100%,1040px);opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.project.is-visible{opacity:1;transform:none}.project .image-text-section{grid-column:1;min-width:0;transform:translateY(var(--parallax, 0px));will-change:transform}.project .image-text-section .image-section{position:relative;width:min(100%,640px)}.project .image-text-section .image-section .image-toggle{display:block;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.project .image-text-section .image-section .image-toggle:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.project .image-text-section .image-section img{width:100%;height:auto;display:block}.project .image-text-section .image-section .image-hint{position:absolute;right:10px;bottom:10px;padding:5px 11px;border-radius:999px;background:#0000009e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:var(--fs-100);letter-spacing:.03em;pointer-events:none}.project .image-text-section .desc-container{width:100%;margin-top:16px}.project .image-text-section .desc-container p{margin:0;max-width:var(--measure);line-height:1.55}.project-skeleton{width:min(100%,640px);display:flex;flex-direction:column;gap:10px}.project-skeleton .skeleton{height:14px}.project-skeleton .skeleton-image{width:100%;aspect-ratio:16/10;border-radius:4px;height:auto}.project-index{grid-column:2;grid-row:1;align-self:start;justify-self:start;width:0;overflow:visible;white-space:nowrap;position:sticky;top:12vh;font-family:Major Mono Display,monospace;font-size:clamp(1.75rem,4vw,4rem);letter-spacing:-.04em;line-height:1;color:#8f8f8f;-webkit-user-select:none;user-select:none;pointer-events:none}.sub-page-content .headline{transform:translateY(var(--heading-shift, 0px));will-change:transform}@media (prefers-reduced-motion: reduce){.project,.project.is-visible{opacity:1;transform:none;transition:none}.project .image-text-section,.sub-page-content .headline{transform:none}}@media (max-width: 1050px){.project{grid-template-columns:1fr}.project-index{display:none}}@media (max-width: 650px){p{font-size:var(--fs-200)}section{width:100%}.project{width:100%}.image-hint{right:8px;bottom:8px;font-size:var(--fs-200);padding:6px 12px}}