@import url(https://fonts.googleapis.com/css?family=Poppins:400,500&display=swap);
@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Mono:500&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}b{font-weight:bolder}small{font-size:80%}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}h1,h2,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ol{margin:0;padding:0}ol{list-style:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{border:0 solid #e2e8f0}img{border-style:solid}[role=button],button{cursor:pointer}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button{padding:0;line-height:inherit;color:inherit}canvas,img,object,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.sr-only{margin:-1px;white-space:nowrap;border-width:0}.block{display:block}.flex{display:flex}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.my-4{margin-top:1rem;margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.ml-8{margin-left:2rem}.mt-16{margin-top:4rem}.mt-24{margin-top:6rem}.mb-24{margin-bottom:6rem}.mt-48{margin-top:12rem}.pb-4{padding-bottom:1rem}.pt-8{padding-top:2rem}.pt-16{padding-top:4rem}.resize{resize:both}.w-full{width:100%}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}a{text-decoration:none}@-webkit-keyframes wow-its-3d{to{transform:rotate3d(8,5,7,1turn)}}@keyframes wow-its-3d{0%{transform:rotate3d(0,0,0,1turn)}to{transform:rotate3d(8,5,7,1turn)}}@-webkit-keyframes icon-scroll{to{transform:translateZ(0)}}@keyframes icon-scroll{0%{transform:translate3d(0,10,0)}50%{transform:translate3d(0,10px,0)}to{transform:translateZ(0)}}@-webkit-keyframes project-link-bounce{to{transform:translateZ(0)}}@keyframes project-link-bounce{0%{transform:translateZ(0)}50%{transform:translate3d(-10px,0,0)}to{transform:translateZ(0)}}.main-title{overflow:hidden;color:#000;font-weight:500;font-size:2.25rem;font-family:IBM Plex Mono,sans-serif;letter-spacing:-.15px}@media (min-width:768px){.main-title{height:4.6875rem;font-size:3.125rem;letter-spacing:-.3px}}.main-title__letter{display:inline-block;vertical-align:top}.project-title{color:#000;font-weight:500;font-size:1.375rem;font-family:IBM Plex Mono,sans-serif;line-height:1.3;letter-spacing:-.15px}@media (min-width:768px){.project-title{font-size:1.4375rem;line-height:1.3;letter-spacing:-.3px}}@media (min-width:1024px){.project-title{font-size:1.5rem;line-height:1.25;letter-spacing:-.3px}}.nav-link{color:#000;font-weight:500;font-size:.9375rem;font-family:Poppins,sans-serif;letter-spacing:.15px}@media (min-width:1024px){.nav-link{font-size:1rem}}.woopsie-link{display:flex;align-items:center}.woopsie-link__icon{display:inline-block;width:1.375rem;height:1.375rem}.woopsie-link__label{transition:transform .4s cubic-bezier(.215,.61,.355,1)}.woopsie-link:hover .woopsie-link__label{transform:translate3d(5px,0,0)}.project-link{display:flex;align-items:center;max-width:200px;color:#000;font-weight:500;font-size:.875rem;font-family:Poppins,sans-serif;letter-spacing:.15px}@media (min-width:1024px){.project-link{font-size:.9375rem}}.project-link__icon{display:inline-block;width:1.375rem;height:1.375rem;transition:transform .3s cubic-bezier(.68,0,.265,1);transition-delay:.05s}.project-link__label,.project-link__label-o{transition:transform .3s cubic-bezier(.68,0,.265,1)}.project-link__label-o{max-width:10px;overflow:visible;white-space:nowrap}.project-link:hover .project-link__icon{transform:translate3d(-3px,0,0);transition:transform .1s linear}.project-link:hover .project-link__label,.project-link:hover .project-link__label-o{transform:translate3d(-5px,0,0);transition:transform .1s linear}.project-link.is-bouncing{-webkit-animation-name:project-link-bounce;animation-name:project-link-bounce;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.page-description{color:#000;font-weight:400;font-size:1rem;font-family:Poppins,sans-serif;line-height:1.75;letter-spacing:.125px}@media (min-width:768px){.page-description{font-size:1.25rem;line-height:1.75}}.text-very-wow{display:inline-block;font-weight:500;-webkit-animation-name:wow-its-3d;animation-name:wow-its-3d;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.project-description{color:#000;font-weight:400;font-size:.875rem;font-family:Poppins,sans-serif;letter-spacing:.15px}@media (min-width:768px){.project-description{font-size:.9375rem}}@media (min-width:1024px){.project-description{font-size:1rem}}.project-date{color:#000;font-weight:500;font-size:.875rem;font-family:Poppins,sans-serif;letter-spacing:.2px}*,:after,:before{box-sizing:border-box}body,html{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e6e4ea}.content{position:relative;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;clip:rect(0,0,0,0);pointer-events:none}.no-scroll-y{position:relative;height:100%;overflow:hidden}.content{display:flex;flex-direction:column;min-height:100vh;padding-top:80px}.page-header{padding-top:30vh}.lab-canvas{position:absolute;top:0;width:100vw;height:100vh}.icon-scroll{-webkit-animation:icon-scroll 2s ease-out infinite;animation:icon-scroll 2s ease-out infinite}.folio-head{position:absolute;top:100px;left:-150px;display:none}@media (min-width:1024px){.folio-head{display:block}}.folio-head.is-visible .folio-head__part{transform:translate3d(150px,0,0)}.folio-head.is-visible .folio-head__part--face{transition-delay:.35s}.folio-head.is-visible .folio-head__part--right-eye{transition-delay:.2s}.folio-head.is-visible .folio-head__part--left-eye{transition-delay:0}.folio-head.is-visible .folio-head__part--nose{transition-delay:.25s}.folio-head.is-visible .folio-head__part--mouth{transition-delay:.3s}.folio-head__part{transition:transform .5s cubic-bezier(.19,1,.22,1)}.folio-head__part--face{top:0;width:150px;transition-delay:0}.folio-head__part--right-eye{position:absolute;top:55px;left:55px;width:50px;transition-delay:.1s}.folio-head__part--left-eye{position:absolute;top:55px;left:110px;width:25px;transition-delay:.2s}.folio-head__part--nose{position:absolute;top:70px;left:90px;width:25px;transition-delay:.15s}.folio-head__part--mouth{position:absolute;top:112px;left:83px;width:35px;transition-delay:.05s}.high-five{position:relative;display:flex;width:100%;margin:0 auto}@media (min-width:768px){.high-five{max-width:680px;max-height:680px}}.high-five__button{position:absolute;top:4%;left:66%;display:flex;align-items:center;justify-content:center;width:19vw;transform-origin:70% 100%;transition:transform .2s cubic-bezier(.19,1,.22,1)}@media (min-width:768px){.high-five__button{top:3%;max-width:18vw}}@media (min-width:1024px){.high-five__button{top:10px;left:435px;width:180px}}.high-five__button:hover{transform:scale(.9)}.high-five__bang{position:absolute;font-size:4.375rem;transform:scale(0)}@media (min-width:1024px){.high-five__bang{top:0;max-width:100%;font-size:12.5rem}}.fluid-grid{width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin:0 auto}@media (min-width:576px){.fluid-grid{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}}@media (min-width:768px){.fluid-grid{width:calc(100vw - 100px);max-width:calc(100vw - 100px)}}@media (min-width:1024px){.fluid-grid{width:calc(100vw - 200px);max-width:1400px}}@media (min-width:1200px){.fluid-grid{width:calc(100vw - 200px);max-width:1400px}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.fluid-grid [class^=col-]{flex:1 1 auto!important}}.row{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;min-width:100%;margin-right:-.25rem;margin-left:-.25rem}@media (min-width:576px){.row{margin-right:-.25rem;margin-left:-.25rem}}@media (min-width:768px){.row{margin-right:-.25rem;margin-left:-.25rem}}@media (min-width:1024px){.row{margin-right:-.5rem;margin-left:-.5rem}}@media (min-width:1200px){.row{margin-right:-.5rem;margin-left:-.5rem}}.col-9{flex-basis:calc(75vw - 24px + 0.375rem);flex-grow:0;flex-shrink:1;box-sizing:border-box;width:calc(75vw - 24px + .375rem);max-width:calc(75vw - 24px + .375rem);padding-right:.25rem;padding-left:.25rem}@media (min-width:576px){.col-9{flex-basis:calc(75vw - 24px + 0.375rem);width:calc(75vw - 24px + .375rem);max-width:calc(75vw - 24px + .375rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:768px){.col-9{flex-basis:calc(75vw - 75px + 0.375rem);width:calc(75vw - 75px + .375rem);max-width:calc(75vw - 75px + .375rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:1024px){.col-9{flex-basis:calc(75vw - 150px + 0.75rem);width:calc(75vw - 150px + .75rem);max-width:calc(1050px + .75rem);padding-right:.5rem;padding-left:.5rem}}@media (min-width:1200px){.col-9{flex-basis:calc(75vw - 150px + 0.75rem);width:calc(75vw - 150px + .75rem);max-width:calc(1050px + .75rem);padding-right:.5rem;padding-left:.5rem}}.col-10{flex-basis:calc(83.333vw - 26.66656px + 0.41667rem);flex-grow:0;flex-shrink:1;box-sizing:border-box;width:calc(83.333vw - 26.66656px + .41667rem);max-width:calc(83.333vw - 26.66656px + .41667rem);padding-right:.25rem;padding-left:.25rem}@media (min-width:576px){.col-10{flex-basis:calc(83.333vw - 26.66656px + 0.41667rem);width:calc(83.333vw - 26.66656px + .41667rem);max-width:calc(83.333vw - 26.66656px + .41667rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:768px){.col-10{flex-basis:calc(83.333vw - 83.333px + 0.41667rem);width:calc(83.333vw - 83.333px + .41667rem);max-width:calc(83.333vw - 83.333px + .41667rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:1024px){.col-10{flex-basis:calc(83.333vw - 166.666px + 0.83333rem);width:calc(83.333vw - 166.666px + .83333rem);max-width:calc(1166.662px + .83333rem);padding-right:.5rem;padding-left:.5rem}}@media (min-width:1200px){.col-10{flex-basis:calc(83.333vw - 166.666px + 0.83333rem);width:calc(83.333vw - 166.666px + .83333rem);max-width:calc(1166.662px + .83333rem);padding-right:.5rem;padding-left:.5rem}}.col-12{flex-basis:calc(100vw - 32px + 0.5rem);flex-grow:0;flex-shrink:1;box-sizing:border-box;width:calc(100vw - 32px + .5rem);max-width:calc(100vw - 32px + .5rem);padding-right:.25rem;padding-left:.25rem}@media (min-width:576px){.col-12{flex-basis:calc(100vw - 32px + 0.5rem);width:calc(100vw - 32px + .5rem);max-width:calc(100vw - 32px + .5rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:768px){.col-12{flex-basis:calc(100vw - 100px + 0.5rem);width:calc(100vw - 100px + .5rem);max-width:calc(100vw - 100px + .5rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:1024px){.col-12{flex-basis:calc(100vw - 200px + 1rem);width:calc(100vw - 200px + 1rem);max-width:calc(1400px + 1rem);padding-right:.5rem;padding-left:.5rem}}@media (min-width:1200px){.col-12{flex-basis:calc(100vw - 200px + 1rem);width:calc(100vw - 200px + 1rem);max-width:calc(1400px + 1rem);padding-right:.5rem;padding-left:.5rem}}.col-offset-1{margin-left:calc(8.333vw - 2.66656px + .04167rem)}@media (min-width:576px){.col-offset-1{margin-left:calc(8.333vw - 2.66656px + .04167rem)}}@media (min-width:768px){.col-offset-1{margin-left:calc(8.333vw - 8.333px + .04167rem)}}@media (min-width:1024px){.col-offset-1{margin-left:calc(8.333vw - 16.666px + .08333rem)}}@media (min-width:1200px){.col-offset-1{margin-left:calc(8.333vw - 16.666px + .08333rem)}}@media (min-width:1600px){.col-offset-1{margin-left:calc(116.662px + .08333rem)}}@media (min-width:768px){.md-col-7{flex-basis:calc(58.333vw - 18.66656px + 0.29167rem);width:calc(58.333vw - 18.66656px + .29167rem);max-width:calc(58.333vw - 18.66656px + .29167rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:768px) and (min-width:768px){.md-col-7{flex-basis:calc(58.333vw - 58.333px + 0.29167rem);width:calc(58.333vw - 58.333px + .29167rem);max-width:calc(58.333vw - 58.333px + .29167rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:768px) and (min-width:1024px){.md-col-7{flex-basis:calc(58.333vw - 116.666px + 0.58333rem);width:calc(58.333vw - 116.666px + .58333rem);max-width:calc(816.662px + .58333rem);padding-right:.5rem;padding-left:.5rem}}@media (min-width:768px) and (min-width:1200px){.md-col-7{flex-basis:calc(58.333vw - 116.666px + 0.58333rem);width:calc(58.333vw - 116.666px + .58333rem);max-width:calc(816.662px + .58333rem);padding-right:.5rem;padding-left:.5rem}}@media (min-width:1024px){.lg-col-8{flex-basis:calc(66.667vw - 21.33344px + 0.33334rem);width:calc(66.667vw - 21.33344px + .33334rem);max-width:calc(66.667vw - 21.33344px + .33334rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:1024px) and (min-width:1024px){.lg-col-8{flex-basis:calc(66.667vw - 133.334px + 0.66667rem);width:calc(66.667vw - 133.334px + .66667rem);max-width:calc(933.338px + .66667rem);padding-right:.5rem;padding-left:.5rem}}@media (min-width:1024px) and (min-width:1200px){.lg-col-8{flex-basis:calc(66.667vw - 133.334px + 0.66667rem);width:calc(66.667vw - 133.334px + .66667rem);max-width:calc(933.338px + .66667rem);padding-right:.5rem;padding-left:.5rem}}@media (min-width:1200px){.xl-col-6{flex-basis:calc(50vw - 16px + 0.25rem);width:calc(50vw - 16px + .25rem);max-width:calc(50vw - 16px + .25rem);padding-right:.25rem;padding-left:.25rem}}@media (min-width:1200px) and (min-width:1200px){.xl-col-6{flex-basis:calc(50vw - 100px + 0.5rem);width:calc(50vw - 100px + .5rem);max-width:calc(700px + .5rem);padding-right:.5rem;padding-left:.5rem}}@media (min-width:1200px){.xl-col-offset-2{margin-left:calc(16.667vw - 5.33344px + .08334rem)}}@media (min-width:1200px) and (min-width:1200px){.xl-col-offset-2{margin-left:calc(16.667vw - 33.334px + .16667rem)}}@media (min-width:1200px) and (min-width:1600px){.xl-col-offset-2{margin-left:calc(233.338px + .16667rem)}}.custom-select-container{position:relative;width:100%}.custom-select-container .custom-select-icon-wrapper{position:absolute;top:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;width:2.8125rem;height:100%;border-left:1px solid #000;pointer-events:none}.custom-select-container .custom-select-icon{width:100%;height:100%;transition:transform .3s cubic-bezier(.19,1,.22,1)}.custom-select-container .custom-select-opener{display:none;width:100%;height:55px;padding:1rem 1.5rem;color:#000;font-size:.75rem;line-height:1.5;letter-spacing:.125rem;border:1px solid #000;cursor:pointer;transition:border .3s ease-in}.has-error .custom-select-container .custom-select-opener{border-color:red}@media (min-width:1024px){.custom-select-container .custom-select-opener{display:block}}.custom-select-container .custom-select-panel{position:absolute;top:55px;left:0;z-index:10;width:100%;max-height:200px;padding:1rem 0;overflow:auto;background-color:#fff;border:1px solid #e6e4ea;transform:scaleY(.5);transform-origin:50% 0;opacity:0;transition:opacity .2s ease,transform .3s ease;pointer-events:none}.custom-select-container .custom-select-option{padding:.3125rem 1.5rem;color:#e6e4ea;font-size:.75rem;line-height:2.5;letter-spacing:.125rem;cursor:pointer}.custom-select-container .custom-select-option:first-child{padding-top:0}.custom-select-container .custom-select-option:last-child{padding-bottom:0}.custom-select-container .custom-select-option.has-focus{color:#000}.custom-select-container .custom-select-option.is-selected{color:#000;font-weight:600}.custom-select-container.is-open .custom-select-panel{transform:scaleY(1);opacity:1;pointer-events:auto}.custom-select-container.is-open .custom-select-icon{transform:scaleY(-1)}.form__field-wrapper{margin:1rem 0}.form__label{display:block;font-weight:600;font-size:.875rem}.form__field-error{color:red;font-size:.875rem}.nav{position:fixed;top:0;left:0;z-index:50;display:flex;align-items:center;width:100vw;height:80px}.project-preview{width:100%;margin-top:100px;background-color:#e6e4ea}.project-preview:first-child{margin-top:0}.project-preview__img-holder{position:relative;overflow:visible;perspective:900px}.project-preview__img-bg{position:absolute;top:0;width:50vw;height:50vw;background-color:#000}@media (min-width:768px){.project-preview__img-bg{width:150px;height:150px}}@media (min-width:1024px){.project-preview__img-bg{width:200px;height:200px}}.project-preview__img{position:relative;width:50vw}@media (min-width:768px){.project-preview__img{width:150px}}@media (min-width:1024px){.project-preview__img{width:200px}}.project-preview__img--overlay{position:absolute;top:0;mix-blend-mode:screen}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:mt-0{margin-top:0}.md\:pl-8{padding-left:2rem}}@media (min-width:1024px){.lg\:inline{display:inline}.lg\:hidden{display:none}.lg\:mt-48{margin-top:12rem}.lg\:mt-auto{margin-top:auto}.lg\:pt-64{padding-top:16rem}}