:root{--bg: #ffffff;--ink: #1b1a17;--muted: #8d877c;--line: #ddd5c8;--nav-ink: #4a4741;--serif: "EB Garamond", Garamond, "Times New Roman", serif;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--ink)}body{font:400 13px/1.45 Source Code Pro,ui-monospace,Menlo,monospace;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}nav{--gut: max(30px, env(safe-area-inset-left, 0px));position:fixed;inset:0 0 auto 0;z-index:1000;padding:calc(env(safe-area-inset-top,0px) + 20px) var(--gut) 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;background:var(--bg)}nav:before{content:"";position:absolute;left:var(--gut);right:var(--gut);top:calc(env(safe-area-inset-top,0px) + 12px);height:2px;background:var(--ink)}nav a{font:500 clamp(26px,3.2vw,46px)/1 var(--serif);text-transform:uppercase;letter-spacing:.005em;color:var(--nav-ink);width:max-content;transition:color .25s ease}nav a:nth-child(2){justify-self:center}nav a:nth-child(3){justify-self:end}nav a:hover,nav a.on{color:var(--ink)}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);touch-action:none;user-select:none;-webkit-user-select:none}.card{position:absolute;left:0;top:0;transform-origin:0 0;cursor:pointer;overflow:hidden;contain:layout paint}.card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;opacity:0;transition:opacity .5s ease,filter .5s ease}.card img.ok{opacity:1}.card.dim img,.card.thumb img{filter:grayscale(1) contrast(.9) brightness(1.06)}.card.thumb:hover img{filter:none}.card.contact{cursor:default}.augen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s ease}.augen.ok{opacity:1}.word{position:absolute;left:0;top:0;font-size:11px;line-height:1.2;white-space:nowrap;color:#fff;mix-blend-mode:difference;pointer-events:none}body[data-view=overview] .word{will-change:transform}.word{transition:color .25s ease;white-space:pre}.word.covered{color:transparent}.frame{position:absolute;left:0;top:0;z-index:39;border:1px solid var(--ink);pointer-events:none;opacity:0}.panel{position:absolute;left:0;top:0;z-index:300;opacity:0;visibility:hidden;pointer-events:none}.panel.on{pointer-events:auto}.p-head{display:flex;align-items:baseline;gap:18px;color:var(--muted);font-size:12px}.p-num{font-variant-numeric:tabular-nums;letter-spacing:.06em}.p-nav{display:flex;gap:4px;margin-right:auto}.p-nav button{padding:0 5px;transition:color .2s,transform .25s cubic-bezier(.2,.7,.2,1)}.p-nav button:hover:not([disabled]){color:var(--ink);transform:scale(1.5)}.p-nav button[disabled]{opacity:.3;cursor:default}.p-close:hover{color:var(--ink)}.p-body{padding-top:20px}.p-body.leaving{position:absolute;left:0;right:0;pointer-events:none}.p-kind{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.p-title{margin-top:8px;font-weight:400;font-size:clamp(19px,1.7vw,25px);line-height:1.22;text-wrap:balance;overflow:hidden}.p-title span{display:block}.p-credits{margin-top:18px;display:grid;gap:5px}.p-credits .row{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);gap:14px;text-wrap:pretty}.p-credits .lab{color:var(--muted)}.p-credits .full{grid-column:1 / -1}.p-link{display:inline-flex;gap:8px;margin-top:18px;padding:1px 3px;margin-left:-3px;transform-origin:0 50%;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.p-link:hover{transform:scale(1.15)}.p-link span{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.p-link:hover span{transform:translate(3px,-3px)}.p-album{margin-top:18px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.about{position:fixed;left:0;right:0;bottom:0;z-index:400;display:flex;justify-content:center;padding:56px 16px 50px;opacity:0;visibility:hidden;pointer-events:none}.about.on{pointer-events:auto}.a-inner{width:clamp(220px,21vw,300px)}.a-img{display:block;margin-inline:auto;background:#181818}.a-text{margin-top:48px;display:grid;gap:1.1em;font-size:10.5px;line-height:1.38;text-wrap:pretty}.imp{top:0;align-items:safe center;overflow-y:auto;overscroll-behavior:contain}.i-inner{width:min(400px,100%);display:grid;gap:22px;font-size:12px;line-height:1.5}.i-inner h2{font:500 30px/1 EB Garamond,serif;letter-spacing:.01em;margin-bottom:4px}.i-label{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.i-inner a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .2s}.i-inner a:hover{border-color:var(--ink)}.i-inner .i-h2{margin-top:26px}.i-block p+p{margin-top:.6em}.i-stand{color:var(--muted);font-size:10.5px}.imp{padding-bottom:70px}.cform{position:fixed;left:0;right:0;top:0;z-index:400;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;pointer-events:none}.cform.on{pointer-events:auto}.c-mail{font-size:15px;letter-spacing:.02em;user-select:text;-webkit-user-select:text}#cf{margin-top:30px;width:min(360px,calc(100vw - 32px));display:grid;gap:22px;justify-items:center}#cf input,#cf textarea{width:100%;border:1px solid var(--line);border-radius:0;outline:none;background:var(--bg);color:var(--ink);font:400 13px/1.45 Source Code Pro,ui-monospace,Menlo,monospace;padding:6px 8px;transition:border-color .2s ease,font-size .2s ease}#cf input{height:32px}#cf textarea{height:104px;resize:none}#cf ::placeholder{color:var(--muted);opacity:1;font-size:11px;letter-spacing:.14em;text-transform:uppercase}#cf input:hover,#cf textarea:hover{border-color:var(--muted)}#cf input:focus,#cf textarea:focus{border-color:var(--ink);font-size:15px}#cf button{font-size:15px;margin-top:4px;padding:1px 4px;transition:transform .25s cubic-bezier(.2,.7,.2,1)}#cf button:hover,#cf button:focus-visible{transform:scale(1.3);outline:none}.c-note{min-height:1.4em;margin-top:-18px;font-size:11px;color:var(--muted);text-align:center}body.editing .card{cursor:move}body.editing .hint{display:none}.selframe{position:absolute;left:0;top:0;z-index:1500;display:none;outline:1px solid var(--ink);outline-offset:2px;pointer-events:none}.selframe i{position:absolute;right:-8px;bottom:-8px;width:12px;height:12px;background:var(--ink);cursor:nwse-resize;pointer-events:auto}.editbar{position:fixed;left:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1200;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:6px 10px;background:var(--bg);border:1px solid var(--ink);font-size:12px;max-width:calc(100% - 32px)}.editbar button{text-decoration:underline;text-underline-offset:3px}.editbar .e-status{color:var(--muted);min-width:7em}footer{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:12px;color:var(--muted);pointer-events:none}.hint{transition:opacity .3s ease}.f-left{display:flex;align-items:baseline;gap:16px}.f-imp{pointer-events:auto;background:var(--bg);padding:2px 4px;margin-left:-4px;color:var(--muted);text-decoration:none;transition:color .2s,transform .25s ease;display:inline-block;transform-origin:left center}.f-imp:hover,.f-imp.on{color:var(--ink)}.f-imp:hover{transform:scale(1.15)}.years{display:flex;align-items:baseline;gap:8px;pointer-events:auto;background:var(--bg);padding:2px 4px}.years button{position:relative;padding:2px 4px;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .2s,font-size .25s ease}.years button+button:before{content:"";position:absolute;right:100%;bottom:.55em;width:8px;height:1px;background:var(--line)}.years button:hover{color:var(--ink)}.years button.on{color:var(--ink);font-size:1.6em}.years sup{font-size:8px;margin-left:1px}.years{transition:opacity .35s ease}body[data-view=about] .years,body[data-view=contact] .years,body[data-view=impressum] .years{opacity:0;pointer-events:none}.cursor{position:fixed;left:0;top:0;z-index:1100;pointer-events:none;padding:3px 7px;background:var(--ink);color:var(--bg);font-size:11px;white-space:nowrap;opacity:0}@media(hover:none){.cursor{display:none}}body:not(.ready) footer,body:not(.ready) nav{opacity:0}footer,nav{transition:opacity .8s ease .3s}@media(max-width:719px){nav{--gut: max(16px, env(safe-area-inset-left, 0px));padding-top:calc(env(safe-area-inset-top,0px) + 16px)}nav:before{top:calc(env(safe-area-inset-top,0px) + 9px)}nav a{font-size:23px}.about{padding:26px 16px 64px}.a-inner{width:min(340px,100%)}.a-text{margin-top:22px}footer{justify-content:center;flex-direction:column-reverse;align-items:center;gap:4px}.years{gap:3px;font-size:11px}.years button{padding:2px 3px}.years button+button:before{width:3px}.p-body{padding-top:12px}.p-credits{font-size:12px;margin-top:12px}.p-title{font-size:18px}body[data-view=project] .hint{display:none}}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./eb-garamond-latin-500-normal-DehAIUv0.woff2) format("woff2"),url(./eb-garamond-latin-500-normal-DZU8xF9o.woff) format("woff")}@font-face{font-family:Source Code Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./source-code-pro-latin-400-normal-DEXWLoHG.woff2) format("woff2"),url(./source-code-pro-latin-400-normal-C5QriPt2.woff) format("woff")}