:root{--scroll-slider-top:0px;--scroll-fader:1;--scroll-maskout:50vw;--doc-height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}body,html{height:100vh}#nav{padding:30px}#nav a{font-weight:700}#nav a.router-link-exact-active{color:#42b983}.menubuttonwhite{margin:0;padding:0;cursor:pointer;font-family:BeVietnamPro;font-weight:400;font-size:14pt;color:#fff}.slideup-enter-active,.slideup-leave-active,.slideup1-enter-active,.slideup1-leave-active,.slideup2-enter-active,.slideup2-leave-active,.slideup3-enter-active,.slideup3-leave-active,.slideup4-enter-active,.slideup4-leave-active{transition:transform .5s cubic-bezier(.5,0,.5,1)}.slideup-enter-from,.slideup-leave-to,.slideup1-enter-from,.slideup1-leave-to,.slideup2-enter-from,.slideup2-leave-to,.slideup3-enter-from,.slideup3-leave-to,.slideup4-enter-from,.slideup4-leave-to{transform:translateY(120%)}.slideup-enter-active{transition-delay:0}.slideup1-enter-active,.slideup1-leave-to{transition-delay:.1s}.slideup2-enter-active,.slideup2-leave-to{transition-delay:.15s}.slideup3-enter-active,.slideup3-leave-to{transition-delay:.2s}.slideup4-enter-active,.slideup4-leave-to{transition-delay:.25s}.fade-enter-active,.fade-leave-active{transition:opacity 1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.menuitemcontainer{overflow:hidden}.menuitemtest{line-height:100%;padding:0;margin:0}.menu-item-list{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:5vh}.menu-item-list li{list-style-type:none;font-family:BeVietnamPro;font-weight:400;color:#fff;font-size:28pt}.menu-item-container{overflow:hidden;transition:transform .1s ease-in-out;transform-origin:left;opacity:.85}.menu-item-container:hover{cursor:pointer;opacity:1}.slidedownmenuwhitebtn-enter-active,.slidedownmenuwhitebtn-leave-active{transition:transform .5s cubic-bezier(.5,0,.5,1)}.slidedownmenuwhitebtn-enter-from,.slidedownmenuwhitebtn-leave-to{transform:translateY(120%)}.slidedownmenuwhitebtn-enter-active{transition-delay:.5s}.menubuttonwhitecontainer{position:fixed;top:3vh;right:3vw;z-index:50;overflow:hidden}.menulogowhitecontainer{position:fixed;top:3vh;left:3vw;z-index:50;overflow:hidden}.menulogowhite{transform-box:fill-box;width:14vw}.project-container{height:30vh;padding:0;position:relative}.project-container,.project-info{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-info{display:none}.project-outer:hover .project-image-container{height:22.5vw;margin:-15vh 0 0 0;cursor:pointer}.project-outer:hover .project-line{transform:translateY(13.23529vw)}.project-outer:hover .project-view{transform:translateY(12.5vw);opacity:1}.project-outer:hover .project-header{transform:translateY(100%)}.project-outer:hover .project-number{transform:translateY(-100%)}.project-image-container{position:absolute;top:50%;height:0;width:100%;transition:all .4s;background-position:50%;background-size:cover}.project-number{margin:0 0 0 4vw;padding:0;font-family:BeVietnamPro;font-weight:400;font-size:10pt;color:#707070;transition:all .25s ease-in-out}.project-view{transform:translateY(0)}.project-view,.project-view-close{margin:0 0 0 5vw;padding:0;font-family:BeVietnamPro;font-weight:400;font-size:10pt;color:#707070;transition:all .4s ease-in-out;opacity:0}.project-view-close{transform:translate(4vw,12.5vw)}.project-header{margin:0 0 0 4vw;font-size:20pt}.project-description,.project-header{padding:0;font-family:BeVietnamPro;font-weight:400;color:#707070;transition:all .4s ease-in-out}.project-description{margin:0 4vw 0 4vw;font-size:12pt;text-align:left}.project-line{width:2px;height:10vh;background-color:#707070;margin:0 0 0 4vw;transform:translateY(0);transition:all .4s ease-in-out}.project-info .project-header{transform:translateX(-5vw);opacity:0}.project-info.visible .project-header{transform:translateX(0);opacity:1}.project-info .project-description{transform:translateX(-5vw);opacity:0}.project-info.visible .project-description{transform:translateX(0);opacity:1}.project-image-container.visible{height:22.5vw;margin:-15vh 0 0 0}.project-line.visible{transform:translateY(13.23529vw)}.project-view.visible{transform:translateY(12.5vw);opacity:1;display:none}.project-view-close.visible{transform:translateY(12.5vw);opacity:1;display:flex}.project-content{opacity:1;transition:all .5s ease;position:absolute;width:100vw;max-height:0;display:flex;margin-top:20vh;margin-bottom:-20vh;padding-bottom:0;transform:scaleY(0);transform-origin:top;overflow:hidden}.project-content.hide{display:none}.project-content.projectopen{display:flex}.project-content.visible{position:relative;max-height:-moz-fit-content;max-height:fit-content;transform:scaleY(1);padding-bottom:5vh}.project-content-wrapper{margin:10vh 0 10vh 0;width:100%}.pb-imagetext{display:flex;margin-bottom:5vh}.pb-imagetext-content{flex:1;text-align:left}.pb-imagetext-content:nth-child(2){flex:1;text-align:left;padding:4vh 4vw 4vh 0}.pb-imagetext-image{width:50vw}.pb-mediagallery{margin-bottom:5vh}.pb-mediagallery-content{display:flex;overflow-x:auto}.pb-mediagallery-image{height:70vh;margin:0 5vw 0 0}.pb-mediagallery-content div:last-child .pb-mediagallery-image{margin:0}.pb-mediavideo{width:100vw;padding:0 0 10vh 0;display:flex}.pb-mediavideo-content{flex:1;display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start;justify-content:flex-start;justify-items:flex-start}.pb-mediavideo .pb-mediavideo-content video{width:100%}@media only screen and (max-width:600px){.project-outer{flex-direction:column;padding:10vh 0 0 0!important}.project-info{width:95vw}.project-container{width:100vw;height:40vh}.project-outer:hover .project-image-container{height:40vh;margin:0}.project-outer:hover .project-line{transform:translateY(34.61538vw)}.project-outer:hover .project-view{transform:translateY(30vw)}.project-outer .project-image-container{height:40vh;margin:0}.project-image-container{height:40vh;top:0}.project-view{margin:0 0 0 8vw}.project-view-close{margin:0 0 0 8vw;transform:translateY(12.5vw)}.project-content{margin-top:0}.pb-mediagallery-image{height:30vh}.project-number{margin:7vh 0 0 8vw}.project-outer .project-line{transform:translateY(30vw)}.project-outer .project-view{transform:translateY(26.47059vw);opacity:1}.project-outer:hover .project-line{transform:translateY(30vw)}.project-outer:hover .project-view{transform:translateY(26.47059vw);opacity:1}.project-outer .project-header{transform:translateY(100%)}.project-outer .project-number{transform:translateY(-100%)}.project-info.visible .project-header{transform:translateX(0);opacity:1}.project-info.visible .project-number{opacity:0}.project-info.visible .project-description{transform:translateX(0);opacity:1}.project-view.visible{transform:translateY(12.5vw);opacity:1;display:none}.project-view-close.visible{transform:translateY(23.68421vw);opacity:1;display:flex}.project-wrapper,.project-wrapper:last-child{margin-bottom:10vh}.pb-mediavideo{flex-direction:column}.pb-mediavideo-content{margin-top:5vh}}.menu{position:fixed;top:0;bottom:0;right:0;left:0;height:100vh;z-index:1000;background-image:linear-gradient(30deg,#f76325,#e75155,#d73f86,#bb20d8);display:flex;justify-content:flex-start;align-items:flex-end}.menubutton{padding:0;margin:0 0 0 1em;cursor:pointer;font-family:BeVietnamPro;font-weight:400;font-size:14pt;color:#fff}.menubutton.darkmode{color:#fff}.menubutton.lightmode{color:#3c3c3c}.menubuttoncontainer:hover .menubutton.hidden{opacity:1;transform:translateX(0);transition-delay:0}.menubutton.hidden{opacity:0;transform:translateX(100%);transition:all .4s;transition-delay:.15s;z-index:10;display:flex}.menubutton.main{z-index:100}.menulogocontainer{position:absolute;left:3vw}.menubuttoncontainer,.menulogocontainer{top:3vh;z-index:50;overflow:hidden;display:flex}.menubuttoncontainer{position:fixed;right:3vw}.letter-container-static{position:relative}.letter-change-container{position:relative;width:45pt}.letter-container{position:absolute;right:0}.menubutton-letter{transform:translateY(0);display:inline-block}.slideletter-enter-active,.slideletter-leave-active{transition:transform .5s cubic-bezier(.5,0,.5,1)}.slideletter-enter-from,.slideletter-leave-to{transform:translateY(120%)}.slidedownmenubtn-enter-active,.slidedownmenubtn-leave-active{transition:transform .5s cubic-bezier(.5,0,.5,1)}.slidedownmenubtn-enter-from,.slidedownmenubtn-leave-to{transform:translateY(120%)}.slidedownmenubtnmode-enter-active,.slidedownmenubtnmode-leave-active{transition:transform .5s cubic-bezier(.5,0,.5,1)}.slidedownmenubtnmode-enter-from,.slidedownmenubtnmode-leave-to{transform:translateY(120%)!important}.home{background-color:#fff}.home,.home-dark{height:100%;max-width:100%;transition:background-color 1.5s .4s}.home-dark{background-color:#111}.page-home,.page-home .section{display:flex;height:100%}.page-home .section{flex:1;justify-content:flex-end;justify-items:flex-end;align-items:flex-end;flex-direction:row;overflow:hidden}.section:first-child{flex-direction:column;align-items:flex-start;text-align:left}.section{max-width:100%}.section h1{padding:0 0 1.5em 0;font-size:16pt}.section h1,.section p{margin:0;font-family:BeVietnamPro;font-weight:400;transition:transform .5s,color .25s}.section p{width:25vw;font-size:28pt;padding:0}.overflowhidden{overflow:hidden;width:-moz-fit-content;width:fit-content}.textstill{transition-delay:.35s!important;transform:translateY(0)}.textslideout{transform:translateY(100%)!important;transition-delay:0!important}.textslidesidestill{transition-delay:.2s!important;transform:translateX(0);width:-moz-fit-content;width:fit-content}.textslideside{transform:translateX(-120%)!important;transition-delay:0!important}.section-content{margin:4vw 4vw 2vw 4vw;overflow:hidden}.section-content.darkmode{color:#fff}.section-content.lightmode{color:#555}.image-container-1{background-position:50%;background-size:cover;height:100vh;width:50vw;margin:0 0 0 0;transition:width .5s;animation-timing-function:cubic-bezier(.1,.1,1,0);transition-delay:.5s}.image-container-1.maskout{width:0;opacity:1;transition-delay:0ms}.image-container-2{height:100vh;width:50vw;margin:0 0 0 0;transition:all .5s;animation-timing-function:cubic-bezier(.1,.1,1,0);transition-delay:.5s}.image-container-2.maskout{width:0;opacity:1;transition-delay:0ms}.image-container-column{display:flex;flex-direction:column;align-items:flex-end}.navigation{margin:0 0 8vh 4vw;display:flex}.navigation-element{flex:1;display:flex;flex-direction:row;align-items:center}.navigation-element.lightmode .navigation-text{font-family:BeVietnamPro;font-weight:400;font-size:12pt;margin:0;color:#a0a0a0;transition:color .25s}.navigation-element.lightmode .navigation-line{height:1px;width:0;border-left:10vw solid #a0a0a0;transition:border .25s}.navigation-element.darkmode .navigation-text{font-family:BeVietnamPro;font-weight:400;font-size:12pt;margin:0;color:#3c3c3c;transition:color .25s}.navigation-element.darkmode .navigation-line{height:1px;width:0;border-left:10vw solid #3c3c3c;transition:border .25s}.navigation-element:first-child .navigation-text{padding:0 1vw 0 0}.navigation-element:nth-child(2) .navigation-text{padding:0 0 0 1vw}.navigation-element.lightmode:hover .navigation-line{border-left:10vw solid #555}.navigation-element.lightmode:hover .navigation-text,.navigation-element.lightmode:hover .navigation-text label{color:#555;cursor:pointer}.navigation-element.darkmode:hover .navigation-line{border-left:10vw solid #fff}.navigation-element.darkmode:hover .navigation-text,.navigation-element.darkmode:hover .navigation-text label{color:#fff;cursor:pointer}.navigation-arrow,.navigation-arrow-reverse{font-size:5vh!important;cursor:pointer}.navigation-arrow-reverse{transform:rotateY(180deg)}.navigation-button{color:#707070}.project-outer{display:flex;padding:20vh 0 0 0;max-width:100%}.home-projects{margin:0;padding:0 0 15vw 0;position:relative;z-index:100}.home-projects.lightmode{background-color:#fff;transition:background-color 1.5s .4s}.home-projects.darkmode{background-color:#111;transition:background-color 1.5s .4s}.home-projects.darkmode .project-description,.home-projects.darkmode .project-header,.home-projects.darkmode .project-number{color:#fff}.home-projects.darkmode .project-line{background-color:#fff}.home-projects.darkmode .project-view,.home-projects.darkmode .project-view-close{color:#fff}.footer.lightmode{background-color:#fff}.footer.darkmode,.footer.lightmode{margin:0 0 0 0;width:100%;position:relative;z-index:50}.footer.darkmode{background-color:#111}.parallax-container{position:fixed;right:0;width:50vw}.parallax-container div{transform:translateY(calc(var(--scroll-slider-top)/2))}.project-wrapper:nth-child(odd) .project-outer{justify-content:left}.project-wrapper:nth-child(2n) .project-outer{justify-content:right;flex-direction:row-reverse}.projectopen .project-info{display:flex}.home-projects.welcome{padding:0}.welcome-container{display:flex}.welcome-flex{flex:1}.welcome-text1{font-family:BeVietnamPro;font-weight:400;font-size:28pt;color:#fff;text-align:left;padding:4vw 4vw 8vw 4vw}.welcome-text1.lightmode{color:#555}.welcome-text2{font-family:BeVietnamPro;font-weight:400;font-size:18pt;color:#fff;text-align:left;padding:8vw 4vw 4vw 4vw}.welcome-text2.lightmode{color:#555}.welcome-line{width:92vw;height:1px;background-color:#3c3c3c;margin-left:4vw}.welcome-contact{display:flex}.welcome-contact div{flex:1}.welcome-contact-address{display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start;padding:4vw;font-family:BeVietnamPro;font-weight:400;font-size:12pt;color:#fff}.welcome-contact-address.lightmode{color:#555}.welcome-contact-address-item.last{padding:2vw 0 0 0}.welcome-contact-heading{margin:0 0 0 4vw;font-family:BeVietnamPro;font-weight:400;font-size:28pt;padding-bottom:2vh}.welcome-contact-heading.lightmode{color:#555}.welcome-contact.second{margin:10vh 0 0 0}.welcome-form{display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start;margin:0 0 0 4vw;width:80%}.welcome-form-label{color:#3c3c3c;margin:2vh 0 0 0}.welcome-form-input,.welcome-form-label{font-family:BeVietnamPro;font-weight:400;font-size:12pt}.welcome-form-input{width:100%;height:4vh;background-color:transparent;border:none;border-bottom:1px solid #3c3c3c;color:#fff}.welcome-form-input.lightmode{color:#555}.welcome-form-input.error{border-bottom:1px solid red}.welcome-form-input.area{padding:1vh 0 0 0}.welcome-form-input.area.lightmode{color:#555}.welcome-form-input:focus{background-color:transparent;box-shadow:none;outline:none}.welcome-form-submit{background-color:transparent;font-family:BeVietnamPro;font-weight:400;font-size:12pt;color:#fff;border:none;align-self:flex-end;margin:5vh 0 0 0}.welcome-form-submit:hover{cursor:pointer;text-decoration:underline}.welcome-form-submit.lightmode{color:#555}.welcome-footer-container{width:100vw;margin-left:0;padding-bottom:4vh;display:flex;align-content:flex-start;align-items:flex-start}.welcome-copy-container{align-content:flex-start;align-items:flex-start;display:none}.welcome-footer-cat{flex:1;display:flex;flex-direction:column;align-items:flex-start}.welcome-footer-cat:first-child{flex:2}.welcome-footer-cat h2{font-family:BeVietnamPro;font-weight:600;font-size:11pt;color:#3c3c3c;margin:2vh 0 2vh 4vw}.welcome-footer-cat ul{margin:0 0 0 4vw;padding:0}.welcome-footer-cat li{margin:0;padding:0;list-style-type:none;font-family:BeVietnamPro;font-weight:400;font-size:11pt;line-height:16pt;color:#3c3c3c;text-align:left}.welcome-footer-cat li.darkmode:hover{color:#fff;cursor:pointer}.welcome-footer-cat li.lightmode:hover{color:#999;cursor:pointer}.welcome-copyright{font-family:BeVietnamPro;font-weight:400;font-size:11pt;color:#3c3c3c;padding:2vh 0 2vh 4vw;position:relative}.section.mobile{display:none}.home-welcome-screen-1,.home-welcome-screen-2{min-height:calc(var(--vh, 1vh)*100);display:flex;flex-direction:column;justify-content:space-around}@keyframes blinkingdarkline{0%{border-left:10vw solid #3c3c3c}50%{border-left:10vw solid #fff}to{border-left:10vw solid #3c3c3c}}@keyframes blinkingdark{0%{color:#3c3c3c}50%{color:#fff}to{color:#3c3c3c}}.navigation-element.darkmode .navigation-line.anim{animation:blinkingdarkline 4s cubic-bezier(.445,.05,.55,.95) infinite}.navigation-element.darkmode .navigation-text.anim{animation:blinkingdark 4s cubic-bezier(.445,.05,.55,.95) infinite}.menubutton.mode.lightmode{color:#3c3c3c}.menubutton.mode.darkmode{color:#fff}.welcome-line.mobile{display:none}@media only screen and (max-width:600px){.page-home{flex-direction:column-reverse!important}.menu,.page-home{height:calc(var(--vh, 1vh)*100)}.menubutton.main.lightmode{color:#fff}.section p{width:80vw;font-size:1.25em}.parallax-container{position:relative}.navigation{margin:2vh 0 4vh 4vw}.parallax-container{display:none!important}.welcome-text1,.welcome-text2{font-size:1.25em}.welcome-contact,.welcome-container{flex-direction:column}.menulogowhite{width:50vw}.menulogowhitecontainer{padding:.5vh 0 0 0}.section.mobile{display:flex}.image-container-1{background-position:50%;background-size:cover;height:calc(var(--vh, 1vh)*50);width:100vw;margin:0 0 0 0;transition:width .5s;animation-timing-function:cubic-bezier(.1,.1,1,0);transition-delay:.5s}.image-container-1.maskout{width:0;opacity:1;transition-delay:0ms}.menubutton.hidden{transition:all .4s;z-index:10;display:flex;opacity:1;transform:translateX(0);transition-delay:0}.menubutton.logo.lightmode{color:#fff}.menubutton.hidden,.menubutton.logo,.menubutton.main{font-size:1em}.navigation-element:first-child{justify-content:flex-end}.welcome-footer-container{width:100vw;margin-left:0;display:flex;padding:5vh 0 5vh 0}.menubutton.mode.lightmode{color:#fff}.project-wrapper:nth-child(2n) .project-outer{justify-content:left;flex-direction:column}.welcome-footer-cat:first-child{display:none}.welcome-copy-container{display:flex}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-icons.a987d159.woff2) format("woff2"),url(/fonts/material-icons.6a5d2b3f.woff) format("woff")}.material-icons{font-family:Material Icons;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-icons-outlined.c8a31db9.woff2) format("woff2"),url(/fonts/material-icons-outlined.53c336bf.woff) format("woff")}.material-icons,.material-icons-outlined{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.material-icons-outlined{font-family:Material Icons Outlined;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-icons-round.1a5b23af.woff2) format("woff2"),url(/fonts/material-icons-round.d23f16e9.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-icons-sharp.edd06f8b.woff2) format("woff2"),url(/fonts/material-icons-sharp.9e4d4206.woff) format("woff")}.material-icons-round,.material-icons-sharp{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.material-icons-sharp{font-family:Material Icons Sharp;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-icons-two-tone.13335912.woff2) format("woff2"),url(/fonts/material-icons-two-tone.1308d554.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}