@font-face{font-family:Overused Grotesk;font-style:normal;font-weight:300;font-feature-settings:"ss05", "ss06", "ss07", "cv05";src:url(/build/assets/OverusedGrotesk-Light-DG-lLO_z.woff2)format("woff2"),url(/build/assets/OverusedGrotesk-Light-DSix1U8U.woff)format("woff"),url(/build/assets/OverusedGrotesk-Light-0J_VogR1.ttf)format("truetype");font-display:swap}@font-face{font-family:Overused Grotesk;font-style:italic;font-weight:300;font-feature-settings:"ss05", "ss06", "ss07", "cv05";src:url(/build/assets/OverusedGrotesk-LightItalic-DPq0p7FO.woff2)format("woff2"),url(/build/assets/OverusedGrotesk-LightItalic-D6RfxIFI.woff)format("woff"),url(/build/assets/OverusedGrotesk-LightItalic-J6LisGmd.ttf)format("truetype");font-display:swap}@font-face{font-family:Overused Grotesk;font-style:normal;font-weight:500;font-feature-settings:"ss05", "ss06", "ss07", "cv05";src:url(/build/assets/OverusedGrotesk-Medium-Dd_veWuy.woff2)format("woff2"),url(/build/assets/OverusedGrotesk-Medium-BcyAN8b7.woff)format("woff"),url(/build/assets/OverusedGrotesk-Medium-Dj92DTsz.ttf)format("truetype");font-display:swap}@font-face{font-family:Overused Grotesk;font-style:italic;font-weight:500;font-feature-settings:"ss05", "ss06", "ss07", "cv05";src:url(/build/assets/OverusedGrotesk-MediumItalic-BKWFpnXD.woff2)format("woff2"),url(/build/assets/OverusedGrotesk-MediumItalic-DxSc3DuK.woff)format("woff"),url(/build/assets/OverusedGrotesk-MediumItalic-W1jlw3Bz.ttf)format("truetype");font-display:swap}::selection{color:var(--clr-bg,#fff);background:var(--clr-lines,#c8c8c8)}body{font-family:Overused Grotesk,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:var(--font-size-s);line-height:var(--font-size-s-lh);letter-spacing:var(--font-size-s-ls);color:var(--clr-text,#1e1e1e);background-color:var(--clr-bg,#fff);font-weight:300}strong{font-weight:500}.grid{grid-template-columns:1fr 1fr;max-width:100vw;min-height:100vh;display:grid}.header{z-index:3;background-color:var(--clr-bg,#fff);border-bottom:1px solid var(--clr-lines,#c8c8c8);grid-template-columns:1fr 5fr 2fr;width:50%;margin-bottom:-1px;display:grid;position:fixed}.title{font-size:var(--font-size-l);line-height:var(--font-size-l-lh);letter-spacing:var(--font-size-l-ls);padding:0 var(--spacer) var(--spacer) var(--spacer);grid-column:1/3}.menu{margin-left:var(--spacer);padding:0 var(--spacer) var(--spacer) var(--spacer);font-size:var(--font-size-l);line-height:var(--font-size-l-lh);letter-spacing:var(--font-size-l-ls);text-align:center;color:var(--clr-lines,#c8c8c8);border-left:1px solid var(--clr-lines,#c8c8c8);position:relative}.menu:hover,.menu:focus-visible{cursor:pointer;background-color:var(--clr-lines,#c8c8c8);color:var(--clr-bg,#fff)}.menu-close:after{content:"↤";padding:0 var(--spacer) var(--spacer) var(--spacer);background-color:var(--clr-lines,#c8c8c8);color:var(--clr-bg,#fff);position:absolute;inset:0}.info{z-index:3;border-top:1px solid var(--clr-lines,#c8c8c8);border-right:1px solid var(--clr-lines,#c8c8c8);background-color:var(--clr-bg,#fff);transition:transform .25s ease-out;position:fixed;top:0;bottom:0;right:50vw;overflow:hidden scroll;transform:translate(-100vw)}.info-show{transform:translate(0)}.info h1,.info h2,.info h3,.info h4,.info h5,.info h6{color:var(--clr-text-light,#afafaf);font-size:inherit;padding:var(--spacer) var(--spacer) 1.5em var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8);border-bottom:1px solid var(--clr-lines,#c8c8c8);margin-block:0;font-weight:500;display:block}.info-about{max-width:960px;padding:0 var(--spacer) var(--spacer) var(--spacer);font-size:var(--font-size-m);line-height:var(--font-size-m-lh);letter-spacing:var(--font-size-m-ls)}.info-about p{margin-top:0}.info-wrapper{grid-template-columns:1fr 1fr;align-items:start;display:grid}.info-contact{padding:var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8);position:sticky;top:-1px}.info-contact p:first-child{margin-top:0}.info-cv{border-left:1px solid var(--clr-lines,#c8c8c8);padding-bottom:1.5em}.info-cv p{max-width:360px;margin-inline:var(--spacer);margin-block:1em 0}.info-cv li{padding-left:1.25em;position:relative}.info-cv li:before{content:"↦";left:var(--spacer);position:absolute}.info-cv li p{margin-block:0}.info-imprint{padding:var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8);color:var(--clr-text-light,#afafaf)}.info-imprint p:first-child{margin-top:0}.info-credit{color:var(--clr-text-light,#afafaf);padding:var(--spacer) var(--spacer) var(--font-size-l) var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8)}.project-infos{background-color:var(--clr-bg,#fff);grid-column:1/2;grid-template-columns:1fr 5fr 2fr;align-items:start;display:grid;position:sticky;top:1rem}.project-year{letter-spacing:0;font-feature-settings:"tnum";padding:calc(var(--spacer) * .5) var(--spacer) var(--spacer) var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8);grid-column:1/2}.project-title{font-size:var(--font-size-l);line-height:var(--font-size-l-lh);letter-spacing:var(--font-size-l-ls);text-wrap:balance;text-overflow:ellipsis;padding:0 var(--font-size-l) var(--spacer) var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8);grid-column:2/3;transition:padding 75ms ease-in-out;overflow:hidden}.project-title-hover{cursor:pointer;padding:0 var(--spacer) var(--spacer) var(--font-size-l)}.project-categories{padding:calc(var(--spacer) * .5) var(--spacer) var(--spacer) var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8);grid-column:3/4}.project-category{display:inline}.project-category:not(:last-child):after{content:",";white-space:pre-wrap}.project-category[data-active=true]{color:var(--clr-text,#1e1e1e)}.project-category[data-active=false]{color:var(--clr-text-light,#afafaf)}.project-categories[data-filter=false] .project-category[data-active=false]{color:var(--clr-text,#1e1e1e)}.project-category:hover{color:var(--clr-text,#1e1e1e);overflow:hidden}.project-category[data-active=true]:hover{color:var(--clr-text-light,#afafaf);text-decoration:line-through}.project-category[data-active=true] a:hover{background-color:#0000}.project-category a{color:inherit}.project-image-wrapper:hover{background-color:#0000}.project-image-wrapper{z-index:2;grid-column:2/3;grid-template-rows:auto 1fr;align-self:start;max-height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.project-image-wrapper picture{display:contents}.project-image-wrapper source{display:none}.project-image{justify-self:center;height:auto;max-height:100vh}.project-image img{transition:transform 75ms ease-in-out}.project-image-hover{transform:scale(1.03)}.filter{grid-column:span 3}.filter-item{font-size:var(--font-size-l);line-height:var(--font-size-l-lh);letter-spacing:var(--font-size-l-ls);padding:0 var(--spacer) var(--spacer) var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8)}.filter-item a:hover{cursor:pointer;color:var(--clr-lines,#c8c8c8);text-decoration:line-through}.sticky{position:sticky;top:0}.hidden{opacity:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}:root{--vt-duration:.55s;--vt-easing:cubic-bezier(.22, 1, .36, 1)}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.header{view-transition-name:header}.bot-nav{view-transition-name:bot-nav}::view-transition-group(*){animation-duration:var(--vt-duration);animation-timing-function:var(--vt-easing)}::view-transition-old(*){animation-duration:var(--vt-duration);animation-timing-function:var(--vt-easing)}::view-transition-new(*){animation-duration:var(--vt-duration);animation-timing-function:var(--vt-easing)}:root:active-view-transition-type(forward)::view-transition-old(root){animation-name:slide-to-left}:root:active-view-transition-type(forward)::view-transition-new(root){animation-name:slide-from-right}:root:active-view-transition-type(backward)::view-transition-old(root){animation-name:slide-to-right}:root:active-view-transition-type(backward)::view-transition-new(root){animation-name:slide-from-left}:root:active-view-transition-type(morph)::view-transition-old(root){animation:calc(var(--vt-duration) * .36) ease-out both fade-out}:root:active-view-transition-type(morph)::view-transition-new(root){animation:calc(var(--vt-duration) * .64) calc(var(--vt-duration) * .36) ease-out both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-to-left{to{transform:translate(-100%)}}@keyframes slide-from-right{0%{transform:translate(100%)}}@keyframes slide-to-right{to{transform:translate(100%)}}@keyframes slide-from-left{0%{transform:translate(-100%)}}.footer{z-index:1;background-color:var(--clr-bg,#fff);min-height:100vh;position:sticky;top:0}.contact{padding:var(--spacer);border-top:1px solid var(--clr-lines,#c8c8c8);grid-template-columns:1fr 1fr;gap:1em;display:grid;position:sticky;top:0}.contact p{margin-top:0}@media only screen and (width<=1200px){:root{--font-size-l:2.5rem}}@media only screen and (width<=960px){:root{--font-size-l:2rem}}@media only screen and (width<=720px){:root{--font-size-l:2rem;--font-size-m:1rem;--font-size-s:.75rem;--font-size-xs:.75rem}.grid{grid-template-columns:1fr}.header{width:100%;position:sticky;top:0}.project-infos,.project-image-wrapper{z-index:0;grid-column:span 1}.info{right:0;transform:translate(-110vw)}.info-show{transform:translate(0)}.hidden{opacity:1}}@media only screen and (width<=420px){:root{--font-size-l:1.75rem}}