:root{--vh: 1vh;--image-placeholder: rgba(224, 224, 224, 0.2)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Apfel Grotezk";src:url("./../../assets/font/apfel-grotezk-latin-400-normal.woff2") format("woff2"),url("./../../assets/font/apfel-grotezk-latin-400-normal.woff") format("woff");font-weight:normal;font-style:normal}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:"Apfel Grotezk",sans-serif;font-size:clamp(20px, 1.5vw, 1.7rem);line-height:1.2em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#fff}body.is-waiting>*{cursor:wait !important}body.project-is-open,body.menu-is-open{overflow:hidden;height:100vh}body.is-loading .overlay-intro__wrapper{pointer-events:none}body.is-loading .overlay-intro{cursor:wait !important}body.cabinet-of-curiosities{background-color:#585256}body.cabinet-of-curiosities .header__left a,body.cabinet-of-curiosities .header__right a,body.cabinet-of-curiosities .menu-button{color:#fff}body.cabinet-of-curiosities .underline-link::before,body.cabinet-of-curiosities .underline-link::after{background:#fff}main{margin-top:5em}a{color:#000;text-decoration:none}:is([data-lightbox="image"], [data-lightbox="video"]){cursor:zoom-in}.fs-l{font-size:1.8em;line-height:1.2em}@media screen and (max-width: 852px){.fs-l{font-size:28px}}.fs-s{font-size:.8em;line-height:1.2em}.fs-xs{font-size:.6em;line-height:1.2em}.underline-link{position:relative;will-change:auto}.underline-link::before,.underline-link::after{position:absolute;width:100%;height:.07em;background:#000;top:98%;left:0;pointer-events:none}.underline-link::before{content:"";transform-origin:100% 50%;transform:scaleX(0);transition:transform .4s ease}.underline-link:hover::before{transform-origin:0% 50%;transform:scaleX(1)}.underline-link.active::before{transform-origin:0% 50%;transform:scaleX(1)}@media screen and (max-width: 852px){.underline-link:hover::before{display:none}}.fc-white{color:#fff}video{display:block;width:100%}.video{transition:all .5s ease-in-out}.video.muted .vjs-volume-panel{display:none !important}.video--with-poster-image{position:absolute;inset:0;width:100%;height:100%}.video-container{background-color:var(--image-placeholder);position:relative;overflow:hidden}.video-container--cursor{cursor:pointer}.video-sleepy-moon-container{position:relative}.video-sleepy-moon-wrapper{position:absolute;inset:0;width:100%;height:100%}img{width:100%;display:block}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity 400ms}.image-wrapper{position:relative;width:100%;background-color:var(--image-placeholder);overflow:hidden}.image-wrapper picture,.image-wrapper img{position:absolute;inset:0;width:100%;height:100%}.image-wrapper picture img,.image-wrapper img img{width:100%;height:100%}.cursor{position:fixed;top:0;pointer-events:none;z-index:99999;will-change:transform;mix-blend-mode:difference;background-color:transparent}.cursor div{background-color:#ff00bf;height:20px;width:20px;transition:transform .3s ease-in-out;border-radius:100%;will-change:transform}.cursor.grow div{transform:scale(2.6)}@media screen and (max-width: 852px){.cursor{display:none}}.lightbox{position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:9999;cursor:zoom-out}.lightbox.open{display:flex;opacity:1;pointer-events:auto}.lightbox-content{display:flex;justify-content:center;align-items:center;max-width:100%;max-height:100%}.lightbox-content img,.lightbox-content video{display:block;width:auto;height:auto;max-width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.lightbox-loader{display:none;position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;z-index:999}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lightbox-content img,.lightbox-content video{opacity:0;transition:opacity .4s ease}.project-item{cursor:pointer}.row{width:100%}.row--mb-1{margin-bottom:2em}.row--with-margin-bottom{margin-bottom:4em}.row--flexbox{display:flex;flex-wrap:wrap;column-gap:1em}.row--cg-tiny{column-gap:1em}.row--flexbox-jc-center{justify-content:center}.row--flexbox-jc-center .video-js .vjs-tech{position:initial !important}.row--add-margin div{margin-bottom:1em}.row--full-width{row-gap:1.5em}.row--full-width .project-item{width:100%}.row--col-2{row-gap:1em}.row--col-2 .project-item{width:calc(50% - (1em * 1 / 2))}.row--col-3{row-gap:1em}.row--col-3 .project-item{width:calc(33.333% - (1em * 2 / 3))}.row--col-4{row-gap:1em}.row--col-4 .project-item{width:calc(25% - (1em * 3 / 4))}@media screen and (max-width: 852px){.row--with-margin-bottom{margin-bottom:2em}.row--col-2,.row--col-3,.row--col-4{row-gap:1em}.row--col-2 .project-item,.row--col-3 .project-item,.row--col-4 .project-item{width:100%}}#grid{width:100%;opacity:0}#grid.show{opacity:1}@media screen and (max-width: 852px){#grid{opacity:1}}.grid-wrapper{padding:0 2em 0 2em}@media screen and (max-width: 852px){.grid-wrapper{padding:0 1em 0 1em}}.item--large:hover img,.video-container--cursor:hover .video{transform:scale(1.02)}@media screen and (max-width: 852px){.item--large:hover img,.video-container--cursor:hover .video{transform:none}}.grid-sizer,.item{width:calc(25% - (1em * 3 / 4))}.grid-sizer--large,.item--large{width:calc(33.333% - (1em * 2 / 3))}.grid-sizer--large img,.item--large img{transition:all .5s ease-in-out}@media screen and (max-width: 1024px){.grid-sizer,.item{width:calc(50% - (1em * 1 / 2))}}.gutter-sizer{width:1em}.item{margin-bottom:1em;cursor:pointer}.item--with-more-mb{margin-bottom:2em}.item__text{margin-top:.5em}@media screen and (max-width: 852px){.item{margin-bottom:1em}}.item--medium,.project-item--medium{width:calc(50% - (1em * 1 / 2))}.item--33,.project-item--33{width:calc(33.333% - (1em * 2 / 3))}@media screen and (max-width: 1024px){.item--33,.project-item--33{width:calc(50% - (1em * 1 / 2))}}@media screen and (max-width: 852px){.item--33,.project-item--33{width:100%}}.item--half,.project-item--half{width:calc(50% - (1em * 1 / 2))}.item--full,.project-item--full{width:100%}@media screen and (max-width: 852px){.item,.project-item{width:100%}}.header{position:absolute;top:0;width:100%;z-index:2;display:flex;justify-content:space-between;padding:1em 2em 0 2em;z-index:9}.header__right{display:flex;gap:1em}@media screen and (max-width: 852px){.header{margin-bottom:2em;padding:1em}.header__right a{display:none}.header__menu-button{display:block}}.menu-button{display:none;top:0;right:0;position:absolute;padding:1em;z-index:12;cursor:pointer}@media screen and (max-width: 852px){.menu-button{display:block}}.mobile-menu{position:fixed;inset:0;z-index:1;background-color:var(--image-placeholder);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .2s linear;background-color:#fec224}.mobile-menu__wrapper{display:flex;flex-direction:column;text-align:center;padding:0 1em 0 1em}.mobile-menu.show{opacity:1;pointer-events:auto}.overlay-intro{position:fixed;inset:0;background:#fff;z-index:12;cursor:pointer;transition:opacity .7s linear}.overlay-intro__wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.overlay-intro video{margin-top:-1em}.overlay-intro.hide{opacity:0;pointer-events:none}@keyframes showMoonVideo{from{opacity:0}to{opacity:1}}.project-header{margin-bottom:2em}.project-header__title-wrapper{padding:1em 2em 0 2em}.project-header--absolute{position:absolute;width:100%;display:flex;justify-content:space-between;top:0}.project-header--absolute div:first-child{padding:1em 2em 0 2em}.project-header--absolute div:last-child{padding:1em 2em 0 2em}.project-header--placeholder{pointer-events:none;display:flex;justify-content:space-between;position:sticky;top:0;z-index:9;width:100%}@media screen and (max-width: 852px){.project-header{margin-bottom:2em}.project-header__title-wrapper{padding:1em 1em 0 1em}.project-header--absolute div:first-child{padding:1em 1em 0 1em}.project-header--absolute div:last-child{padding:1em 1em 0 1em}}.hide-text{pointer-events:none;visibility:hidden;opacity:0}.close-button{padding:1em 2em 2em 2em;cursor:pointer;pointer-events:initial}@media screen and (max-width: 852px){.close-button{padding:1em;margin-right:0}}.project-container{padding:0 2em 0 2em;display:flex;flex-wrap:wrap}.project-container__header{margin-bottom:4em}.project-container--text{column-gap:1.5em}.project-container--text div:first-child{width:calc(25% - (1.5em * 3 / 4))}.project-container--text div:last-child{width:calc(75% - (1.5em / 4))}.project-container--dark{border-top:2px solid #000;padding-top:4em;margin-bottom:0}.project-container--with-margin-bottom{margin-bottom:4em}@media screen and (max-width: 852px){.project-container{padding:0 1em 0 1em}.project-container--text{flex-direction:column-reverse;row-gap:1em}.project-container--text div:first-child{width:100%}.project-container--text div:last-child{width:100%}.project-container--dark{padding-top:2em}.project-container__header{margin-bottom:2em}.project-container--with-margin-bottom{margin-bottom:2em}}.overlay{position:fixed;inset:0;background-color:#fff;width:100%;opacity:0;visibility:hidden;overflow-y:scroll;z-index:9}.overlay.show{opacity:1;visibility:visible}.wrapper-about{padding:0 2em 0 2em}@media screen and (max-width: 852px){.wrapper-about{padding:0 1em 0 1em}}.container-about{height:calc(100vh - 5em);width:calc(50% - .75em);display:flex;flex-direction:column}.container-about__up{display:flex;flex-direction:column;row-gap:.5em;flex:1}.container-about__down{margin-top:1em;margin-bottom:1em}@media screen and (max-width: 852px){.container-about{width:100%;transform:none}}.video-sleepy-moon{width:150px}/*# sourceMappingURL=styles.css.map */