body,html{padding:0;margin:0;font-family:Lato,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.right{text-align:right}.left{text-align:left}.out{opacity:0}.in{opacity:1}.button,button{background:#58a900;border:1px solid #3d7600;border-left:1px solid #73dc00;border-top:1px solid #73dc00;font-size:1.1em;font-weight:700;box-shadow:0 1px 14px rgba(0,0,0,.2);color:#fff;padding:6px 12px;text-decoration:none}h1{font-size:2.5em;font-weight:400;color:#141414;margin:10px 0}p{margin:1.4em 0;line-height:1.4em;color:#333}.header{font-size:1em}.header ul{margin:0}.header ul li{display:inline-block}.header ul li a{color:#141414;padding:10px;text-decoration:none}.header ul li a.cta{color:#58a900}.hero{font-size:1.1em}.hero .copy{flex:1.3;position:relative}.hero .copy .copy-cover{position:absolute;top:0;left:0;width:220%;height:100%;background:linear-gradient(-80deg,#fff 49%,hsla(0,0%,100%,0) 51%);transform:translate3d(-55%,0,0);transition:transform .7s ease-in-out}.hero .copy .copy-cover.in{transform:translate3d(50%,0,0)}.hero .copy .meta{opacity:0;transform:translate3d(0,15px,0);transition:all .7s cubic-bezier(0,0,.04,.99)}.hero .copy .meta.in{opacity:1;transform:translateZ(0)}.hero .copy h1{padding-top:140px;padding-right:20px}.hero .copy p{padding-right:40px;max-width:500px}.hero .container{position:relative;display:flex;flex-direction:row;height:590px;overflow:hidden}.hero-sub{background:linear-gradient(#2e2e2e,#242424);padding:120px 0}#apps-container{width:100%;height:100px;margin:auto;margin-top:50px;position:relative;overflow:hidden}#apps-container .timeline{border-bottom:1px solid #ccc;color:#ccc;font-size:11px;position:absolute;top:30px;width:100%;height:20px}#apps-container .timeline-cover{position:absolute;display:none;top:30px;width:300%;left:-200%;height:30px;background:-webkit-linear-gradient(right,#1d3505,#1d3505 33%,rgba(25,45,4,0) 50%,rgba(25,45,4,0));transition:left 1.2s ease-out}#apps-container .timeline-cover.in{left:-100%}#apps-container #icons-container{position:relative;margin-left:30px}#apps-container #icons-container img{opacity:0;transition-delay:.1s;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateZ(0)}#apps-container #icons-container img.in{opacity:1;transform:translate3d(10px,0,0)}.green-top-border{border-top:5px solid #58a900}.leftpad,.rightpad{background-color:#fff}.container.case-study{font-size:1.1em;display:flex;flex-wrap:wrap}.container.case-study .artwork{flex:1;position:relative}.container.case-study .artwork .artwork-shadow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 40px 90% at 100% 50%,rgba(0,0,0,.1) 20%,transparent 60%);z-index:2}.container.case-study .writeup{flex:1.7;background-color:#fff;padding:90px 180px;padding-right:0;z-index:3}.container.case-study .writeup p{line-height:1.6em}.container.case-study .writeup blockquote{color:#666;font-style:italic;font-size:1.1em;line-height:1.6em;margin-top:40px;margin-left:20px;display:inline-block;quotes:"\201C" "\201D";position:relative}.container.case-study .writeup blockquote div{text-align:right;font-size:.8em}.container.case-study .writeup blockquote:before{color:#ccc;position:absolute;left:-30px;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.container.case-study .writeup h2{margin-top:.3em}.container.case-study .writeup .recent{font-size:.9em;color:#aaa}.container.case-study.right .artwork .artwork-shadow{background:radial-gradient(ellipse 40px 90% at 0 50%,rgba(0,0,0,.1) 20%,transparent 60%)}.container.case-study.right .writeup{text-align:left;padding:90px 180px;padding-left:0}#trance-art img.phone{position:absolute;transform:rotate(-17deg) translate(-50%,-50%);transition:all 1s cubic-bezier(0,0,.04,.99);top:70%;right:-110%;opacity:0}#trance-art.in img.phone{top:40%;right:-90%;opacity:1;transform:rotate(-20deg) translate(-50%,-50%)}#optiolabs-art img{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(0,0,.04,.99)}#optiolabs-art.in img{opacity:1;transform:translate(0)}#parworks-art img{opacity:0;transition:all .6s cubic-bezier(0,0,.04,.99)}#parworks-art img.background{transform:translateY(-15px)}#parworks-art img.hand{transform:translateY(30px)}#parworks-art.in img{opacity:1}#parworks-art.in img.background,#parworks-art.in img.hand{transform:translate(0)}a.cta{color:#58a900;font-weight:600;text-decoration:none}a.cta:hover{text-decoration:underline}.container{max-width:1150px;width:90vw;margin:auto}.dark h1,.dark h2,.dark h3,.dark strong{color:#fff}.dark a,.dark div,.dark p{color:hsla(0,0%,100%,.7)}.meta{color:#555;font-size:.8em}.skills .skill{display:flex;vertical-align:top;margin-top:25px;font-size:.9em}.skills .skill h3,.skills .skill p{margin:0;margin-bottom:2px}.skills .skill img{width:50px;height:50px;margin-right:10px}.grown .grown-flex{display:flex;flex-wrap:wrap;margin-left:-30px;margin-right:-30px}.grown .grown-item{display:inline-block;box-sizing:border-box;vertical-align:top;margin-bottom:30px;margin:30px;flex:1;width:40%;min-width:400px}.grown .grown-item .padded{padding:5px 20px 20px}.grown .grown-item .padded h2 .button{float:right;font-size:.6em}.grown .grown-item .padded ul{padding-left:20px;padding-top:0;margin:10px 0;line-height:1.4em;font-size:.9em}.grown .grown-item .padded .section-header{font-weight:700;font-size:.8em;text-transform:uppercase;border-bottom:1px dotted #ccc;margin-top:25px;margin-bottom:10px;color:#ccc;opacity:.5}.grown .grown-item .padded .trophy{float:right;width:80px;opacity:.4;position:relative;top:-10px}.grown .grown-item .padded .quotes{display:flex}.grown .grown-item .padded .quotes .quote{flex:1;font-size:.9em;font-style:italic;line-height:1.4em;max-width:250px;margin-right:25px}.grown .grown-item .padded .quotes .quote div{text-align:right;font-size:.9em}.grown .grown-item .hero{width:100%;min-height:260px;height:33%;position:relative}.team{border-top:4px solid #58a900}.team .team-flex{display:flex;align-items:baseline}.team .bio{flex:1;margin-top:2em}.team .bio img{padding-left:20px;padding-bottom:20px}.team .bio h3{margin-bottom:3px}.team .bio span{font-weight:.8em;color:#aaa}.team .bio span+p{margin-top:.7em}.team .bio.large{margin-right:40px}.lets-get-started{margin-top:100px;border-top:1px solid rgba(0,0,0,.3);background:#29292c;padding:100px 0;position:relative}.lets-get-started .topographical{top:0;left:0;width:100%;height:100%;position:absolute;background-color:#29292c;background-image:url("/img/topographical.svg");background-position:50% 50%;overflow:hidden}.lets-get-started .topographical svg{position:absolute;top:50%;left:50%;margin:auto;stroke:hsla(0,0%,100%,.6);stroke-dasharray:3 1000;stroke-dashoffset:6;stroke-width:3;fill:none;animation-duration:30s;animation-name:strokeanim;animation-iteration-count:infinite;animation-direction:alternate-reverse}.lets-get-started .topographical svg.left{transform:translate(50%,-50%)}.lets-get-started .topographical svg.right{transform:translate(-150%,-50%);animation-direction:alternate}@keyframes strokeanim{0%{stroke-dasharray:3 1700}to{stroke-dasharray:3 1000}}.lets-get-started .container{max-width:700px;position:relative;z-index:2}.lets-get-started form label{display:block;margin-top:18px;margin-bottom:7px;color:gray;font-weight:700}.lets-get-started form input,.lets-get-started form textarea{width:100%;box-sizing:border-box;margin-right:18px;font-size:1.1em;padding:7px 10px;border:0;border-bottom:2px dotted #fff;background:hsla(0,0%,100%,.8);box-shadow:0 1px 3px rgba(0,0,0,.2)}.lets-get-started form input:focus,.lets-get-started form textarea:focus{outline:2px solid #fff;background:hsla(0,0%,100%,.95)}.lets-get-started form textarea{height:120px}.lets-get-started form button{padding:10px 20px;margin-top:30px}.lets-get-started form button:disabled{background:linear-gradient(-45deg,transparent 33%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 66%,transparent 0),linear-gradient(#999,#666);border:1px solid #ccc;border-radius:2px;background-size:70px 40px,100% 100%;animation:animatedButtonBackground 3s linear infinite}@keyframes animatedButtonBackground{0%{background-position:0 0}to{background-position:140px 0}}.footer{background:#29292c;padding-top:30px;padding-bottom:80px;border-top:1px solid hsla(0,0%,100%,.3)}.footer .container{align-items:center;display:flex}.footer ul{margin:0;padding:0}.footer ul li{display:inline-block}.footer ul li a{color:#fff;padding:10px;text-decoration:none}@media (max-width:1100px){.hero{font-size:1em}.container.case-study .writeup{padding:40px 70px;padding-right:0}.container.case-study.right .writeup{padding:90px 180px;padding-left:0}}@media (max-width:590px){.no-mobile{display:none!important;animation:none!important}.team .team-flex{display:flex;align-items:baseline;flex-direction:column}.team .team-flex .bio.large{margin-right:0}#about .container{flex-direction:column}.hero-sub{padding:40px 0}.hero .container{flex-direction:column;height:895px}.hero .container .copy{flex:0;text-align:center}.hero .container .copy p{padding-right:0}.hero .container .copy h1{padding-top:50px;padding-right:0}.grown .grown-flex{flex-direction:column;align-items:center;margin-left:0;margin-right:0}.grown .grown-item{margin-left:0;margin-right:0;width:100%;min-width:100%}.grown .grown-item .padded{padding:0}.grown .grown-item .hero{zoom:.8}#work .leftpad,#work .rightpad{display:none}#work .container.case-study{flex-direction:column}#work .container.case-study .artwork{height:400px;min-width:590px}#work .container.case-study .writeup{padding:30px 40px}}@media (max-width:400px){.grown .grown-item .hero{zoom:.6}#work .container.case-study .writeup{padding:30px 15px}}
/*# sourceMappingURL=main.bundle.css.map*/