header{position:fixed;display:flex;width:100%;height:var(--headerHeight);top:0;left:0;z-index:999;align-items:center;justify-content:center;background:var(--white)}.home header,.page-template-about header,.page-template-contact header,.single-project header{background:linear-gradient(to bottom,rgba(0,0,0,.1) 20%,rgba(0,0,0,0) 100%)}.scrolled.home header,.scrolled.page-template-about header,.scrolled.page-template-contact header,.scrolled.single-project header{background:var(--white)}header .header-inner{position:fixed;display:flex;width:100%;height:fit-content;padding:0 var(--lateralMargin);overflow:hidden;justify-content:space-between;align-items:center}header .header-inner .logo{position:relative;display:block;height:fit-content;width:12.65vw}header .header-inner .logo svg{position:relative;display:block;width:100%;height:auto;fill:var(--black);transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease}.home header .header-inner .logo svg,.page-template-about header .header-inner .logo svg,.page-template-contact header .header-inner .logo svg,.single-project header .header-inner .logo svg{fill:var(--white)}.scrolled.home header .header-inner .logo svg,.scrolled.page-template-about header .header-inner .logo svg,.scrolled.page-template-contact header .header-inner .logo svg,.scrolled.single-project header .header-inner .logo svg{fill:var(--black)}header .header-inner .nav-wrapper{padding-right:calc(var(--columnGap) * 1 );line-height:1;height:1.21vw}header .header-inner .nav-wrapper .menu{position:relative;display:flex;flex-wrap:wrap;height:100%;width:fit-content;column-gap:3.228vw;height:fit-content;transform:translate(0,-.358vw)}header .header-inner .nav-wrapper .menu a{color:var(--black);line-height:1.25}.home header .header-inner .nav-wrapper .menu a,.page-template-about header .header-inner .nav-wrapper .menu a,.page-template-contact header .header-inner .nav-wrapper .menu a,.single-project header .header-inner .nav-wrapper .menu a{color:var(--white)}.scrolled.home header .header-inner .nav-wrapper .menu a,.scrolled.page-template-about header .header-inner .nav-wrapper .menu a,.scrolled.page-template-contact header .header-inner .nav-wrapper .menu a,.scrolled.single-project header .header-inner .nav-wrapper .menu a{color:var(--black)}#hamburger .hamburger-wrapper,.menu-opened .hamburger-wrapper{display:none}.hamburger-wrapper{position:absolute;width:100%;height:calc( var(--vh, 1vh) * 100 );top:0;left:0;background-color:var(--white);z-index:-1;opacity:0;pointer-events:none;transition:opacity .4s ease;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-o-transition:opacity .4s ease;overflow:hidden}.menu-opened .hamburger-wrapper{opacity:1;pointer-events:all}@media only screen and (max-width:900px){header{height:70px}header .header-inner .logo{width:150px}header .header-inner .nav-wrapper{display:none}#hamburger{display:block;position:fixed;z-index:1;right:16px;top:24px;width:26px;height:22px}.toggleMenu span{margin:0 auto;position:relative;top:11px}.toggleMenu span:before,.toggleMenu span:after{position:absolute;content:''}.toggleMenu span,.toggleMenu span:before,.toggleMenu span:after{width:26px;height:1px;background-color:var(--black);display:block}.home .toggleMenu span,.home .toggleMenu span:before,.home .toggleMenu span:after,.page-template-about .toggleMenu span,.page-template-about .toggleMenu span:before,.page-template-about .toggleMenu span:after,.page-template-contact .toggleMenu span,.page-template-contact .toggleMenu span:before,.page-template-contact .toggleMenu span:after,.single-project .toggleMenu span,.single-project .toggleMenu span:before,.single-project .toggleMenu span:after{background-color:var(--white)}.scrolled.home .toggleMenu span,.scrolled.home .toggleMenu span:before,.scrolled.home .toggleMenu span:after,.scrolled.page-template-about .toggleMenu span,.scrolled.page-template-about .toggleMenu span:before,.scrolled.page-template-about .toggleMenu span:after,.scrolled.page-template-contact .toggleMenu span,.scrolled.page-template-contact .toggleMenu span:before,.scrolled.page-template-contact .toggleMenu span:after,.scrolled.single-project .toggleMenu span,.scrolled.single-project .toggleMenu span:before,.scrolled.single-project .toggleMenu span:after{background-color:var(--black)}.toggleMenu span:before{margin-top:-10px}.toggleMenu span:after{margin-top:10px}.toggleMenu span{-webkit-transition-duration:0s;-webkit-transition-delay:.05s;-moz-transition-duration:0s;-moz-transition-delay:.05s}.menu-opened .toggleMenu span{background-color:rgba(0,0,0,.0) !important;-webkit-transition-delay:.1s;-moz-transition-delay:.1s}.toggleMenu span:before{-webkit-transition-property:margin,-webkit-transform;-webkit-transition-duration:.1s;-webkit-transition-delay:.1s,0;-moz-transition-property:margin,-webkit-transform;-moz-transition-duration:.1s;-moz-transition-delay:.1s,0}.menu-opened .toggleMenu span:before{background:#000 !important;margin-top:0;-webkit-transform:rotate(45deg);-webkit-transition-delay:0,.1s;-moz-transform:rotate(45deg);-moz-transition-delay:0,.1s}.toggleMenu span:after{-webkit-transition-property:margin,-webkit-transform;-webkit-transition-duration:.1s;-webkit-transition-delay:.1s,0;-moz-transition-property:margin,-webkit-transform;-moz-transition-duration:.1s;-moz-transition-delay:.1s,0}.menu-opened .toggleMenu span:after{background:#000 !important;margin-top:0;-webkit-transform:rotate(-45deg);-webkit-transition-delay:0,.1s;-moz-transform:rotate(-45deg);-moz-transition-delay:0,.1s}.hamburger-wrapper,.menu-opened .hamburger-wrapper{display:block}.hamburger-inner{position:relative;display:flex;flex-flow:column;width:100%;height:100%;justify-content:flex-end;padding:60px var(--columnGap) 20px}.hamburger-wrapper .menu{padding-bottom:31px}.hamburger-wrapper .menu li{font-size:60px;line-height:63px;letter-spacing:-2px;font-family:'RecklessNeue-Book','Times New Roman',Times,serif}.hamburger-wrapper .menu li a{color:var(--black)}.hamburger-wrapper .menu li a{color:var(--black)}.hamburger-wrapper .contact-wrapper{position:relative;display:flex;flex-flow:column;row-gap:22px}.hamburger-wrapper .contact-wrapper .row{position:relative;display:flex;flex-flow:column;row-gap:7px}.hamburger-wrapper .contact-wrapper .row .caption{font-size:9px;letter-spacing:1.4px}.hamburger-wrapper .contact-wrapper .row a{font-size:20px}}