@font-face{font-family:"Elma Mono";src:url("../fonts/ElmaMono-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}.text-xs{font-family:"Elma Mono",monospace;font-size:8px;line-height:9.4px;font-weight:400;letter-spacing:-0.05em}.text-s{font-family:"Elma Mono",monospace;font-size:10px;line-height:11.4px;font-weight:400;letter-spacing:-0.05em}.text-m{font-family:"Elma Mono",monospace;font-size:12px;line-height:13.4px;font-weight:400;letter-spacing:-0.05em}.text-l{font-family:"Elma Mono",monospace;font-size:14px;line-height:15.4px;font-weight:400;letter-spacing:-0.05em}.text-caps{font-family:"Elma Mono",monospace;font-size:15px;line-height:14px;font-weight:400;letter-spacing:-0.05em;text-transform:uppercase}p,h1,h2,h3,h4{margin:0;font-weight:normal}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}a:visited{color:inherit}.link-front--blau--blau{--link-color: var(--blau);--link-bg: var(--blau)}.link-back--blau--blau{--link-color: var(--blau);--link-bg: var(--blau)}.link-front--blau--rot{--link-color: var(--blau);--link-bg: var(--rot)}.link-back--blau--rot{--link-color: var(--blau);--link-bg: var(--rot)}.link-front--blau--grau{--link-color: var(--blau);--link-bg: var(--grau)}.link-back--blau--grau{--link-color: var(--blau);--link-bg: var(--grau)}.link-front--blau--dunkelblau{--link-color: var(--blau);--link-bg: var(--dunkelblau)}.link-back--blau--dunkelblau{--link-color: var(--blau);--link-bg: var(--dunkelblau)}.link-front--blau--bg{--link-color: var(--blau);--link-bg: var(--bg)}.link-back--blau--bg{--link-color: var(--blau);--link-bg: var(--bg)}.link-front--blau--basis-weiss{--link-color: var(--blau);--link-bg: var(--basis-weiss)}.link-back--blau--basis-weiss{--link-color: var(--blau);--link-bg: var(--basis-weiss)}.link-front--blau--white{--link-color: var(--blau);--link-bg: var(--white)}.link-back--blau--white{--link-color: var(--blau);--link-bg: var(--white)}.link-front--blau--black{--link-color: var(--blau);--link-bg: var(--black)}.link-back--blau--black{--link-color: var(--blau);--link-bg: var(--black)}.link-front--blau--gelb{--link-color: var(--blau);--link-bg: var(--gelb)}.link-back--blau--gelb{--link-color: var(--blau);--link-bg: var(--gelb)}.link-front--rot--blau{--link-color: var(--rot);--link-bg: var(--blau)}.link-back--rot--blau{--link-color: var(--rot);--link-bg: var(--blau)}.link-front--rot--rot{--link-color: var(--rot);--link-bg: var(--rot)}.link-back--rot--rot{--link-color: var(--rot);--link-bg: var(--rot)}.link-front--rot--grau{--link-color: var(--rot);--link-bg: var(--grau)}.link-back--rot--grau{--link-color: var(--rot);--link-bg: var(--grau)}.link-front--rot--dunkelblau{--link-color: var(--rot);--link-bg: var(--dunkelblau)}.link-back--rot--dunkelblau{--link-color: var(--rot);--link-bg: var(--dunkelblau)}.link-front--rot--bg{--link-color: var(--rot);--link-bg: var(--bg)}.link-back--rot--bg{--link-color: var(--rot);--link-bg: var(--bg)}.link-front--rot--basis-weiss{--link-color: var(--rot);--link-bg: var(--basis-weiss)}.link-back--rot--basis-weiss{--link-color: var(--rot);--link-bg: var(--basis-weiss)}.link-front--rot--white{--link-color: var(--rot);--link-bg: var(--white)}.link-back--rot--white{--link-color: var(--rot);--link-bg: var(--white)}.link-front--rot--black{--link-color: var(--rot);--link-bg: var(--black)}.link-back--rot--black{--link-color: var(--rot);--link-bg: var(--black)}.link-front--rot--gelb{--link-color: var(--rot);--link-bg: var(--gelb)}.link-back--rot--gelb{--link-color: var(--rot);--link-bg: var(--gelb)}.link-front--grau--blau{--link-color: var(--grau);--link-bg: var(--blau)}.link-back--grau--blau{--link-color: var(--grau);--link-bg: var(--blau)}.link-front--grau--rot{--link-color: var(--grau);--link-bg: var(--rot)}.link-back--grau--rot{--link-color: var(--grau);--link-bg: var(--rot)}.link-front--grau--grau{--link-color: var(--grau);--link-bg: var(--grau)}.link-back--grau--grau{--link-color: var(--grau);--link-bg: var(--grau)}.link-front--grau--dunkelblau{--link-color: var(--grau);--link-bg: var(--dunkelblau)}.link-back--grau--dunkelblau{--link-color: var(--grau);--link-bg: var(--dunkelblau)}.link-front--grau--bg{--link-color: var(--grau);--link-bg: var(--bg)}.link-back--grau--bg{--link-color: var(--grau);--link-bg: var(--bg)}.link-front--grau--basis-weiss{--link-color: var(--grau);--link-bg: var(--basis-weiss)}.link-back--grau--basis-weiss{--link-color: var(--grau);--link-bg: var(--basis-weiss)}.link-front--grau--white{--link-color: var(--grau);--link-bg: var(--white)}.link-back--grau--white{--link-color: var(--grau);--link-bg: var(--white)}.link-front--grau--black{--link-color: var(--grau);--link-bg: var(--black)}.link-back--grau--black{--link-color: var(--grau);--link-bg: var(--black)}.link-front--grau--gelb{--link-color: var(--grau);--link-bg: var(--gelb)}.link-back--grau--gelb{--link-color: var(--grau);--link-bg: var(--gelb)}.link-front--dunkelblau--blau{--link-color: var(--dunkelblau);--link-bg: var(--blau)}.link-back--dunkelblau--blau{--link-color: var(--dunkelblau);--link-bg: var(--blau)}.link-front--dunkelblau--rot{--link-color: var(--dunkelblau);--link-bg: var(--rot)}.link-back--dunkelblau--rot{--link-color: var(--dunkelblau);--link-bg: var(--rot)}.link-front--dunkelblau--grau{--link-color: var(--dunkelblau);--link-bg: var(--grau)}.link-back--dunkelblau--grau{--link-color: var(--dunkelblau);--link-bg: var(--grau)}.link-front--dunkelblau--dunkelblau{--link-color: var(--dunkelblau);--link-bg: var(--dunkelblau)}.link-back--dunkelblau--dunkelblau{--link-color: var(--dunkelblau);--link-bg: var(--dunkelblau)}.link-front--dunkelblau--bg{--link-color: var(--dunkelblau);--link-bg: var(--bg)}.link-back--dunkelblau--bg{--link-color: var(--dunkelblau);--link-bg: var(--bg)}.link-front--dunkelblau--basis-weiss{--link-color: var(--dunkelblau);--link-bg: var(--basis-weiss)}.link-back--dunkelblau--basis-weiss{--link-color: var(--dunkelblau);--link-bg: var(--basis-weiss)}.link-front--dunkelblau--white{--link-color: var(--dunkelblau);--link-bg: var(--white)}.link-back--dunkelblau--white{--link-color: var(--dunkelblau);--link-bg: var(--white)}.link-front--dunkelblau--black{--link-color: var(--dunkelblau);--link-bg: var(--black)}.link-back--dunkelblau--black{--link-color: var(--dunkelblau);--link-bg: var(--black)}.link-front--dunkelblau--gelb{--link-color: var(--dunkelblau);--link-bg: var(--gelb)}.link-back--dunkelblau--gelb{--link-color: var(--dunkelblau);--link-bg: var(--gelb)}.link-front--bg--blau{--link-color: var(--bg);--link-bg: var(--blau)}.link-back--bg--blau{--link-color: var(--bg);--link-bg: var(--blau)}.link-front--bg--rot{--link-color: var(--bg);--link-bg: var(--rot)}.link-back--bg--rot{--link-color: var(--bg);--link-bg: var(--rot)}.link-front--bg--grau{--link-color: var(--bg);--link-bg: var(--grau)}.link-back--bg--grau{--link-color: var(--bg);--link-bg: var(--grau)}.link-front--bg--dunkelblau{--link-color: var(--bg);--link-bg: var(--dunkelblau)}.link-back--bg--dunkelblau{--link-color: var(--bg);--link-bg: var(--dunkelblau)}.link-front--bg--bg{--link-color: var(--bg);--link-bg: var(--bg)}.link-back--bg--bg{--link-color: var(--bg);--link-bg: var(--bg)}.link-front--bg--basis-weiss{--link-color: var(--bg);--link-bg: var(--basis-weiss)}.link-back--bg--basis-weiss{--link-color: var(--bg);--link-bg: var(--basis-weiss)}.link-front--bg--white{--link-color: var(--bg);--link-bg: var(--white)}.link-back--bg--white{--link-color: var(--bg);--link-bg: var(--white)}.link-front--bg--black{--link-color: var(--bg);--link-bg: var(--black)}.link-back--bg--black{--link-color: var(--bg);--link-bg: var(--black)}.link-front--bg--gelb{--link-color: var(--bg);--link-bg: var(--gelb)}.link-back--bg--gelb{--link-color: var(--bg);--link-bg: var(--gelb)}.link-front--basis-weiss--blau{--link-color: var(--basis-weiss);--link-bg: var(--blau)}.link-back--basis-weiss--blau{--link-color: var(--basis-weiss);--link-bg: var(--blau)}.link-front--basis-weiss--rot{--link-color: var(--basis-weiss);--link-bg: var(--rot)}.link-back--basis-weiss--rot{--link-color: var(--basis-weiss);--link-bg: var(--rot)}.link-front--basis-weiss--grau{--link-color: var(--basis-weiss);--link-bg: var(--grau)}.link-back--basis-weiss--grau{--link-color: var(--basis-weiss);--link-bg: var(--grau)}.link-front--basis-weiss--dunkelblau{--link-color: var(--basis-weiss);--link-bg: var(--dunkelblau)}.link-back--basis-weiss--dunkelblau{--link-color: var(--basis-weiss);--link-bg: var(--dunkelblau)}.link-front--basis-weiss--bg{--link-color: var(--basis-weiss);--link-bg: var(--bg)}.link-back--basis-weiss--bg{--link-color: var(--basis-weiss);--link-bg: var(--bg)}.link-front--basis-weiss--basis-weiss{--link-color: var(--basis-weiss);--link-bg: var(--basis-weiss)}.link-back--basis-weiss--basis-weiss{--link-color: var(--basis-weiss);--link-bg: var(--basis-weiss)}.link-front--basis-weiss--white{--link-color: var(--basis-weiss);--link-bg: var(--white)}.link-back--basis-weiss--white{--link-color: var(--basis-weiss);--link-bg: var(--white)}.link-front--basis-weiss--black{--link-color: var(--basis-weiss);--link-bg: var(--black)}.link-back--basis-weiss--black{--link-color: var(--basis-weiss);--link-bg: var(--black)}.link-front--basis-weiss--gelb{--link-color: var(--basis-weiss);--link-bg: var(--gelb)}.link-back--basis-weiss--gelb{--link-color: var(--basis-weiss);--link-bg: var(--gelb)}.link-front--white--blau{--link-color: var(--white);--link-bg: var(--blau)}.link-back--white--blau{--link-color: var(--white);--link-bg: var(--blau)}.link-front--white--rot{--link-color: var(--white);--link-bg: var(--rot)}.link-back--white--rot{--link-color: var(--white);--link-bg: var(--rot)}.link-front--white--grau{--link-color: var(--white);--link-bg: var(--grau)}.link-back--white--grau{--link-color: var(--white);--link-bg: var(--grau)}.link-front--white--dunkelblau{--link-color: var(--white);--link-bg: var(--dunkelblau)}.link-back--white--dunkelblau{--link-color: var(--white);--link-bg: var(--dunkelblau)}.link-front--white--bg{--link-color: var(--white);--link-bg: var(--bg)}.link-back--white--bg{--link-color: var(--white);--link-bg: var(--bg)}.link-front--white--basis-weiss{--link-color: var(--white);--link-bg: var(--basis-weiss)}.link-back--white--basis-weiss{--link-color: var(--white);--link-bg: var(--basis-weiss)}.link-front--white--white{--link-color: var(--white);--link-bg: var(--white)}.link-back--white--white{--link-color: var(--white);--link-bg: var(--white)}.link-front--white--black{--link-color: var(--white);--link-bg: var(--black)}.link-back--white--black{--link-color: var(--white);--link-bg: var(--black)}.link-front--white--gelb{--link-color: var(--white);--link-bg: var(--gelb)}.link-back--white--gelb{--link-color: var(--white);--link-bg: var(--gelb)}.link-front--black--blau{--link-color: var(--black);--link-bg: var(--blau)}.link-back--black--blau{--link-color: var(--black);--link-bg: var(--blau)}.link-front--black--rot{--link-color: var(--black);--link-bg: var(--rot)}.link-back--black--rot{--link-color: var(--black);--link-bg: var(--rot)}.link-front--black--grau{--link-color: var(--black);--link-bg: var(--grau)}.link-back--black--grau{--link-color: var(--black);--link-bg: var(--grau)}.link-front--black--dunkelblau{--link-color: var(--black);--link-bg: var(--dunkelblau)}.link-back--black--dunkelblau{--link-color: var(--black);--link-bg: var(--dunkelblau)}.link-front--black--bg{--link-color: var(--black);--link-bg: var(--bg)}.link-back--black--bg{--link-color: var(--black);--link-bg: var(--bg)}.link-front--black--basis-weiss{--link-color: var(--black);--link-bg: var(--basis-weiss)}.link-back--black--basis-weiss{--link-color: var(--black);--link-bg: var(--basis-weiss)}.link-front--black--white{--link-color: var(--black);--link-bg: var(--white)}.link-back--black--white{--link-color: var(--black);--link-bg: var(--white)}.link-front--black--black{--link-color: var(--black);--link-bg: var(--black)}.link-back--black--black{--link-color: var(--black);--link-bg: var(--black)}.link-front--black--gelb{--link-color: var(--black);--link-bg: var(--gelb)}.link-back--black--gelb{--link-color: var(--black);--link-bg: var(--gelb)}.link-front--gelb--blau{--link-color: var(--gelb);--link-bg: var(--blau)}.link-back--gelb--blau{--link-color: var(--gelb);--link-bg: var(--blau)}.link-front--gelb--rot{--link-color: var(--gelb);--link-bg: var(--rot)}.link-back--gelb--rot{--link-color: var(--gelb);--link-bg: var(--rot)}.link-front--gelb--grau{--link-color: var(--gelb);--link-bg: var(--grau)}.link-back--gelb--grau{--link-color: var(--gelb);--link-bg: var(--grau)}.link-front--gelb--dunkelblau{--link-color: var(--gelb);--link-bg: var(--dunkelblau)}.link-back--gelb--dunkelblau{--link-color: var(--gelb);--link-bg: var(--dunkelblau)}.link-front--gelb--bg{--link-color: var(--gelb);--link-bg: var(--bg)}.link-back--gelb--bg{--link-color: var(--gelb);--link-bg: var(--bg)}.link-front--gelb--basis-weiss{--link-color: var(--gelb);--link-bg: var(--basis-weiss)}.link-back--gelb--basis-weiss{--link-color: var(--gelb);--link-bg: var(--basis-weiss)}.link-front--gelb--white{--link-color: var(--gelb);--link-bg: var(--white)}.link-back--gelb--white{--link-color: var(--gelb);--link-bg: var(--white)}.link-front--gelb--black{--link-color: var(--gelb);--link-bg: var(--black)}.link-back--gelb--black{--link-color: var(--gelb);--link-bg: var(--black)}.link-front--gelb--gelb{--link-color: var(--gelb);--link-bg: var(--gelb)}.link-back--gelb--gelb{--link-color: var(--gelb);--link-bg: var(--gelb)}a[class*=link-front--],[class*=link-front--] a{position:relative;display:inline-block;text-decoration:none;z-index:0;transition:color 300ms ease;color:var(--bg);padding:var(--gutter)}a[class*=link-front--]::before,[class*=link-front--] a::before{content:"";position:absolute;inset:0;background-color:var(--link-bg);transform:scaleX(1);transform-origin:left center;transition:transform 300ms ease;z-index:-1}a[class*=link-front--]:hover,[class*=link-front--] a:hover{color:var(--link-color);text-decoration:none}a[class*=link-front--]:hover::before,[class*=link-front--] a:hover::before{transform:scaleX(0)}a[class*=link-back--],[class*=link-back--] a{position:relative;display:inline-block;text-decoration:none;z-index:0;transition:color 300ms ease;color:var(--link-color);padding:var(--gutter)}a[class*=link-back--]::before,[class*=link-back--] a::before{content:"";position:absolute;inset:0;background-color:var(--link-bg);transform:scaleX(0);transform-origin:left center;transition:transform 300ms ease;z-index:-1}a[class*=link-back--]:hover,[class*=link-back--] a:hover{color:var(--bg);text-decoration:none}a[class*=link-back--]:hover::before,[class*=link-back--] a:hover::before{transform:scaleX(1)}::-moz-selection{color:var(--rot);background-color:var(--gelb)}::selection{color:var(--rot);background-color:var(--gelb)}::-moz-selection{color:var(--rot);background-color:var(--gelb)}:root{--gutter: .14rem;--gutter__half: .3rem;--index-width: 10vw;--height: 32px;--footer-height: 16px;--bg: #f3f3f3;--grau: #444444;--grau-alpha: rgba(202, 203, 198, 0.8);--dunkelblau: #0A0095;--blau: #1000e2;--blau-alpha: rgba(16, 0, 226, 0.92);--dunkelblau-alpha: rgba(10, 0, 149, 0.92);--rot: #ff3838;--gelb: #ff0;--basis-weiss: #ffffff;--white: white;--black: #1a1a1a;color-scheme:light dark;transition:background-color .3s ease,color .3s ease}*{margin-block-start:0;margin-block-end:0;margin:0;box-sizing:border-box}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;font-size:14px;line-height:18px;font-size:min(max(14px, 1.5vw), 22px);line-height:min(max(18px, 1.8vw), 22px);scroll-behavior:smooth}img{margin:0;padding:0;border:none;display:block}body{font-family:"ElmaMono",sans-serif;background-color:var(--bg);color:var(--grau)}.gsap-marker-scroller-start,.gsap-marker-scroller-end,.gsap-marker-start,.gsap-marker-end{z-index:9999 !important;pointer-events:none !important}@view-transition{navigation:auto}::view-transition-group(site-navigation){animation-duration:.35s;animation-timing-function:ease-out}::view-transition-old(site-navigation),::view-transition-new(site-navigation){animation-duration:.35s;animation-timing-function:ease-out}.hidemobile{display:none}#site-navigation{position:fixed;bottom:7vh;left:50%;transform:translateX(-50%);width:auto;height:auto;display:flex;flex-direction:row;z-index:9999;view-transition-name:site-navigation}#site-navigation.landing{bottom:50%;transform:translate(-50%, -50%)}.nav-item{display:inline-flex;align-items:center;justify-content:center;height:var(--height);line-height:var(--height);cursor:pointer}.nav-item a{text-decoration:none;color:inherit;padding:0 .5rem}.nav-item.blue{background:blue;color:var(--white);z-index:1}.nav-item.red{background:red;color:var(--black)}.nav-item.red:hover{background:var(--black);color:var(--white)}.nav-item.red{transition:background .2s ease,color .2s ease}.nav-item.yellow{background:#ff0;color:var(--black)}.nav-item.yellow:hover{background:var(--grau);color:var(--black)}.nav-item.yellow{transition:background .2s ease,color .2s ease}.nav-item.nav-about,.nav-item.nav-index,.nav-item.nav-text{position:absolute;top:0;left:0}.nav-item.nav-text{flex-direction:column;overflow:hidden;width:0px}.nav-item.nav-text .nav-text-content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.nav-item.nav-text .nav-text-content{padding:0 .5rem;white-space:nowrap;pointer-events:none}.page-wrapper{display:flex;flex-direction:column;gap:1rem;background:var(--bg);padding:var(--gutter);margin-bottom:8rem}.flex-block{width:100%}.flex-block h4{display:table;background:var(--grau);color:var(--white);padding:0 .25rem;margin:.25rem 0}.flex-block h5{display:table;background:var(--blau);color:var(--white);padding:0 .25rem;margin:.25rem 0}.flex-one-block{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem}.flex-two-block{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem}.flex-two-col{display:flex;flex-direction:column;gap:1rem;flex:1 1 0;min-width:0}.flex-two-left{position:sticky;bottom:0}.flex-block-headline{position:sticky;top:0;height:-moz-min-content;height:min-content;width:-moz-min-content;width:min-content}.flex-block-headline a{--link-color: var(--gelb);--link-bg: var(--rot);position:relative;display:inline-block;text-decoration:none;z-index:0;transition:color 300ms ease;color:var(--bg);padding:var(--gutter)}.flex-block-headline a::before{content:"";position:absolute;inset:0;background-color:var(--link-bg);transform:scaleX(1);transform-origin:left center;transition:transform 300ms ease;z-index:-1}.flex-block-headline a:hover{color:var(--link-color);text-decoration:none}.flex-block-headline a:hover::before{transform:scaleX(0)}.flex-block-headline a{color:var(--black)}.flex-block-headline a:hover{color:var(--rot)}.flex-block-text a{--link-color: var(--rot);--link-bg: var(--gelb);position:relative;display:inline-block;text-decoration:none;z-index:0;transition:color 300ms ease;color:var(--link-color);padding:var(--gutter)}.flex-block-text a::before{content:"";position:absolute;inset:0;background-color:var(--link-bg);transform:scaleX(0);transform-origin:left center;transition:transform 300ms ease;z-index:-1}.flex-block-text a:hover{color:var(--bg);text-decoration:none}.flex-block-text a:hover::before{transform:scaleX(1)}.flex-block-text a:hover{color:var(--blau)}.flex-block-text{width:100%}.page-content-wrapper{display:flex;flex-direction:column;gap:1rem}.projects-list-left{width:100%;display:flex;flex-direction:column;gap:1rem}.projects-list-right{width:100%;display:flex;flex-direction:column;gap:1rem}.infinite-scroll-column{height:100vh;height:100dvh;overflow:hidden;position:relative}.infinite-scroll-column .landing-project-item{will-change:transform}.landing-project-item{display:flex;flex-direction:column;gap:1rem;opacity:0;transition:opacity .6s ease-out}.landing-project-item.is-visible{opacity:1}.landing-project-info{display:flex;flex-direction:column;gap:.5rem;width:100%}.landing-project-number{font-size:14px;line-height:15.4px;letter-spacing:-0.7px}.landing-project-details{display:flex;flex-direction:column;gap:1rem}.landing-project-still{display:flex;justify-content:start;width:100%;height:auto;max-height:50vw;aspect-ratio:var(--aspect-ratio)}.landing-project-still img,.landing-project-still video{width:auto;max-width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.horizontal-projects-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%}.horizontal-projects-scroll-inner{display:flex;flex-direction:row;gap:8rem;padding:2rem var(--gutter);margin-top:2rem;margin-bottom:4rem;width:auto;height:100%}.horizontal-projects-scroll .landing-project-item{flex-shrink:0;width:auto;height:30vh;flex-direction:row;align-items:stretch}.horizontal-projects-scroll .landing-project-still{height:100%;width:auto;max-height:none;max-width:none}.horizontal-projects-scroll .landing-project-still img,.horizontal-projects-scroll .landing-project-still video{display:block;height:100%;width:auto;max-width:none;-o-object-fit:unset;object-fit:unset}.project-cover-video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.project-body{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.project-body .project-info,.project-body .project-credits{display:flex;flex-direction:column;gap:1rem}.project-stills-wrapper{position:relative;display:flex;flex-direction:row}.project-stills-scroll-track{position:sticky;top:0;left:0;width:10px;height:100vh;height:100dvh;min-height:80px;flex-shrink:0;background:var(--bg)}.project-stills-scroll-fake-thumb{position:absolute;left:0;width:calc(100% - var(--gutter)/2);height:50px;min-height:50px;background:var(--blau);opacity:.5}.project-stills-scroll-thumb{position:absolute;left:0;width:calc(100% - var(--gutter)/2);height:50px;min-height:50px;background:var(--blau);cursor:grab}.project-stills-scroll-thumb:active{cursor:grabbing}.project-stills-scroll-thumb:hover{background:var(--blau-alpha)}.project-stills-index{display:flex;flex-direction:column;gap:var(--gutter);align-self:flex-start;width:var(--index-width);background:var(--white);padding:var(--gutter);padding-top:.5rem;z-index:2}.project-still-index-thumbnail{opacity:1;transition:opacity 250ms linear;aspect-ratio:var(--aspect-ratio);overflow:hidden}.project-still-index-thumbnail p{padding-bottom:var(--gutter)}.project-still-index-thumbnail img,.project-still-index-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-still-index-thumbnail.hover{opacity:.5}.project-stills.no-index{--index-width: 0px;padding:var(--gutter)}.project-stills{display:flex;flex-direction:column;gap:var(--gutter);width:calc(100% - var(--index-width));height:100%}.project-still{width:100%;height:100%;aspect-ratio:var(--aspect-ratio)}.project-still img,.project-still video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.index-content{cursor:grab;display:flex;flex-direction:row;gap:var(--gutter);height:100vh;height:100dvh;width:100%;padding:var(--gutter);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.index-content.is-dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.index-content .index-post{--index-width:19vw;width:var(--index-width);flex:0 0 var(--index-width);flex-shrink:0;height:100%;opacity:0;transition:opacity .6s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}´ .index-content .index-post::-webkit-scrollbar{display:none}.index-content .index-post{-ms-overflow-style:none;scrollbar-width:none}.index-content .index-post .index-post-header{position:sticky;top:0;z-index:1;background-color:var(--white);padding:var(--gutter)}.index-content .index-post .index-thumbnail-wrapper{display:flex;flex-direction:column;gap:var(--gutter);cursor:ns-resize}.index-content .index-post .index-thumbnail{width:100%;height:auto;aspect-ratio:var(--aspect-ratio)}.index-content .index-post .index-thumbnail img,.index-content .index-post .index-thumbnail video{display:block;width:100%;height:100%}.index-post.is-visible{opacity:1}.lazy{background-color:var(--dunkelblau);opacity:0;transition:opacity 400ms ease-out}.lazy:not(.lazy-loaded){opacity:0;transition:opacity 600ms ease-out 200ms}.lazy.lazy-loaded{opacity:1;background-color:rgba(0,0,0,0);transition:opacity 600ms ease-out}.video-fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-fullscreen-overlay.active{opacity:1;visibility:visible}.video-fullscreen-player{transform:rotate(90deg);width:100vh;width:100dvh;height:100vw;height:100dvw;-o-object-fit:contain;object-fit:contain}.video-fullscreen-close{--ease: cubic-bezier(0.79, 0.09, 0.29, 0.87);position:absolute;top:50%;left:1.5rem;width:auto;height:var(--height);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:clip-path .2s var(--ease),opacity .2s var(--ease),visibility .2s var(--ease);z-index:10;transform:rotate(90deg) translateX(-50%);visibility:hidden;pointer-events:none;border-radius:0;border:none;clip-path:inset(100% 0 0 0)}.video-fullscreen-overlay.controls-visible .video-fullscreen-close{clip-path:inset(0 0 0 0);transition:clip-path .2s var(--ease),opacity .2s var(--ease),visibility .2s var(--ease);visibility:visible;pointer-events:auto}.video-fullscreen-close:hover{background:hsla(0,0%,100%,.2)}.project-cover{cursor:pointer;position:relative}.project-cover::after{content:"";display:block;position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%) scale(0.6);background:rgba(0,0,0,0);mix-blend-mode:difference;background-image:url("data:image/svg+xml;utf8,<svg width='20' height='20' xmlns='http://www.w3.org/2000/svg'><polygon points='5,3 16,10 5,17' fill='white'/></svg>");background-repeat:no-repeat;background-position:center;background-size:20px 20px;opacity:.85;pointer-events:none;transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1)}.project-cover:hover::after{transform:translate(-50%, -50%) scale(1)}.about-cover{height:80vh;height:80dvh;width:100%;position:relative;background-color:var(--dunkelblau)}.about-cover .about-cover-background{height:100%;background-image:url("../assets/cover-bg-mobile.svg");background-size:contain;background-position:center;background-repeat:repeat}.about-cover .about-cover-image{position:fixed;top:40vh;top:40dvh;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;width:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.97;z-index:2}.about-cover .about-cover-image img,.about-cover .about-cover-image video{height:50vh;width:auto;-o-object-fit:contain;object-fit:contain}.about-cover .about-cover-content{position:fixed;top:40vh;top:40dvh;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:row;gap:0;z-index:3}.about-cover .about-cover-content a{display:inline}.about-text{display:flex;flex-direction:column;gap:3rem;font-family:"Elma Mono",monospace;font-size:3rem;line-height:2.8rem;letter-spacing:-0.05em;color:var(--grau)}.about-text-block:last-child{font-size:14px;line-height:15.4px}.about-text-block-content{opacity:.35}.about-text-block-content-overlay{display:none}.about-content-wrapper{position:relative;z-index:1}.about-credit{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;pointer-events:none}.about-credit-block{--x: 0;--y: 0;--w: 100%;--color: var(--rot);display:flex;flex-direction:row;gap:1rem;padding:.5rem;position:absolute;top:var(--y);left:0;width:var(--w);pointer-events:initial;will-change:transform}.about-credit-block.grau-alpha{background-color:var(--grau-alpha)}.about-credit-block.dunkelblau-alpha{background-color:var(--dunkelblau-alpha);color:var(--bg)}.about-credit-block-title{white-space:nowrap}.about-credit-block-content{width:100%;overflow:hidden}.about-text-block .about-text-block-content{width:100%;letter-spacing:normal}.about-credit-block,.about-text-block-content-overlay{cursor:context-menu;transition:clip-path .35s cubic-bezier(0.4, 0, 0.2, 1);clip-path:inset(0% 0% 0% 0%)}.about-credit-block.hide,.about-text-block-content-overlay.hide{clip-path:inset(0% 0% 0% 100%);transition:clip-path .35s cubic-bezier(0.4, 0, 0.2, 1)}.site-footer{height:var(--footer-height);position:fixed;bottom:.25rem;left:50%;transform:translateX(-50%);width:auto;z-index:9999;padding:0 .5rem}.footer-nav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;list-style:none;padding:0;margin:0;height:100%}.footer-nav li{height:100%;align-self:center}.footer-nav a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 .25rem}.error-404{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;height:100vh;height:100dvh}.error-404 header{text-align:center}@media screen and (min-width: 900px){.hidedesktop{display:none !important}.hidemobile{display:block}#site-navigation.about{bottom:55%;transform:translate(-50%, -50%)}.page-content-wrapper{flex-direction:row}.projects-list-left{width:50%}.projects-list-right{width:50%}.page-content-wrapper{height:100vh;overflow:hidden}.infinite-scroll-column{height:100vh;overflow:hidden;position:relative}.infinite-scroll-column .landing-project-item{will-change:transform}.landing-project-item{flex-direction:row;gap:2rem;opacity:0;transition:opacity .6s ease-out}.landing-project-item.is-visible{opacity:1}.landing-project-info{width:var(--index-width)}.horizontal-projects-scroll-inner .landing-project-info{width:100%}.landing-project-still{max-width:calc(100% - var(--index-width));max-height:calc((50vw - var(--index-width))/2);aspect-ratio:var(--aspect-ratio)}.project-item{gap:6px}.project-body{flex-direction:row}.project-body .project-info,.project-body .project-credits{flex-direction:row}.project-body .project-info{gap:var(--gutter);width:60%}.project-body .project-info h2{width:var(--index-width)}.project-body .project-info p{width:60%}.project-body .project-credits{width:40%}.project-title-brand{font-size:14px;line-height:15.4px;letter-spacing:-0.7px}.project-image{height:272px;max-width:405px}.project-item:nth-child(1) .project-image{max-width:405px}.project-item:nth-child(2) .project-image{flex:1 1 0;min-width:0;min-height:0}.project-item:nth-child(3) .project-image{max-width:362px}.project-cover-video{max-height:90vh;background:#000}.index-content{cursor:grab;overflow-x:auto;overflow-y:hidden}.index-content.is-dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.index-content .index-post{--index-width: 7.7vw;width:var(--index-width);flex:0 0 var(--index-width);flex-shrink:0;opacity:0;transition:opacity .6s ease-out}.index-post.is-visible{opacity:1}.about-cover{min-height:80vh;min-height:80dvh;justify-content:flex-end;align-items:stretch}.about-cover .about-cover-content{transform:translate(-50%, calc(-50% + 2 * var(--height)))}.about-cover .about-cover-background{background-image:url("../assets/cover-bg-desktop.svg")}.about-credit-block{left:var(--x)}.about-text:has(.about-text-block-content-overlay){overflow:hidden;height:3rem}.about-text-block-content-overlay{--x: 30vw;--y: 0;--w: 40vw;--color: var(--rot);opacity:1;display:block;background-color:var(--color);position:absolute;top:var(--y);left:var(--x);width:var(--w);z-index:1}.video-fullscreen-player{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:rotate(0)}.video-fullscreen-close{top:initial;bottom:5vh;left:50%;transform:translateX(-50%) rotate(0)}.flex-two-block{flex-direction:row}.flex-two-col{flex-direction:row}}/*# sourceMappingURL=app.css.map */