@charset "UTF-8";@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}.nav-main{align-items:center;background:#fff;border-bottom:2px solid #313E50;display:flex;height:4rem;left:0;position:absolute;width:100%;z-index:3}@media screen and (max-width:50rem){.nav-main{border-bottom-width:0;height:3rem;position:fixed}}.nav-main a{color:#313e50}.nav-main .nav-logo{margin-left:1rem}@media screen and (max-width:50rem){.nav-main .nav-logo{left:.75rem}.nav-main .nav-logo img.syllable-logo{width:6rem}}.nav-main .nav-items{display:flex;align-items:flex-end;justify-content:flex-end;width:100%}@media screen and (max-width:50rem){.nav-main .nav-items{margin-right:.75rem}}.nav-main .nav-items li{font-size:1.5rem;margin:0 1.5vw;text-align:center}@media screen and (max-width:50rem){.nav-main .nav-items li{font-size:1.25rem;margin:0 2vw;min-width:0}.nav-main .nav-items li:last-child{margin-right:0}}.nav-main .syll.indicator{-webkit-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased}.nav-main .syll.indicator:after{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);font-size:.8em;content:"•"}.nav-main .syll.indicator{position:relative;height:.65em;display:inline-block;overflow:hidden;width:0;transform:scale(0);transition:.25s cubic-bezier(0,.92,.62,1) all;transition-property:width,transform;transform:scale(1);width:.5em}@media screen and (min-width:50rem){.nav-main .studio{width:8rem}.nav-main .projects{width:9rem}.nav-main .blog{width:5rem}.nav-main .syll{-webkit-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased}.nav-main .syll:after{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);font-size:.8em;content:"•"}.nav-main .syll{position:relative;height:.65em;display:inline-block;overflow:hidden;width:0;transform:scale(0);transition:.25s cubic-bezier(0,.92,.62,1) all;transition-property:width,transform}.nav-main .item-secondary a{white-space:nowrap;text-align:center}.nav-main .item-secondary a:hover .syll{transform:scale(1);width:.5em}}.nav-main .syllable-logo:before{width:auto}.nav-main img.syllable-logo{width:6em;vertical-align:middle}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}.nav-side .bar-wrap{position:fixed;z-index:2;height:100vh;top:0}.nav-side .bar-wrap.right{margin-left:100%}.nav-side .bar-wrap.right .bar{right:0}.nav-side .bar{position:absolute;height:100%;width:2.5rem;content:"";background:#313e50}.nav-side .menu{position:absolute;bottom:1rem;background:none;text-align:center}.nav-side .menu .menu-item{color:#fff;margin-bottom:1.25rem;overflow:hidden;text-align:left}.nav-side .menu .menu-item .menu-item__animation-wrapper{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;margin-bottom:.3rem;width:2.5rem}.nav-side .menu .menu-item:last-child{margin-bottom:0}.nav-side .menu .menu-item:hover .menu-item__animation-wrapper{width:auto}.nav-side .menu .menu-item:hover .menu-item__label{transform:translate(0)}.nav-side .menu .menu-item:hover .menu-item__icon{background:#fff;color:#313e50}.nav-side .menu .menu-item:hover .menu-item__icon:before{transform:scale(1.1);transition:.25s cubic-bezier(0,.92,.62,1) all;transition-property:transform}.nav-side .menu .menu-item .menu-item__icon,.nav-side .menu .menu-item .menu-item__label{box-sizing:border-box;display:inline-block;height:100%;position:relative}.nav-side .menu .menu-item .menu-item__icon{padding:.5rem .25rem;transition:all .2s ease-in-out;width:2.5rem;z-index:2}.nav-side .menu .menu-item .menu-item__label{background:#fff;box-shadow:1px 1px 1px #0003;color:#313e50;font-size:.9rem;line-height:1.5rem;padding:.5rem .75rem;text-align:left;text-transform:uppercase;transform:translate(calc(-100% - 2.6rem));transition:transform .2s ease-in-out;transition-delay:.1s;z-index:-1}.nav-side .menu .icon-twitter{font-size:.85em}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@keyframes clouds{0%{opacity:.4;transform:translateY(0)}to{opacity:.4;transform:translateY(-50%)}}.page-home .page-panel{background:linear-gradient(0deg,#ced1e0,#b1b1c0);overflow:hidden}.page-home .page-panel .bg{top:0;left:0;right:0;bottom:0;position:absolute}.page-home .page-panel .bg-building{background:no-repeat center center fixed;background-size:cover;z-index:2;opacity:0;transition:opacity .5s}.page-home .page-panel .bg-clouds-wrap{z-index:1;opacity:0;transition:opacity .5s}.page-home .page-panel .bg-clouds{background-repeat:repeat-y;background-size:auto 200vh;opacity:.4;background-position:center top;height:400%;animation-name:clouds;animation-duration:250s;animation-iteration-count:infinite;animation-timing-function:linear}.page-home.demo .page-panel{overflow:visible;transform:scale(.1)}.page-home.demo .page-panel .bg-clouds{animation-duration:5s}.page-home .animation{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);margin-top:2vh;width:30vw;z-index:4}@media screen and (max-width:56rem){.page-home .animation{width:50vw}}@media screen and (max-width:25rem){.page-home .animation{width:75vw}}.page-home .hidden-preloaders{position:absolute;height:0;width:0;overflow:hidden}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}.project-summary{text-align:center;padding:0 1.5rem}.project-summary[data-is-current-project=false]{display:none;opacity:0;height:0}.project-summary[data-is-current-project=true]{height:auto;opacity:1;display:block;transition:.25s;transition-property:opacity}.project-summary .project-summary__name,.project-summary .project-summary__skills{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:900;color:#5d5e60}.project-summary .project-summary__text{font-size:2rem;margin:1.5rem 0}@media screen and (max-width:50rem){.project-summary .project-summary__text{font-size:1.5rem}}.project-summary .pipe{padding:.35rem}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}.lazy-img{position:relative}.lazy-img .loading-icon{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);display:none;font-size:2rem;margin-left:-1rem;z-index:3}.lazy-img[data-status=loading] img{opacity:.4}.lazy-img[data-status=loading] .loading-icon{display:block}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}.projects__nav{position:fixed;z-index:3}.projects__nav.arrow-prev,.projects__nav.arrow-next{height:1.8rem;top:50vh;width:1.8rem}.projects__nav.arrow-prev button,.projects__nav.arrow-next button{background:#fff;border-radius:50%;cursor:pointer;font-size:1rem;height:100%;width:100%}.projects__nav.arrow-prev button,.projects__nav.arrow-prev button:before,.projects__nav.arrow-next button,.projects__nav.arrow-next button:before{padding:0;margin:0}.projects__nav.arrow-prev button:focus,.projects__nav.arrow-next button:focus{outline:0}.projects__nav.arrow-prev:hover,.projects__nav.arrow-next:hover{transform:scale(1.1);transition:.25s cubic-bezier(0,.92,.62,1) all}.projects__nav.arrow-prev{left:.3rem}.projects__nav.arrow-prev button:before{transform:rotate(-90deg)}.projects__nav.arrow-next{right:.3rem}.projects__nav.arrow-next button:before{transform:rotate(90deg)}.page-projects{position:relative}.page-projects .page-inner{display:flex;flex-direction:row;position:relative}@media screen and (max-width:50rem){.page-projects .page-inner{flex-direction:column-reverse}}.page-projects .portfolio-panel{width:50%}@media screen and (max-width:50rem){.page-projects .portfolio-panel{width:auto}}.page-projects .portfolio-panel .lazy-img{height:100%;position:relative;width:100%}.page-projects .portfolio-panel .lazy-img img{height:100%;width:100%;object-fit:cover;object-position:top}.page-projects .portfolio-summary-section{background:#fff;display:flex;align-items:center;padding:2rem 0}.page-projects .portfolio-summary-section .portfolio-summary{margin:auto}@media screen and (max-width:50rem){.page-projects .portfolio-summary-section{flex-grow:1}}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}.page-about .page-panel{position:relative;font-size:1.5rem}.page-about .flex-container{min-height:100%}@media screen and (max-width:50rem){.page-about .flex-container{flex-direction:column}}.page-about .background-map{height:100%;width:100%;background:url(/background-map.png) no-repeat center center;background-size:cover}@media screen and (max-width:50rem){.page-about .about-map{height:50vh}}.page-about address{color:#5d5e60}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}.page-404 .wrap{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);font-family:Matter-Regular,serif;text-align:center;color:#fff;font-size:1.5rem}.page-404 .h1{font-size:4rem;margin-bottom:1.5rem;font-family:Matter-SemiBold,serif}@font-face{font-family:fontello;src:url(/assets/fontello-RUc7Yclp.eot?34923392);src:url(/assets/fontello-RUc7Yclp.eot?34923392#iefix) format("embedded-opentype"),url(/assets/fontello-DysLxeLa.woff2?34923392) format("woff2"),url(/assets/fontello-BLETlUoH.woff?34923392) format("woff"),url(/assets/fontello-DB07Xzs-.ttf?34923392) format("truetype"),url(/assets/fontello-jgsT2d4o.svg?34923392#fontello) format("svg");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-twitter:before{content:""}.icon-syllable-logo:before{content:""}.icon-arrow-up:before{content:""}.icon-spin2:before{content:""}.icon-spin3:before{content:""}.icon-behance:before{content:""}.icon-medium:before{content:""}.animate-spin{-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}@font-face{font-family:Matter-Regular;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-Regular.woff2) format("woff2"),url(/fonts/Matter-Regular.woff) format("woff")}@font-face{font-family:Matter-SemiBold;font-weight:400;font-style:normal;font-display:swap;unicode-range:U+000-5FF;src:url(/fonts/Matter-SemiBold.woff2) format("woff2"),url(/fonts/Matter-SemiBold.woff) format("woff")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{font-size:16px}body{margin:0;padding:0}body .page{font-family:Matter-SemiBold,serif;letter-spacing:-.035em;line-height:1.2;font-size:1.25rem}.page{position:relative;width:100%;color:#313e50;margin:0 auto;height:100vh}a{text-decoration:none;color:#4a86e8}p{margin-bottom:1.5rem}button{border:none}.page-inner{box-sizing:border-box;height:100vh;padding:4rem 2.5rem 0;font-family:Matter-Regular,serif}@media screen and (max-width:50rem){.page-inner{height:auto;min-height:100vh;padding-top:3rem}}.two-col-panel{background-color:#fff;box-sizing:border-box;min-height:calc(100vh - 4rem);overflow:hidden;position:relative}.two-col-panel.scroll{overflow-y:auto}@media screen and (max-width:50rem){.two-col-panel{height:50%;min-height:calc(50vh - 3rem);overflow-y:visible}}.page-panel{top:0;left:0;right:0;bottom:0;position:absolute;background:#fff}.page-panel .h2{font-weight:900;margin-bottom:1rem}.page-panel section{margin:3rem}.flex-wrap{display:flex;align-items:center;justify-content:center}.flex-wrap .flex-item{max-width:50%}.flex-wrap .flex-item--top{align-self:flex-start}.flex-wrap .flex-item--bottom{align-self:flex-end}.flex-container{display:flex;background:inherit}@media screen and (max-width:50rem){.flex-container{display:block}.flex-container .flex-cols-2{width:100%}.flex-container .flex-cols-2.col-right{border-left:none}}.flex-cols-2{flex-grow:1;width:50%}.flex-cols-2.col-right{border-left:2px solid #313E50}.no-wrap{white-space:nowrap}