html{--color-text:#2B2522;--color-secondary:#7f7e74;--color-tertiary:#abaaa0;--color-background:#FAFAF8;--color-text-dark:#F7F7F7;--color-background-dark:#333333;--spacing-vertical-margin:3rem;--spacing-horizontal-margin:2.5rem;--spacing-gap:2rem}.theme-night{--color-text:#ded9d4;--color-background:#000000;--color-text-dark:#ded9d4;--color-background-dark:#000000}.theme-desert{--color-text:#d8d1c0;--color-background:#a79170;--color-text-dark:#d8d1c0;--color-background-dark:#393328}.theme-blood{--color-text:#990900;--color-background:#0d0302;--color-text-dark:#990900;--color-background-dark:#0d0302}.theme-lab{--color-text:#ded9d4;--color-background:#979691;--color-text-dark:#ded9d4;--color-background-dark:#979691}.theme-garden{--color-text:#5c615a;--color-background:#d8ddd8;--color-text-dark:#868d86;--color-background-dark:#404340}.theme-museum{--color-text:#4d463b;--color-background:#dcd0be}.theme-horse{--color-text:#3f342b;--color-background:#745640;--color-text-dark:#765a45;--color-background-dark:#433931}.theme-garage{--color-text:#021712;--color-background:#007050;--color-text-dark:#0b6b4f;--color-background-dark:#0c3c2e}.theme-mirage{--color-text:#a19379;--color-background:#040101;--color-text-dark:#534c3f;--color-background-dark:#11100e}@media(min-width:800px){html{--spacing-vertical-margin:4rem;--spacing-horizontal-margin:6rem;--spacing-gap:4rem}}@font-face{font-family:soehne;src:url(fonts/soehne-leicht.woff2)format("woff2"),url(fonts/soehne-leicht.woff)format("woff");font-weight:300;font-style:normal}@font-face{font-family:soehne;src:url(fonts/soehne-leichtkursiv.woff2)format("woff2"),url(fonts/soehne-leichtkursiv.woff)format("woff");font-weight:300;font-style:italic}@font-face{font-family:soehne;src:url(fonts/soehne-buch.woff2)format("woff2"),url(fonts/soehne-buch.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:soehne;src:url(fonts/soehne-kraftig.woff2)format("woff2"),url(fonts/soehne-kraftig.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:soehne;src:url(fonts/soehne-halbfett.woff2)format("woff2"),url(fonts/soehne-halbfett.woff)format("woff");font-weight:600;font-style:normal}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,blockquote,address,figure{margin:0;padding:0;font-weight:400;font-style:normal}html{font-size:1.15vw}body{font-family:soehne;font-weight:400;line-height:127%;background-color:var(--color-background);color:var(--color-text);stroke:var(--color-text)}@media(max-width:800px){html{font-size:15px}}@media(min-width:800px){.white{color:#fff}.white::selection,.white::-moz-selection{color:var(--color-background);background:#fff}figcaption{text-align:right}}@media(min-width:2090px){html{font-size:24px}}.shadow{text-shadow:rgba(0,0,0,.58)0 0 10px}body.dark{color:var(--color-text-dark);background-color:var(--color-background-dark);stroke:var(--color-text-dark)}body.dark a:hover{color:var(--color-background-dark);background-color:var(--color-text-dark);stroke:var(--color-background-dark)}h1{font-size:8rem;font-weight:600;letter-spacing:-.01em;margin-bottom:4rem;transition-property:transform,opacity;transition-duration:450ms,250ms;position:sticky;transition-timing-function:cubic-bezier(0,.55,.45,1),ease-out;line-height:.84}h2{font-size:1.6rem;font-weight:600;line-height:calc(2 * var(--space-unit));letter-spacing:-.01em}h2 span{font-weight:300;display:none}a{color:inherit}a:hover{color:var(--color-background);background-color:var(--color-text);text-decoration:none;stroke:var(--color-background)}.carousel a:hover{color:initial;background-color:initial}body>header>nav a{font-weight:300}body>header>:nth-child(3){text-align:right;font-weight:500}figcaption{font-size:1rem;font-weight:300;font-style:italic;line-height:1.3em}small,hgroup p{font-weight:300;line-height:var(--space-unit)}hgroup p{font-style:italic}::selection,::-moz-selection{color:var(--color-background);background:var(--color-text)}body{position:relative}body>header{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:var(--spacing-gap);align-items:baseline;transition:opacity 600ms ease;z-index:2}body>header>h2{grid-column:1/3}body>header>nav{display:flex;gap:.4rem;justify-content:end;grid-column:5/6!important}body>header>nav a{background-color:initial;border:none;color:var(--color-tertiary);padding:.7em;border-radius:.3rem;font-family:inherit;text-decoration:none;font-size:.8rem}body>header>nav a:hover,body>header>nav a.active{background-color:initial;color:var(--color-text);text-decoration:none}body>aside{display:flex;align-items:center;justify-content:space-between;z-index:4;width:100%;padding-top:var(--spacing-vertical-margin);padding-left:var(--spacing-horizontal-margin);padding-right:var(--spacing-horizontal-margin)}body.scrolled>aside{pointer-events:initial}body>aside hgroup{width:100%}article{padding-bottom:0;padding-left:var(--spacing-horizontal-margin);padding-right:var(--spacing-horizontal-margin);display:flex;flex-direction:column;gap:var(--spacing-gap)}article h1{top:calc(var(--spacing-horizontal-margin) + var(--spacing-gap) + (100vh - (var(--spacing-vertical-margin) * 2 + var(--spacing-gap) * 3))/4);display:none}article.tall h1{top:calc(var(--spacing-horizontal-margin) + (100vh - (var(--spacing-vertical-margin) * 2 + var(--spacing-gap) * 3))/4)}article section{display:grid;grid-column-gap:var(--spacing-gap);grid-row-gap:1rem}article figure{position:relative}article figure.static{display:flex;justify-content:center;flex-direction:column;max-width:-moz-max-content;max-width:max-content;justify-self:center}article figure.static.overflow{max-height:initial}article figure.static video,article figure.static img{max-height:100%;z-index:3;align-self:center}article figure.static iframe{width:1600px;height:900px}article picture{max-width:100%;max-height:100%;display:flex;justify-content:center}article picture img{max-height:100%}article img,article video{max-width:100%;justify-self:center;-o-object-fit:contain;object-fit:contain}body>footer{width:100%;height:var(--spacing-vertical-margin);margin-bottom:var(--spacing-vertical-margin);display:flex;justify-content:center;align-items:center}hgroup{display:flex;justify-content:space-between;align-items:baseline;overflow:hidden;gap:1rem}figcaption{margin-top:1em}.full-width{width:100%}.order-2{order:2}.order-3{order:3}@media(max-width:800px){body>header{padding-top:var(--spacing-vertical-margin);padding-left:var(--spacing-horizontal-margin);padding-right:var(--spacing-horizontal-margin);align-items:center;display:none}#about-page>header,#projects-page>header{display:flex;flex-direction:column}body>header>:nth-child(1){line-height:.85}body>header>:nth-child(2){grid-column:2/6;text-align:right}body>header>:nth-child(3){display:none}body>header h2{margin-bottom:.8em}body>aside{flex-direction:row-reverse}body>aside hgroup{flex-direction:column}body>aside>a{height:1.4em;align-self:start}body>aside>a svg{height:100%}hgroup{gap:1rem}article section{display:flex;flex-direction:column}article figure{order:-1;margin:var(--spacing-gap)0}video~figcaption{position:absolute;bottom:-2rem}body.zoomed{overflow:hidden}figure.zoomable .icon{position:absolute;bottom:.6rem;right:.6rem;width:1.6rem;height:1.6rem;background-color:rgba(0,0,0,.1);padding:.3rem;border-radius:2rem;z-index:10}figure.zoomable.zoomed .icon{display:none}figure.zoomed{height:100vh;margin:0 calc(-1 * var(--spacing-horizontal-margin));overflow-x:scroll;overflow-y:hidden;padding:calc(3 * var(--spacing-gap))}[data-column=full-edge] figure.zoomed{padding:calc(3 * var(--spacing-gap))0}figure[data-column=right-edge].zoomed{padding-right:0}[data-column=full-edge] figcaption{padding:0 var(--spacing-horizontal-margin)}figure.zoomed picture,figure.zoomed video{height:100%;justify-content:unset}figure.zoomed img,figure.zoomed video{width:-moz-max-content;width:max-content;max-width:initial;max-height:100%;align-self:unset!important}figure.zoomable:not(.zoomed) figcaption{text-align:center;margin-top:2em}figure.zoomed figcaption{position:fixed;top:0;left:2rem;right:2rem;margin:0;font-size:1.1rem;text-align:center;height:calc(3 * var(--spacing-gap));display:flex;align-items:center;justify-content:center}.hidden-mobile{display:none}.absolute-mobile{position:absolute}[data-column=full-edge]>*{margin-left:calc(-1 * var(--spacing-horizontal-margin));margin-right:calc(-1 * var(--spacing-horizontal-margin));max-width:100vw;max-height:initial}[data-column=right-edge-large]>*{max-width:initial;width:calc(100% + var(--spacing-horizontal-margin));margin-right:calc(-1 * var(--spacing-horizontal-margin))}[data-column=right-edge]>*{max-width:initial;width:calc(100% + var(--spacing-horizontal-margin));margin-right:calc(-1 * var(--spacing-horizontal-margin))}[data-align=cover]{margin-top:0}}@media(min-width:800px){body>header{position:fixed;top:var(--spacing-vertical-margin);left:var(--spacing-horizontal-margin);right:var(--spacing-horizontal-margin);line-height:.8}body>header :nth-child(2){grid-column:2/5}body>aside{position:fixed;left:0;height:100vh;width:var(--spacing-horizontal-margin);flex-direction:column;padding:var(--spacing-vertical-margin)0;pointer-events:none}body>aside>a{display:flex;margin-top:-1rem;justify-content:center;align-items:center;width:var(--spacing-horizontal-margin);height:var(--spacing-horizontal-margin)}body>aside>a svg{height:2rem;margin-right:.5rem}body>aside hgroup{transform:rotate(-90deg);position:relative;width:-moz-max-content;width:max-content;left:2.1rem;bottom:-1.8rem;transform-origin:top left;height:1.8rem;align-self:start}article{padding-top:calc(var(--spacing-horizontal-margin) + var(--spacing-gap) + (100vh - (var(--spacing-vertical-margin) * 2 + var(--spacing-gap) * 3))/4)}article.tall{padding-top:calc(var(--spacing-horizontal-margin) + (100vh - (var(--spacing-vertical-margin) * 2 + var(--spacing-gap) * 3))/4)}article h1{display:initial}article section{grid-template-columns:repeat(5,1fr)}article section.short{align-content:start;min-height:calc(100vh - (var(--spacing-vertical-margin) * 2 + (100vh - (var(--spacing-vertical-margin) * 2 + var(--spacing-gap) * 3))/4))}article section:not(:first-of-type){min-height:100vh;align-content:center}article figure:not(.static){display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);grid-gap:var(--spacing-gap);padding:var(--spacing-vertical-margin)var(--spacing-horizontal-margin);position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}article figure.static{max-height:calc(100vh - var(--spacing-vertical-margin) * 2)}body>footer{position:fixed;bottom:0;left:0;margin-bottom:0}figcaption{position:absolute;bottom:-2rem;right:0}figcaption.fixed{position:fixed;bottom:var(--spacing-vertical-margin);right:var(--spacing-horizontal-margin)}.hidden-desktop{display:none}.spaced{padding:40vh 0}[data-column=left]>*{grid-column:1/4}[data-column=left-center]>*{grid-column:1/4;width:64%}[data-column=left-small]>*{grid-column:1/3}[data-column=center]>*{grid-column:2/5;font-size:1.57rem;line-height:1.3em}[data-column=right]>*{grid-column:3/6}[data-column=right-center]>*{grid-column:3/6;width:64%}[data-column=right-small]>*{grid-column:4/6}[data-column=full]>*{grid-column:1/6}[data-column=full-small]>*{grid-column:1/6;width:79%}[data-column=full-edge]>*{grid-column:1/6;margin:0 calc(-1 * var(--spacing-horizontal-margin));max-width:100vw;max-height:initial}[data-column=right-edge]>*{grid-column:3/6;justify-self:end;margin-right:calc(-1 * var(--spacing-horizontal-margin));max-width:initial}[data-column=right-edge-small]>*{grid-column:4/6;width:calc(100% + var(--spacing-horizontal-margin));justify-self:end;justify-content:end;margin-right:calc(-1 * var(--spacing-horizontal-margin));max-width:initial}[data-column=right-edge-large]>*{grid-column:2/6;width:calc(100% + var(--spacing-horizontal-margin));justify-self:end;justify-content:end;margin-right:calc(-1 * var(--spacing-horizontal-margin))}[data-column=full-edge]>*{grid-column:1/6;margin-left:calc(-1 * var(--spacing-horizontal-margin));margin-right:calc(-1 * var(--spacing-horizontal-margin));max-width:100vw;max-height:initial}[data-justify=left]>*{justify-self:start}[data-justify=center]>*{justify-self:center}[data-justify=right]>*{justify-self:end}[data-row=full]>*{grid-row:1/5}[data-row=full-edge]>*{grid-row:1/5;margin-top:calc(-1 * var(--spacing-vertical-margin));margin-bottom:calc(-1 * var(--spacing-vertical-margin))}[data-row=full-bottom-edge]>*{grid-row:1/5;margin-bottom:calc(-1 * var(--spacing-vertical-margin))}[data-row=lower-top]>*{grid-row:2/5}[data-align=stretch]>*{height:100%}[data-align=center]>*{justify-self:center;align-self:center}[data-align=bottom]>*{align-self:end;max-height:100%}[data-align=cover] img{max-width:unset;width:100%;object-fit:cover}}#projects{display:grid;padding:var(--spacing-vertical-margin)var(--spacing-horizontal-margin);grid-template-columns:100%;gap:var(--spacing-gap)}#projects a{text-decoration:none}#projects img{width:100%}#projects>a hgroup{padding-top:.6rem}@media(min-width:800px){#projects{height:100vh;grid-template-columns:calc((100vw - 28rem)/5);grid-template-rows:repeat(4,1fr);grid-auto-columns:calc((100vw - 28rem)/5);grid-auto-flow:column;width:max-content}#projects a{grid-column:span 2;grid-row:2/4;width:100%;height:100%}#projects a:hover{color:initial;background-color:initial}#projects>a .thumbnail{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;height:100%;width:100%}#projects>a hgroup{padding-top:1.4rem}hgroup>*{transition:transform 800ms cubic-bezier(.19,1,.22,1);transform:translateY(140%)}body.loaded #projects>a hgroup>*{transform:translateY(0)}}@media(max-width:800px){#projects h2{font-size:1.2rem;min-width:-moz-max-content;min-width:max-content}}video{transition-property:opacity;transition-duration:600ms}video{z-index:2}.video-controls{position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;display:flex;flex-direction:column;padding:2.5rem 3rem;justify-content:end;z-index:3}.video-controls.playing{cursor:inherit}.video-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;height:.5em;border-radius:5px;transition:opacity 250ms linear;color:var(--color-text);background-color:rgba(255,255,255,.15);opacity:0;overflow:hidden;cursor:pointer}.video-controls.in-progress:hover input[type=range]{opacity:1}input[type=range]::-moz-range-progress{background-color:var(--color-text);height:100%;border-radius:5px}input[type=range]::-ms-fill-upper{background-color:var(--color-text);height:100%;border-radius:5px}.video-controls input[type=range]::-moz-range-thumb{-moz-appearance:none;width:0;height:0;border:none}.video-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border:none;box-shadow:-100vw 0 0 100vw var(--color-text)}.video-controls input[type=range]::-ms-thumb{width:0;height:0;border:none}.video-controls::after{content:"";position:absolute;width:0;height:0;border-top:2rem solid transparent;border-bottom:2rem solid transparent;border-left:3rem solid var(--color-text);left:50%;top:50%;transform:translate(-50%,-50%);transition:border-left 250ms linear}.video-controls.playing::after{border-left:3rem solid transparent}.marker{position:absolute;width:1px;height:1px}.marker[data-position=top]{top:0}.marker[data-position=bottom]{bottom:0}.vignette{border-radius:15px;opacity:.98}.fade{filter:grayscale()}.icon-white{stroke:#ded9d4}.icon-black{stroke:#2b2522}figure.zoomable.icon-outside .icon{bottom:-.6rem;right:-.6rem}.grid{position:fixed;top:0;bottom:0;left:0;right:0;z-index:-2;opacity:0;transition:opacity 800ms linear}.grid>*{position:absolute;width:100%;height:100%;top:0}.grid .margins{border-width:4rem 6rem;border-color:rgba(0,179,219,6%);border-style:solid}.grid .columns,.grid .rows{display:grid;grid-gap:4rem}.grid .columns{grid-template-columns:repeat(5,1fr);padding:0 6rem}.grid .columns *{border-left:1px solid rgba(255,81,0,.35);border-right:1px solid rgba(255,81,0,.35)}.grid .rows{grid-template-rows:repeat(4,1fr);padding:4rem 0}.grid .rows *{border-top:1px solid rgba(255,81,0,.35);border-bottom:1px solid rgba(255,81,0,.35)}#about-page main{padding:var(--spacing-vertical-margin)var(--spacing-horizontal-margin);width:100vw;height:100vh;display:flex;align-items:end}#about-page main p{font-size:5rem;font-style:normal;font-weight:400;line-height:107%}@media(max-width:800px){#about-page{height:100vh;display:flex;flex-direction:column}#about-page main{flex:1}#about-page main p{font-size:8vw}.video-controls{padding:1.2rem 1rem}.video-controls::after{border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-left:1.8rem solid var(--color-text)}.video-controls.playing::after{border-left:1.8rem solid transparent}}@media(max-width:500px){#about-page main p{font-size:10vw}}@media(min-width:800px){article section.active figure.video{z-index:3;height:-moz-max-content;height:max-content;justify-self:center;top:50%;transform:translateY(-50%)}}body{transition:color,background-color;transition-duration:800ms;transition-timing-function:cubic-bezier(.33,1,.68,1)}@media(min-width:800px){body.scrolled>header{opacity:0}body.scrolled h1{opacity:0;transform:translateX(-2rem);pointer-events:none}body.scrolled>aside hgroup *{transform:translateY(0)}body>aside>a>svg{transform:translateX(50%);opacity:0}body.scrolled>aside>a>svg{transition-delay:200ms;opacity:1;transform:translateX(0)}body.scrolled>aside:hover>a:hover>svg{}hgroup>*{transition:transform 800ms cubic-bezier(.19,1,.22,1);transform:translateY(140%)}section figure img.slide-up{transform:translateY(10%);transition:transform 800ms cubic-bezier(.33,1,.68,1)}section.active figure img.slide-up{transform:translateY(0)}section figure img.slide-left{transform:translateX(20%);transition:transform 800ms cubic-bezier(.19,1,.22,1)}section.active figure img.slide-left{transform:translateY(0)}article h2,article p,article figcaption{opacity:0;transition:opacity 400ms linear}article section.actve h2,article section.active p,article section.active figure,article section.active figcaption,article section.active .grid{opacity:1}article figure:not(.static){opacity:0;transition:opacity 300ms linear}body>aside>a svg{transition-property:transform,opacity;transition-duration:600ms;transition-timing-function:cubic-bezier(.19,1,.22,1);transition-delay:0ms}body>footer{transform:translateY(100%);transition-property:transform,opacity;transition-duration:600ms;transition-timing-function:cubic-bezier(.19,1,.22,1)}body.bottom>footer{transform:translateY(0)}#carousel-helper{transition:opacity 500ms linear}#carousel-helper-cursor{animation-name:scroll;animation-duration:1600ms;animation-timing-function:cubic-bezier(.87,.01,.24,1.02);animation-iteration-count:infinite}@keyframes scroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}40%{opacity:1}85%{transform:translateY(270%);opacity:0}to{transform:translateY(270%);opacity:0}}}