@import url(https://fonts.googleapis.com/css2?family=Barlow&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400&display=swap);.progressLoader{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;font-size:6vw;z-index:1000;background:#14213d}.progressLoader #svg{width:max(10vh,10vw)}.progressLoader #svg .rectBG-a{fill:#ffb703;fill-rule:evenodd}.progressLoader #svg .rectBG-b{fill:#fb8500;fill-rule:evenodd}.progressLoader #svg .rectBG-negative{fill:#14213d}.curtain{inset:0 0 0 0;z-index:500;width:100%;height:100%;background-color:#ffb703}.curtain,.nav{position:fixed}.nav{top:.4rem;right:1.4rem;z-index:100}.nav span{display:inline-block;margin:1rem .8rem;font-size:1rem;letter-spacing:1px}.nav a{color:#fff}.nav a.router-link-exact-active{color:#ffb703}@media screen and (min-width:962px){.nav span{font-size:1.4rem}}.sectionBullets{display:none;z-index:300;position:fixed;right:2rem;top:50%;transform:translateY(-50%);opacity:1;transition:opacity 1s ease-in-out}.sectionBullets.hide{opacity:0}.sectionBullets .bullet{background-color:#fff;width:1rem;height:1rem;border-radius:1rem;margin:.7rem 0;transform:scale(.8);transition:all 1s ease-in-out}.sectionBullets .bullet a{display:block;width:100%;height:100%}.sectionBullets .currentBullet{background-color:#ffb703;transform:scale(1)}@media screen and (min-width:1366px){.sectionBullets{display:inline-block}}.canvas{width:100%;height:100vh;position:fixed;top:0;left:0;outline:none;z-index:-1}.scrollDown{z-index:200;display:inline-block;position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);color:#ffb703;font-size:4rem}.scrollDown i{display:block;text-align:center;opacity:1;transition:opacity 1s ease-in-out}.scrollDown i.hide{opacity:0}.hero{width:100%;height:100vh;align-items:center;padding:0 6vw}.hero,.hero .content{display:flex;flex-direction:column;justify-content:center}.hero .content{align-items:flex-start;padding:4vw;border-radius:10px}.hero .content h2{color:#ffb703;font-size:2.5rem;text-align:left;margin:0 0 1rem 0;padding:0}.hero .content p{color:#fff;font-size:1rem;margin:.5rem 0;padding:0}.hero .content .callButton{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:1rem 0 0 0;padding:0}.hero .content .callButton span a{color:#fff;font-size:1rem;letter-spacing:1px}.hero .content .callButton span a.router-link-exact-active{color:#fff}.hero .content .callButton span a:hover{color:#fb8500}@media screen and (min-width:1366px){.hero{align-items:flex-start}.hero .content{width:60%}.hero .content h2{font-size:4rem}.hero .content .callButton span a,.hero .content p{font-size:1.4rem}}.projectItem{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.projectItem,.projectItem .titleWrapper{position:relative}.projectItem .titleWrapper span{position:absolute;top:0;left:0}.projectItem .titleWrapper .titleClipBox{padding-bottom:.5vw;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.projectItem .titleWrapper .titleClipBox .titleContent{position:relative;width:100%;height:100%}.projectItem .titleWrapper .titleClipBox .titleContent h1{font-size:10vw}.projectItem .titleWrapper .titleClipBox .titleContent h1 a{font-family:Barlow,sans-serif;color:#fff}.projectItem .titleWrapper .titleClipBox .titleContent h1 a.router-link-exact-active{color:#fff}.projectItem .titleWrapper .titleClipBox .titleContent h1 a:hover{color:#fb8500}.projectItem .subtitleWrapper{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);position:relative;width:100%;height:4vw}.projectItem .subtitleWrapper h4{color:#fff;font-size:2.8vw;font-family:Manrope,sans-serif;font-weight:300}.projectItem .anim-slide{position:absolute;top:0;left:50%}.projectItem .anim-slide-up-hide{transform:translate(-50%,100%);transition:transform 1s ease}.projectItem .anim-slide-down-hide{transform:translate(-50%,-100%);transition:transform 1s ease}.projectItem .anim-slide-down-show,.projectItem .anim-slide-up-show{transform:translate(-50%);transition:transform 1s ease}@media screen and (min-width:1366px){.projectItem .titleWrapper:hover span{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.projectItem .titleWrapper span{z-index:-100;position:absolute;top:0;left:-7%;width:110%;height:100%;display:block;background-color:#ffb703;transform:rotate(2deg);transition:all 1s cubic-bezier(.51,.03,.29,.96);-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}.projectItem .titleWrapper .titleClipBox .titleContent h1 a,.projectItem .titleWrapper .titleClipBox .titleContent h1 a.router-link-exact-active,.projectItem .titleWrapper .titleClipBox .titleContent h1 a:hover{color:#fff}}.footer{min-height:100vh;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer .author{color:#ffb703;margin:2rem 0 0 0;font-size:1.4rem}.footer .field{color:#fff;font-size:1.4rem}.footer .field a{color:#fff}.footer .field a:hover{color:#fb8500}.footer .mediaList{display:flex;flex-direction:row;justify-content:center;align-items:center}.footer .mediaList li{margin:2rem 1rem}.footer .mediaList li h5{color:#ffb703;font-size:1.4rem}@media screen and (min-width:962px){.footer{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,1fr)}.footer .author{grid-row-start:5;grid-row-end:6;align-self:end}.footer .author,.footer .field{grid-column-start:2;grid-column-end:8;justify-self:start;margin:.2rem 0;padding:0;font-size:1.6rem}.footer .field{grid-row-start:6;grid-row-end:7;align-self:start}.footer .mediaList{grid-column-start:9;grid-column-end:10;grid-row-start:5;grid-row-end:7;align-self:center;justify-self:end}.footer .mediaList li{margin-left:1rem;padding:0}.footer .mediaList li h5{font-size:1.6rem}}.about{min-height:100vh;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 5vw;padding-top:3rem}.about h2{font-size:2.5rem;color:#fff;margin:.5rem 1.6rem}.about .imageWrapper{width:100%;margin:.5rem 0}.about p{color:#fff;font-size:1rem;line-height:1.5}.about .contactMail,.about p{margin:.5rem 0}.about .contactMail h5{color:#ffb703;font-size:1rem;margin:0}.about .checkOut{margin:.5rem 0}.about .checkOut h5{font-size:1rem}.about .checkOut h5 a{color:#ffb703;margin:0}.about .checkOut h5 a.router-link-exact-active,.about .checkOut h5 a:hover{color:#ffb703}.about .mediaList{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin:.5rem 0}.about .mediaList li{padding-right:1rem}.about .mediaList li h5{color:#ffb703;font-size:1rem}@media screen and (min-width:414px){.about{padding:3rem 5vw}}@media screen and (min-width:600px){.about{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(5,1fr)}.about h2{grid-column-start:1;grid-column-end:6;grid-row-start:1;grid-row-end:2;align-self:end;justify-self:start}.about .imageWrapper{grid-column-start:7;grid-column-end:10;align-self:start;justify-self:center}.about .imageWrapper,.about p{grid-row-start:2;grid-row-end:5}.about p{grid-column-start:1;grid-column-end:7;margin-right:3rem}.about .contactMail{grid-column-start:1;grid-column-end:4;justify-self:start}.about .checkOut,.about .contactMail{display:block;grid-row-start:5;grid-row-end:6;align-self:center}.about .checkOut{grid-column-start:4;grid-column-end:7;justify-self:center}.about .mediaList{grid-column-start:7;grid-column-end:10;grid-row-start:5;grid-row-end:6;align-self:center;justify-self:end}}@media screen and (min-width:768px){.about{padding:3rem 10vw}}@media screen and (min-width:1366px){.about h2{font-size:4rem;margin:.5rem 2rem}.about .checkOut h5,.about .contactMail h5,.about .mediaList li h5,.about p{font-size:1.4rem}}.headerCanvas{width:100%;height:100%;position:absolute;inset:0 0 0 0;outline:none;z-index:-1}.header{width:100%;height:100vh;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center}.header:after{content:"";position:absolute;inset:0 0 0 0;width:100%;height:100%}.header h1{color:#fff;font-size:10vw}.header h4{color:#fff;font-size:2.8vw;font-family:Manrope,sans-serif;font-weight:300}.goal{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15vw 5vw 10vw 5vw}.goal h2{color:#fff;font-size:2.5rem}.goal p{color:#fff;font-size:1rem;margin-top:1.4rem;padding:0;line-height:1.5}@media screen and (min-width:414px){.goal{padding:15vw 10vw 10vw 10vw}}@media screen and (min-width:1366px){.goal h2{font-size:4rem}.goal p{width:70%;font-size:1.4rem}}.challenge{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vw 5vw}.challenge h2{color:#fff;font-size:2.5rem;margin-bottom:1.4rem}.challenge .imgWrapper{margin:0}.challenge p{color:#fff;font-size:1rem;padding:0;margin-top:1.4rem;line-height:1.5}@media screen and (min-width:414px){.challenge{padding:10vw}}@media screen and (min-width:768px){.challenge{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(4,1fr);padding:5vw 10vw}.challenge h2{grid-column-start:1;grid-column-end:6;grid-row-start:1;grid-row-end:2;align-self:end;justify-self:start;padding:0;margin:.5rem 2rem}.challenge .imgWrapper{grid-column-start:6;grid-column-end:10;justify-self:center;margin:.5rem 0}.challenge .imgWrapper,.challenge p{grid-row-start:2;grid-row-end:5;align-self:start}.challenge p{grid-column-start:1;grid-column-end:6;justify-self:start;padding:0;margin:.5rem 3rem 0 0}}@media screen and (min-width:1366px){.challenge h2{font-size:4rem;margin:.5rem 2.8rem}.challenge p{font-size:1.4rem}}.solution{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vw 5vw}.solution h2{color:#fff;font-size:2.5rem;margin-bottom:1.4rem}.solution .imgWrapper{margin:0}.solution p{color:#fff;font-size:1rem;padding:0;margin-top:1.4rem;line-height:1.5}@media screen and (min-width:414px){.solution{padding:10vw}}@media screen and (min-width:768px){.solution{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(4,1fr);padding:5vw 10vw}.solution h2{grid-column-start:5;grid-column-end:10;grid-row-start:1;grid-row-end:2;align-self:end;justify-self:start;padding:0;margin:.5rem 5rem}.solution .imgWrapper{grid-column-start:1;grid-column-end:5;justify-self:center;margin:.5rem 0}.solution .imgWrapper,.solution p{grid-row-start:2;grid-row-end:5;align-self:start}.solution p{grid-column-start:5;grid-column-end:10;justify-self:start;padding:0;margin:.5rem 0 0 3rem}}@media screen and (min-width:1366px){.solution h2{font-size:4rem;margin:.5rem 5.6rem}.solution p{font-size:1.4rem}}.output{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vw 5vw}.output h2{color:#fff;font-size:2.5rem;margin-bottom:1.4rem}.output .imgWrapper{margin:0}.output p{color:#fff;font-size:1rem;padding:0;margin-top:1.4rem;line-height:1.5}@media screen and (min-width:414px){.output{padding:10vw}}@media screen and (min-width:768px){.output{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(4,1fr);padding:5vw 10vw}.output h2{grid-column-start:1;grid-column-end:6;grid-row-start:1;grid-row-end:2;align-self:end;justify-self:start;padding:0;margin:.5rem 1.4rem}.output .imgWrapper{grid-column-start:6;grid-column-end:10;justify-self:center;margin:.5rem 0}.output .imgWrapper,.output p{grid-row-start:2;grid-row-end:5;align-self:start}.output p{grid-column-start:1;grid-column-end:6;justify-self:start;padding:0;margin:.5rem 3rem 0 0}}@media screen and (min-width:1366px){.output h2{font-size:4rem;margin:.5rem 2rem}.output p{font-size:1.4rem}}.video{width:100%;height:auto;margin:0 auto;padding:1rem 5vw 5vw 5vw}.video .videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video .videoWrapper iframe{position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%}@media screen and (min-width:414px){.video{padding:5vw 10vw}}.info{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10vw 5vw}.info h5{color:#ffb703;text-align:left;font-size:1rem;margin:0 0 .5rem 0}.info li,.info span{color:#fff;font-size:1rem}.info li{padding-right:5px}.info-teamrole{width:100%}.info-material{width:100%;margin:1rem 0 0 0}.info-material ul{display:flex;flex-wrap:wrap}.info-technology{width:100%;margin:1rem 0 0 0}.info-technology ul{display:flex;flex-wrap:wrap}.info-year{width:100%;margin:1rem 0 0 0}.info-year span{display:block}@media screen and (min-width:414px){.info{padding:10vw}}@media screen and (min-width:768px){.info{padding:5vw 10vw}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Barlow,sans-serif;scroll-behavior:smooth}body{font-size:10px;background-color:#14213d;color:#fff}a{text-decoration:none;transition:color .5s;font-family:Manrope,sans-serif}a,a.router-link-exact-active{color:#ffb703}a:hover{color:#fb8500}h1{font-size:10vw}h1,h2{color:#fff;letter-spacing:2px}h2{font-size:2.5rem}h3{color:#ffb703;font-size:2rem}h3,h4{letter-spacing:2px}h4{font-size:1.3rem}h4,h5{color:#fff}h5{font-size:1rem;letter-spacing:1px}img{width:100%;height:auto}p{color:#fff;font-size:1rem;line-height:1.3;font-family:Manrope,sans-serif}ul{list-style:none}li,span{font-family:Manrope,sans-serif}.aspectRatio{aspect-ratio:1/1}@supports not (aspect-ratio:1/1){.aspectRatio:before{float:left;padding-top:100%;content:""}.aspectRatio:after{display:block;content:"";clear:both}}.block{display:block}.button{font-size:1rem;padding:1rem 2rem;border-radius:2rem;background-color:#ffb703;color:#fff;display:inline-block}.cursor{cursor:pointer}.imgWrapper{width:100%;height:auto;overflow:hidden}.underline{position:relative;z-index:1}.underline:before{position:absolute;display:block;left:-15%;top:30%;background:#ffb703;width:120%;height:50%;transform:rotate(2deg);z-index:-1;content:""}.anim-opacity-hide{opacity:0;transition:opacity 1s ease}.anim-opacity-show{opacity:1;transition:opacity 1s ease}.prevnext{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10vw 5vw}.prevnext h5{color:#fff;font-size:2.4rem;text-align:center;padding:1rem 0}.prevnext .prev{width:100%;padding:.5rem;text-align:left}.prevnext .prev a{font-size:1.4rem}.prevnext .next{width:100%;padding:.5rem;text-align:right}.prevnext .next a{font-size:1.4rem}@media screen and (min-width:414px){.prevnext{padding:10vw}}@media screen and (min-width:600px){.prevnext{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}.prevnext h5{grid-column-start:1;grid-column-end:7;grid-row-start:1;grid-row-end:2}.prevnext .prev{text-align:left;grid-column-start:1;grid-column-end:4;grid-row-start:2;grid-row-end:3}.prevnext .next{text-align:right;grid-column-start:4;grid-column-end:7;grid-row-start:2;grid-row-end:3}}@media screen and (min-width:1366px){.prevnext h5{font-size:3.4rem}.prevnext .next a,.prevnext .prev a{font-size:2.4rem}}