@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,900;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);.work{height:70vh}.work-slider{position:relative;top:100vh}.work-single{width:60vw;height:60vh;background-color:#a5b5be;position:absolute;top:0;left:50%;margin-left:-30vw;transition:transform 1.3s ease}.work-single.slide{transform:translateY(150%)}.work-single.slide-active{transform:translateY(0)}.work-single .work-image{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:#0b0b0e;z-index:-1}.work-single .work-image img,.work-single .work-image video{mix-blend-mode:luminosity;min-height:100%;min-width:100%;width:auto;opacity:.3;z-index:-1;transition:all .6s ease}.work-single .work-image img:hover,.work-single .work-image video:hover{mix-blend-mode:normal;opacity:.6}.work-single .work-texts{display:flex;justify-content:space-between;flex-direction:column;height:80vw;align-items:center;margin:25% -30px;z-index:3}.work-single .headline,.work-single h2{color:#fff;font-family:"Bebas Neue",sans-serif;display:inline-block;font-weight:400;font-size:40px;margin-bottom:0}.work-single .headline:after,.work-single h2:after{position:relative;display:block;height:2px;width:100%;background-color:#fff;margin-top:.1em;content:""}.work-single h2{width:100%}.work-single .caption{color:#a5b5be}.work-single .caption span{padding-right:15px}.work-single .caption span:last-child{padding-right:0}.work-slider-switcher{position:absolute;bottom:0;left:20%;color:#fff;font-size:40px;font-family:"Bebas Neue",sans-serif;cursor:pointer}.work-slider-switcher span{display:inline-block;transform:translateX(0);transition:transform 1s ease}.work-slider-switcher:hover span{transform:translateX(15px)}@media only screen and (min-width:760px){.work-single .work-texts{height:40vh}}@media only screen and (min-width:1030px){.work-single .work-texts{flex-direction:row;height:auto}.work-slider-switcher{bottom:100px}}.project-container{opacity:0;position:relative;top:100vh}.project{margin:30px}.project h1{font-size:5em;width:80%}.project .section-title{position:fixed;color:#0b0b0e;-webkit-text-stroke-color:#0b0b0e;right:-100px}.project .next-page{transform:rotate(-90deg);font-size:2em;margin-left:-90px;margin-top:80px;margin-bottom:200px;display:inline-block;position:relative;bottom:30px;color:#0b0b0e}.project .next-page span{display:inline-flex;align-items:center;font-family:"Bebas Neue",sans-serif;cursor:pointer}.project .next-page span .dash{display:inline-block;height:3px;width:45px;background-color:#0b0b0e;margin:0 15px;transition:transform 1s ease}.project .next-page span:hover .dash{transform:translate(-20px)}.project-top{display:flex;flex-direction:column-reverse;justify-content:space-between}.project-top .project-manchet{width:100%;margin-bottom:120px}.project-top .project-manchet--description{font-size:1.3em;margin-bottom:1em;margin-right:60px}.project-top .project-manchet--tech{color:#3b5768;font-family:"Bebas Neue",sans-serif;display:flex;align-items:center;font-size:1.2em}.project-top .project-manchet--tech p{margin-left:15px}.project-top .project-top-image{width:100%;margin-bottom:30px}.project-top .project-top-image img,.project-top .project-top-image video{width:100%}.project-media{margin-bottom:120px}.project-media .project-medium img,.project-media .project-medium video{width:100%}.project-media .project-medium--description{font-size:1.3em;width:80%;margin-right:60px}@media only screen and (min-width:1030px){.project{margin-right:90px}.project .section-title{bottom:200px;right:-200px}.project-top{flex-direction:row}.project-top .project-manchet{width:40%}.project-top .project-manchet--description{margin-right:0}.project-top .project-top-image{width:50%}.project-media .project-medium--description{margin:3em 0;width:50%}}.about{color:#fff;height:70vh;position:absolute;bottom:0;margin-left:30px;margin-bottom:30px;display:flex;align-items:flex-end}.about .section-title{right:74vw}.about--texts{display:flex;overflow:scroll;width:200vw;font-size:1.3em;transform:translateX(0);transition:transform 1s ease}.about--texts.right{transform:translateX(-100vw)}.about--texts h2{font-family:"Bebas Neue",sans-serif;color:#a5b5be}.about--description{width:75vw;margin-right:90px}.about--tech{width:80vw}.about--tech h2{margin-bottom:0}.about--tech ul{margin-top:0;list-style:square}.about .mobile-more{height:50px;font-size:3em;bottom:-40px;position:absolute;z-index:199}@media only screen and (min-width:760px){.about--description{width:90vw}.about .section-title{right:88vw;bottom:86px}}@media only screen and (min-width:1030px){.about{margin-left:90px}.about .next-page{margin-left:-150px}.about .mobile-more{display:none}.about .section-title{right:-236px;bottom:220px}.about--texts{width:100%;overflow:hidden;font-size:1.3em}.about--texts h2{font-family:"Bebas Neue",sans-serif;color:#a5b5be}.about--description{width:65%;margin-right:90px}.about--tech h2{margin-bottom:0}.about--tech ul{margin-top:0;padding-left:60px;list-style:square}}.contact{margin-left:30px;margin-bottom:30px;height:100%}.contact--links{display:flex;flex-direction:column;height:100%}.contact--links .contact--links--main{font-size:2em}.contact--links .contact--links--sub{margin-top:auto;margin-bottom:30px}.contact h2{font-size:4em;color:#a5b5be;background:linear-gradient(45deg,#a5b5be,#3b5768,#f39,#a5b5be);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-animation:rainbow_animation 20s ease-in-out infinite;animation:rainbow_animation 20s ease-in-out infinite;background-size:400% 100%}.contact a{color:#3b5768;padding-right:15px}.contact .section-title{color:#0b0b0e;-webkit-text-stroke-color:#0b0b0e;bottom:140px;right:-180px}@media only screen and (min-width:1030px){.contact .section-title{bottom:321px;right:-363px}}.headline,h1,h2,h3{font-family:"Roboto",sans-serif;font-weight:900}a{font-family:"Bebas Neue",sans-serif;text-decoration:none;color:inherit}@-webkit-keyframes rainbow_animation{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes rainbow_animation{0%,to{background-position:0 0}50%{background-position:100% 0}}*{box-sizing:border-box}body{font-family:"Roboto",sans-serif;color:#0b0b0e;font-size:12px;margin:0}.Background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:#fff;transition:background-color .6s ease}.Background.front{z-index:200}.Background.dark,.Background.front{background-color:#0b0b0e}.header{display:flex;justify-content:space-between;width:auto;padding:15px 30px;align-items:center}.header .logo{font-family:"Bebas Neue",sans-serif;font-size:2em;z-index:202}.header .menuToggler{position:relative;height:15px;width:45px}.header .menuToggler span{width:45px;height:2px;background-color:#0b0b0e;display:block;position:absolute;transition:all 1s ease}.header .menuToggler span:first-child{top:0}.header .menuToggler span:nth-child(2){top:7.5px;left:-7.5px}.header .menuToggler span:last-child{top:15px}.header .menuToggler.nav-open{z-index:202}.header .menuToggler.nav-open span{background-color:#fff}.header .menuToggler.nav-open span:first-child{transform:rotate(45deg);top:10px}.header .menuToggler.nav-open span:nth-child(2){width:0}.header .menuToggler.nav-open span:last-child{transform:rotate(-45deg);top:10px}.header--open .logo a,.header.dark .logo a{color:#fff}.header--open .menuToggler span,.header.dark .menuToggler span{background-color:#fff}.header nav{position:fixed;left:0;top:0;right:0;bottom:0;width:100vw;height:100vh;color:#fff;z-index:200}.header nav.nav-closed{display:none}.header nav ul{position:absolute;bottom:200px;left:0;padding:0;margin-left:30px;list-style-type:none;font-size:40px}.header nav ul li{margin-bottom:10px}.header nav ul li:after{position:relative;display:block;height:2px;width:100%;background-color:#fff;margin-top:.1em;content:""}.caption{color:#3b5768;margin-top:0}.caption,.intro-text{font-family:"Bebas Neue",sans-serif}.intro-text{margin:25% auto auto;text-align:center;font-size:3em;padding:30px;color:#3b5768;background:linear-gradient(45deg,#a5b5be,#3b5768,#f39,#a5b5be);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-animation:rainbow_animation 20s ease-in-out infinite;animation:rainbow_animation 20s ease-in-out infinite;background-size:400% 100%}div.transition-group{position:relative}.section,section.route-section{position:absolute;width:100%;top:0;left:0;bottom:0;overflow:hidden;height:calc(100vh - 82px)}.section.section-nr--1,section.route-section.section-nr--1{overflow:visible;height:auto}.section-title{font-family:"Bebas Neue",sans-serif;color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;letter-spacing:.2em;font-weight:400;font-size:100px;transform:rotate(-90deg);position:absolute;right:-100px;margin-bottom:0;bottom:63px;pointer-events:none}.route-section{transition:transform .6s ease-out}.slide-down-enter{transform:translateY(100%)}.slide-down-enter.slide-down-active,.slide-down-exit{transform:translateY(0)}.slide-down-exit{position:absolute;top:0;left:0;width:100%}.slide-down-exit-active,.slide-up-enter{transform:translateY(-100%)}.slide-up-enter.slide-up-active,.slide-up-exit{transform:translateY(0)}.slide-up-exit{position:absolute;top:0;left:0;width:100%}.slide-up-exit-active{transform:translateY(100%)}.next-page{display:none}.cookiePrompt{transform:translateY(150vh)}@media only screen and (min-width:760px){body{font-size:14px}.intro-text{font-size:5.5em}}@media only screen and (min-width:1030px){body{font-size:16px}.section-title{font-size:200px;right:-200px;bottom:200px}.next-page{transform:rotate(-90deg);font-size:2em;margin-bottom:100px;display:inline-block;margin-left:-53px;position:fixed;bottom:30px}.next-page a{display:inline-flex;align-items:center;background:linear-gradient(45deg,#a5b5be,#3b5768,#f39,#a5b5be);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-animation:rainbow_animation 20s ease-in-out infinite;animation:rainbow_animation 20s ease-in-out infinite;background-size:400% 100%}.next-page a .dash{display:inline-block;height:3px;width:45px;background-color:#a5b5be;margin:0 15px;transition:transform 1s ease}.next-page a:hover .dash{transform:translate(-20px)}}
/*# sourceMappingURL=main.d8a1c645.chunk.css.map */