a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}img{max-width:100%}@font-face{font-family:ButlerBold;src:url(../fonts/butler_bold-webfont.woff2) format("woff2"),url(../fonts/butler_bold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ButlerExtraBold;src:url(../fonts/butler_extrabold-webfont.woff2) format("woff2"),url(../fonts/butler_extrabold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:NowLight;src:url(../fonts/now-light-webfont.woff2) format("woff2"),url(../fonts/now-light-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:NowThin;src:url(../fonts/now-thin-webfont.woff2) format("woff2"),url(../fonts/now-thin-webfont.woff) format("woff");font-weight:400;font-style:normal}*,:after,:before{margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow-x:hidden;font-size:8px}@media (min-width:360px){body,html{font-size:10px}}@media (min-width:520px){body,html{font-size:12px}}@media (min-width:768px){body,html{font-size:14px}}body{background:#fff;overflow-x:hidden}.loader{position:absolute;z-index:5;top:0;left:0;width:100vw;height:100vh;background-color:#06070b;-webkit-transition:2.5s cubic-bezier(.215,.61,.355,1);-o-transition:2.5s cubic-bezier(.215,.61,.355,1);transition:2.5s cubic-bezier(.215,.61,.355,1)}.loader.is-out{opacity:0;pointer-events:none}.intro{width:100vw;height:100vh}canvas{width:100%;height:100%}.main{padding-top:4rem;padding-bottom:4rem;background:#06070b;color:#fff}.center{margin-left:auto;margin-right:auto;max-width:1280px;padding-left:2rem;padding-right:2rem}@media (min-width:1024px){.center{padding-left:2.5rem;padding-right:2.5rem}}.headline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff}.headline h1,.headline h2,.headline h4{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:2s cubic-bezier(.215,.61,.355,1);-o-transition:2s cubic-bezier(.215,.61,.355,1);transition:2s cubic-bezier(.215,.61,.355,1)}.headline h1+h2{margin-top:1rem}.headline h2{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.headline h2+h4{margin-top:.5rem}.headline h4{-webkit-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s}.headline.is-hidden h1,.headline.is-hidden h2,.headline.is-hidden h4{-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem);opacity:0}h1{font-family:ButlerExtraBold;font-size:5rem;font-weight:400}h2{font-family:NowLight;font-size:2rem;font-weight:400}h3{font-family:ButlerBold;font-size:2rem;font-weight:400}@media (min-width:360px){h3{font-size:1.5rem}}h4{font-family:NowLight;font-size:1.2rem;font-weight:400}@media (min-width:360px){h4{font-size:1rem}}.recentProjects h2{-webkit-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem);opacity:0;-webkit-transition:1s cubic-bezier(.215,.61,.355,1);-o-transition:1s cubic-bezier(.215,.61,.355,1);transition:1s cubic-bezier(.215,.61,.355,1)}.recentProjects.is-active h2{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.projectList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-perspective:2500px;perspective:2500px;margin-top:2rem;width:100%}.projectCard{position:relative;-webkit-transform:translateY(2rem) rotateY(60deg);transform:translateY(2rem) rotateY(60deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.65);box-shadow:0 0 0 1px rgba(0,0,0,.65);opacity:0;-webkit-transition:2s cubic-bezier(.215,.61,.355,1);-o-transition:2s cubic-bezier(.215,.61,.355,1);transition:2s cubic-bezier(.215,.61,.355,1)}.projectCard a{color:#fff}.projectCard:after,.projectCard:before{content:'';display:block;position:absolute;z-index:2;top:0;left:0;width:100%;height:calc(100% + 1px);border:1px solid rgba(119,119,119,.05);border-top:0;background:-webkit-gradient(linear,left bottom,left top,from(#0e101c),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(bottom,#0e101c 0,rgba(0,0,0,0) 100%);background:-o-linear-gradient(bottom,#0e101c 0,rgba(0,0,0,0) 100%);background:linear-gradient(to top,#0e101c 0,rgba(0,0,0,0) 100%);opacity:0;-webkit-transition:1.5s cubic-bezier(.215,.61,.355,1);-o-transition:1.5s cubic-bezier(.215,.61,.355,1);transition:1.5s cubic-bezier(.215,.61,.355,1);pointer-events:none}.projectCard+.projectCard{margin-top:2rem}.projectCard.is-visible{-webkit-transform:translateY(0) rotateY(0);transform:translateY(0) rotateY(0);opacity:1}.projectCard.is-visible:before{opacity:1}.projectCard.is-visible .projectImage img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.projectCard.is-visible .projectDetails h3,.projectCard.is-visible .projectDetails span{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:1s cubic-bezier(.215,.61,.355,1);-o-transition:1s cubic-bezier(.215,.61,.355,1);transition:1s cubic-bezier(.215,.61,.355,1)}.projectCard.is-visible .projectDetails span{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s}.projectCard.is-visible .projectDetails h3{-webkit-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}.projectCard:hover:after{opacity:.5}.projectCard:hover .projectImage img{-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025);-webkit-transition:2s cubic-bezier(.215,.61,.355,1);-o-transition:2s cubic-bezier(.215,.61,.355,1);transition:2s cubic-bezier(.215,.61,.355,1)}.projectCard:hover .projectDetails{-webkit-transform:translateY(-.5rem);-ms-transform:translateY(-.5rem);transform:translateY(-.5rem);-webkit-transition:2s cubic-bezier(.215,.61,.355,1);-o-transition:2s cubic-bezier(.215,.61,.355,1);transition:2s cubic-bezier(.215,.61,.355,1)}@media (min-width:420px) and (max-width:719px){.projectCard{width:calc(50% - 1rem);margin-right:1rem;margin-left:1rem}.projectCard:nth-child(2){margin-top:0}.projectCard:nth-child(odd){margin-left:0}.projectCard:nth-child(even){margin-right:0}}@media (min-width:720px){.projectCard{-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;margin-right:1rem;margin-left:1rem}.projectCard+.projectCard{margin-top:0}.projectCard:first-child{margin-left:0}.projectCard:last-child{margin-right:0}}@media (min-width:1024px){.projectCard{margin-right:1.25rem;margin-left:1.25rem}}.projectImage{position:relative;z-index:1;overflow:hidden}.projectImage:before{content:'';display:block;width:100%;height:0;padding-top:132.86%}.projectImage img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-transition:1s cubic-bezier(.215,.61,.355,1);-o-transition:1s cubic-bezier(.215,.61,.355,1);transition:1s cubic-bezier(.215,.61,.355,1)}.projectDetails{position:absolute;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:3;bottom:0;left:0;padding:1.5rem;-webkit-transition:1s cubic-bezier(.215,.61,.355,1);-o-transition:1s cubic-bezier(.215,.61,.355,1);transition:1s cubic-bezier(.215,.61,.355,1)}.projectDetails span{display:block;font-family:NowLight;font-size:1rem;font-weight:400}@media (min-width:520px){.projectDetails span{font-size:.75rem}}.projectDetails span+h3{margin-top:.5rem}.projectDetails h3,.projectDetails span{-webkit-transform:translateY(1.5rem);-ms-transform:translateY(1.5rem);transform:translateY(1.5rem);opacity:0;-webkit-transition:.35s cubic-bezier(.215,.61,.355,1);-o-transition:.35s cubic-bezier(.215,.61,.355,1);transition:.35s cubic-bezier(.215,.61,.355,1)}