body{margin:0;font-family:Montserrat,"montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;overflow-x:hidden;background:#e9e9e9}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2,h3{text-transform:uppercase}h1{font-family:"montserratblack",Montserrat,"montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}a{text-decoration:none}.App{overflow-x:hidden}.App,.intro{position:relative}.intro{display:block;overflow:hidden;width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:50%;text-align:center;-webkit-transform-origin:center center;transform-origin:center center;-webkit-perspective:2500px;perspective:2500px}.intro .effectWrapper .effect{position:absolute;color:#fff;-webkit-transform-origin:inherit;transform-origin:inherit;font-size:11.5vw;font-weight:bolder;opacity:.9;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.intro .effectWrapper .effect:first-child{top:46%}.intro .effectWrapper .effect:last-child{top:54%}.intro:before{inset:0;background:rgba(0,0,0,.5)}.intro:after,.intro:before{content:"";position:absolute;z-index:1}.intro:after{background:linear-gradient(180deg,transparent 0,#1e2e40 55%);width:150%;height:35vh;bottom:0;left:-5%;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.intro .downArrow{position:absolute;bottom:0;padding-bottom:10px;color:#fff;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s;margin:0 auto;z-index:100;font-size:2rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.intro .downArrow:hover{-webkit-transform:translateY(-5px) translateX(-50%);transform:translateY(-5px) translateX(-50%);opacity:.7}.introBgHighRes{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;transition:opacity 1.2s ease-in-out}.introBgHighRes.loaded{opacity:1}.navigation{background:#fff;z-index:5;position:absolute;overflow:hidden;text-align:left;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;top:60%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#1e2e40;padding:2rem;opacity:.9;border-radius:5px}.navigation a{align-self:center;text-align:center;margin:0 auto;flex-grow:1;flex-shrink:1;font-weight:bolder;font-size:1rem;transition:.2s;padding:0 1.5rem;text-transform:uppercase}.navigation a:hover{opacity:.75;-webkit-transform:translateY(-2px);transform:translateY(-2px);padding:0 1.5rem;cursor:pointer}.navigation div{font-size:1rem;text-align:center;margin:2rem auto 0;flex-grow:3}a{font-size:2vh;padding-right:10px;transition:.1s}a:link{color:inherit}a:hover,a:visited:hover{color:inherit;opacity:.5}a:visited{color:inherit}.about{width:100%;background:#1e2e40;overflow:hidden;padding:0 10vw 10vw;color:#fff;box-sizing:border-box}.about h1{font-weight:bolder;text-align:center;padding-bottom:3rem}.about .contentWrapper{color:#fff;display:flex;flex-flow:row wrap;align-content:stretch;justify-content:space-around;width:100%;max-width:2000px;margin:auto;padding-bottom:2rem}.about .contentWrapper .left,.about .contentWrapper .right{flex-grow:1;flex-shrink:1;width:50vh}.about .contentWrapper.aboutCards{box-sizing:border-box;padding-top:12rem}.about .contentWrapper.aboutCards .card{color:#1e2e40;flex-shrink:1;flex-grow:1;width:300px;background:#fff;margin:20px;padding:2rem;text-align:center;border-radius:5px;opacity:.8;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s}.about .contentWrapper.aboutCards .card svg{display:block;margin:1rem auto 2rem;font-size:3rem}.about .contentWrapper.aboutCards .card:hover{opacity:1;-webkit-transform:translateY(-5px) scale(1.01);transform:translateY(-5px) scale(1.01)}.about .contentWrapper.aboutCards .card.card--award{background:#fbf8ee;border-top:3px solid #c9a227}.about .contentWrapper.aboutCards .card.card--award svg{color:#c9a227}.about .contentWrapper.aboutCards .card.card--award label{color:#796117}.about .contentWrapper.aboutCards .card label{text-transform:uppercase;font-size:.8rem;font-weight:bolder;color:rgba(0,0,0,.5)}.about .contentWrapper .left{margin:auto;background:hsla(0,0%,100%,0);color:hsla(0,0%,100%,.01);box-sizing:border-box}.about .contentWrapper .left .image{box-shadow:0 0 20px rgba(0,0,0,.2);z-index:4;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:5px;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.about .contentWrapper .right .wrapper{padding:10vw;text-align:justify;margin:auto;color:#1e2e40;background:#fff;z-index:1}.about .contentWrapper .right .wrapper label{text-transform:uppercase;font-size:.8rem;font-weight:bolder;opacity:.5}.about .contentWrapper .right .wrapper a{background:transparent}.about .contentWrapper .right .wrapper .contact{font-size:inherit}.projects{width:100%;overflow:hidden;position:relative;background:linear-gradient(155deg,#172432,#263a51 35%,#213952 65%,#1b2939)}.projects .projectDiv{position:relative;z-index:2;-webkit-transform:rotate(5deg);transform:rotate(5deg);margin-top:10vh}.projects .projectDiv .contentWrapper{margin:10% auto auto;flex-flow:row wrap;align-content:stretch;justify-content:space-around;width:100%;max-width:6000px;overflow:hidden;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.projects .projectDiv .contentWrapper h1{color:#fff;padding:5vw 10vw;text-align:center}.projects .projectDiv .contentWrapper .projectsWindow{color:#000;width:500px;max-width:90vw;height:500px;margin:1rem auto}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper{display:flex;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;position:absolute;-webkit-perspective:5000px;perspective:5000px}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper.auto{transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper.snap{transition:none!important}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project{height:500px;width:500px;max-width:90vw;background:#fff;color:#000;box-sizing:border-box;margin:0 5vw 0 0;flex-shrink:0;border-radius:5px;position:relative;overflow:hidden;transition:opacity .5s,box-shadow .5s,-webkit-transform .5s;transition:opacity .5s,box-shadow .5s,transform .5s;transition:opacity .5s,box-shadow .5s,transform .5s,-webkit-transform .5s}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .backgroundImg{opacity:.7;top:0;left:0;bottom:0;right:0;position:absolute;background-size:cover;background-position:50%;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.active{opacity:1;box-shadow:0 0 30px rgba(0,0,0,.3)}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project h2{font-size:1.1rem;margin:0;padding:1rem 0 0;transition:.4s;transition-delay:.1s}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project h5{font-size:.85em;font-weight:400;color:#555;margin:0;padding:0 0 2rem;transition:.5s;transition-delay:.15s}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .titleSheet{padding:1.5rem;box-sizing:border-box;position:absolute;background:hsla(0,0%,100%,.6);top:auto;bottom:1rem;left:1rem;right:1rem;margin-top:auto;width:auto;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:5px;transition:opacity .7s ease-out}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .titleSheet .date{transition:.5s}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .titleSheet .buttons{overflow:hidden;position:relative;display:flex;transition:.5s;transition-delay:.2s}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .titleSheet .buttons .button{font-size:.6em;color:#fff;background:#1e2e40;border-radius:5px;padding:.5rem 1rem;display:inline-block;margin-right:1rem;transition:opacity .2s}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .titleSheet .buttons .button:hover{opacity:.8;cursor:pointer}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .titleSheet .buttons a{position:relative;font-size:1em;box-sizing:initial;padding:.3rem;margin-right:1rem}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .closeButton{padding:1.5rem;position:absolute;right:0;z-index:1;transition:1s ease-out}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .article{overflow-y:auto;transition:.5s;height:inherit}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .article .articleContent{padding:3rem;box-sizing:border-box;text-align:justify}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .article .articleContent label{text-transform:uppercase;font-size:.8rem;font-weight:bolder;color:rgba(0,0,0,.5);display:block}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .article .articleContent a{font-size:1.2rem;color:rgba(0,0,0,.5);transition:color .2s;padding:10px 10px 10px 0;display:inline-block}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project .article .articleContent a:hover,.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project h2{color:#000}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.closed .closeButton{-webkit-transform:translateY(-150%);transform:translateY(-150%)}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.closed .article{-webkit-transform:translateX(150%);transform:translateX(150%)}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.closed .titleSheet .buttons,.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.closed .titleSheet .date,.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.closed .titleSheet h2,.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.closed .titleSheet h5{-webkit-transform:translateX(0);transform:translateX(0)}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.open .closeButton{-webkit-transform:translateY(0);transform:translateY(0)}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.open .article{-webkit-transform:translateX(0);transform:translateX(0)}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.open .titleSheet{opacity:0}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.open .titleSheet .buttons,.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.open .titleSheet .date,.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.open .titleSheet h2,.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.open .titleSheet h5{-webkit-transform:translateX(-150%);transform:translateX(-150%)}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.open .backgroundImg{-webkit-transform:translateX(-150%);transform:translateX(-150%);opacity:0}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.inactive{opacity:.3;box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-transform:scale(.95) translateY(5%);transform:scale(.95) translateY(5%);-webkit-user-select:none;user-select:none}.projects .projectDiv .contentWrapper .projectsWindow .projectsWrapper .project.inactive .titleSheet .buttons :hover{opacity:1!important;cursor:auto}.projects .projectNavigation{position:relative;display:block;padding-top:3rem;color:#fff;text-align:center;width:auto;margin:0 auto 3.5vh}.projects .projectNavigation .navigationWrapper{display:block}.projects .projectNavigation .navigationWrapper div{display:inline-block;margin:10px;transition:color .2s,-webkit-transform .2s;transition:transform .2s,color .2s;transition:transform .2s,color .2s,-webkit-transform .2s}.projects .projectNavigation .navigationWrapper div:hover{color:grey;-webkit-transform:translateY(-10%);transform:translateY(-10%);cursor:pointer}.projects .projectNavigation .shuffle{align-content:center;display:block;margin:0 auto;transition:color .2s,-webkit-transform .2s;transition:transform .2s,color .2s;transition:transform .2s,color .2s,-webkit-transform .2s}.projects .projectNavigation .shuffle:hover{color:grey;-webkit-transform:translateY(-10%);transform:translateY(-10%)}.projects .projectNavigation .tooltip{font-size:1.3em;font-weight:400;color:#fff;transition:.1s}.projects .projectNavigation .tooltip.invisible{opacity:0;visibility:hidden}.projects:before{background:linear-gradient(180deg,#1e2e40 50%,transparent 90%);height:25vh;margin-top:-10vh;margin-left:-5vh;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.projects:after,.projects:before{content:"";width:150%;display:block;position:relative;z-index:3}.projects:after{background:linear-gradient(180deg,transparent 0,#1e2e40 40%);height:15vh;margin-top:10vh;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.contact{background:#1e2e40;width:100%;color:#fff;overflow:hidden}.contact .contentWrapper{margin:auto;flex-flow:row wrap;align-content:stretch;justify-content:space-around;width:100%;max-width:2000px;padding-bottom:100px}.contact .contentWrapper h1,.contact .contentWrapper h3,.contact .contentWrapper label,.contact .contentWrapper p{text-align:center;display:block}.contact .contentWrapper .imprint{margin-top:100px;transition:opacity .2s;cursor:pointer}.contact .contentWrapper .imprint:hover{opacity:.5}.contact .contentWrapper label{margin:0 auto;text-transform:uppercase;font-size:.8rem;font-weight:bolder;color:hsla(0,0%,100%,.5)}.contact .contentWrapper label a:hover,.contact .contentWrapper label a:link,.contact .contentWrapper label a:visited{margin:inherit;text-transform:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-decoration:none}.contact .contentWrapper a,.contact .contentWrapper p{font-size:1rem}.imprintComponent .overlay{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100vh;top:0;left:0;position:fixed;overflow:hidden;z-index:9999}.imprintComponent .imprintWrapper{width:90vw;height:90vh;margin-top:5vh;position:relative;margin-left:5vw;box-sizing:border-box;background:#fff;overflow-y:auto;box-shadow:0 0 30px rgba(0,0,0,.2);border-radius:5px}.imprintComponent .imprintWrapper .closeButton{position:absolute;font-size:1.2rem;top:5%;right:5%;color:#000;transition:color .2s}.imprintComponent .imprintWrapper .closeButton:hover{color:rgba(0,0,0,.5);cursor:pointer}.imprintComponent .imprintWrapper .contentWrapper{padding:5vw;position:relative;color:#000;max-width:500px;margin:auto;text-align:left}.imprintComponent .imprintWrapper .contentWrapper a,.imprintComponent .imprintWrapper .contentWrapper h1,.imprintComponent .imprintWrapper .contentWrapper h2,.imprintComponent .imprintWrapper .contentWrapper li,.imprintComponent .imprintWrapper .contentWrapper p{text-align:left}
/*# sourceMappingURL=main.d2d1eeec.chunk.css.map */