@import url("http://brick.a.ssl.fastly.net/Clear+Sans:400,700");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}.colophon-section .email:before,.fleuron i:before,.illo-icons .center:before,.button-rounded:after,.visit-button:after{line-height:1em;font-family:"Ionicons";font-weight:normal;font-style:normal;display:inline-block;text-decoration:none;vertical-align:middle;text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale}.button-rounded:after{content:"\f362"}.colophon-section .email:before{content:"\f422"}.fleuron i:before{content:"\f44a"}.illo-icons .center:before{content:"\f451"}.visit-button:after{content:"\f29f"}*{text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important}*{box-sizing:border-box}body,td,textarea,input{font-family:'adelle-sans', sans-serif;font-weight:400;font-style:normal;line-height:1.7;font-size:1em}html{font-size:17px}body{color:#70707d}.colophon-section{background:#1d2227;background:linear-gradient(to bottom, rgba(29,34,39,0.99) 50%, rgba(29,34,39,0.95)),url("https://unsplash.imgix.net/photo-1416339442236-8ceb164046f8?q=75&w=1080&h=1080&fit=max&fm=jpg&s=b24c3a8c3404a869339793aa8b2f6d45") center center/cover,#1d2227}.colophon-section .container{padding:300px 0 200px 0;overflow:hidden}.colophon-section .contact{font-size:0.8em;text-align:right;float:left;width:45%}.colophon-section .logo{float:right;width:45%}.colophon-section .logo img{display:inline-block;vertical-align:middle;margin:0 30px 40px 0;width:100px}.colophon-section .contact h2{font-family:'futura-pt', sans-serif;font-weight:800;font-style:normal;font-size:1.2em;color:white}.colophon-section .contact .email{color:white}.colophon-section .email:before{font-size:16px;margin-right:8px;color:#f11}.colophon-section a{color:white;text-decoration:none}.colophon-section a:hover,.colophon-section a:focus{color:white;box-shadow:0 1px 0 rgba(255,255,255,0.05)}.colophon-section .contact em{margin-left:5px}.container.-slim{max-width:600px;margin:0 auto}.container.-medium{max-width:1000px;margin:0 auto}.fixed-nav{position:fixed;top:0;left:0;height:140px;z-index:1}.fixed-nav .symbol{position:relative;z-index:40;margin-left:40px;margin-top:40px;width:80px;height:80px;background-position:5px 5px;background-size:70px 70px;background-repeat:no-repeat;border-radius:50%}.fixed-nav .default .symbol{background-image:url("/assets/logo/light-symbol.svg");background-color:white}.fixed-nav .dark .symbol{background-image:url("/assets/logo/dark-symbol.svg")}.fixed-nav .dark{z-index:1}.fixed-nav .invisible .symbol{opacity:0}.fleuron{margin:40px auto;text-align:center;clear:both}.fleuron:before,.fleuron:after{content:'';display:inline-block;width:40px;height:1px;background:#ddd;vertical-align:middle;margin:0 20px}.fleuron i:before{display:inline-block;font-size:32px;color:#9AD3DB}#illo-screens rect,#illo-screens path,#illo-screens circle{stroke:#fcfcfc;stroke-width:1px;fill:none}.animated #illo-screens .s2 rect,.animated #illo-screens .s2 path,.animated #illo-screens .s2 circle,.animated #illo-screens .s3 rect,.animated #illo-screens .s3 path,.animated #illo-screens .s3 circle,.animated #illo-screens .s4 rect,.animated #illo-screens .s4 path,.animated #illo-screens .s4 circle{stroke-dashoffset:0%;stroke-dasharray:4% 96%}.animated #illo-screens .s2 rect,.animated #illo-screens .s2 path,.animated #illo-screens .s2 circle{stroke:#e6f4f6;stroke-dasharray:10% 90%;-webkit-animation:lol 7000ms ease 2 normal;animation:lol 7000ms ease 2 normal}.animated #illo-screens .s3 rect,.animated #illo-screens .s3 path,.animated #illo-screens .s3 circle{stroke:#ecc9c9;stroke-dasharray:0% 100%;-webkit-animation:lol 11000ms ease 2 normal;animation:lol 11000ms ease 2 normal}.animated #illo-screens .s4 rect,.animated #illo-screens .s4 path,.animated #illo-screens .s4 circle{stroke:#888;stroke-dasharray:0% 100%;-webkit-animation:lol 16000ms ease 2 normal;animation:lol 16000ms ease 2 normal}@-webkit-keyframes lol{0%{stroke-dashoffset:0%;stroke-dasharray:0% 100%}40%{stroke-dashoffset:50%;stroke-dasharray:100% 0%}100%{stroke-dasharray:0% 100%;stroke-dashoffset:-100%}}@keyframes lol{0%{stroke-dashoffset:0%;stroke-dasharray:0% 100%}40%{stroke-dashoffset:50%;stroke-dasharray:100% 0%}100%{stroke-dasharray:0% 100%;stroke-dashoffset:-100%}}.title-section{border-bottom:solid 1px #ddd;overflow:hidden;padding-bottom:459.4650205761px;position:relative}.title-section h5{font-family:'t26-carbon', sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:2px;color:#f11;text-align:center;font-size:1.1em;margin:10px auto}.title-section h1{font-family:'futura-pt', sans-serif;font-weight:800;font-style:normal;max-width:800px;margin:0 auto;text-align:center;font-size:2.3em;line-height:1.4;color:#111}.title-section .text{margin-top:120px;margin-bottom:10px;padding:30px;position:relative;z-index:20}.title-section .button{display:inline-block;border:solid 2px #f11;padding:10px 30px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;font-size:0.8em;border-radius:2px;color:white;background:#f11}.title-section #illo-screens{position:absolute;left:50%;bottom:-2px;margin-left:-700px;width:1400px;height:459.4650205761px}.title-section .logo{position:absolute;left:50%;bottom:170px;margin-left:-45px}.title-section .logo img{display:block;margin:20px 0}.title-section .logo .type{width:90px;height:48.6666666667px}.title-section .logo .symbol{width:90px;height:90px}.title-section .actions{position:absolute;left:50%;bottom:170px;width:300px;margin-left:-150px;text-align:center}.title-section .actions .button{background:white;border:solid 2px #f11;display:inline-block;border-radius:2px;font-family:'futura-pt', sans-serif;font-weight:800;font-style:normal;color:#f11}.process-section{position:relative;background:#c40000;color:#ffc4c4}.process-section:before{content:'';display:block;position:absolute;left:50%;top:-10px;width:200px;height:50px;background:#c40000;border-radius:50%;margin-left:-100px}.process-section h2{color:white;font-family:'futura-pt', sans-serif;font-weight:800;font-style:normal;font-size:1.7em;margin-bottom:3px}.process-section h2,.process-section p{text-align:center}.process-section p{font-size:0.9em}.process-section .illo-icons{position:relative;margin:0 auto 30px auto;height:160px}.process-section svg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.process-section .container{position:relative;padding:200px 0 100px 0;z-index:2}.process-section a,.process-section a:visited{color:white;font-weight:bold;text-decoration:none}.process-section a:hover,.process-section a:focus{color:white;box-shadow:inset 0 -1px rgba(255,255,255,0.3)}#illo-halo circle{fill:none;stroke:#444;stroke-width:0.3px;opacity:0.1}.illo-icons .center{display:block;width:160px;height:160px;line-height:152px;text-align:center;margin:0 auto;border:solid 4px white;border-radius:50%;background:#c40000}.illo-icons .center:before{color:#f11;color:white;text-shadow:4px 4px 0 #f11;font-size:72px}.illo-icons .stack{width:160px;height:160px;border-radius:50%;position:absolute;top:80px;left:50%;margin-left:-80px;margin-top:-80px;z-index:2}.illo-icons .line{display:block;position:absolute;top:-170px;left:50%;height:150px;width:1px;border-left:dashed 1px rgba(217,146,146,0.8)}.illo-icons .line.-l1{transform:rotate(427.5deg);transform-origin:0 250px}.illo-icons .line.-l2{transform:rotate(382.5deg);transform-origin:0 250px}.illo-icons .line.-l3{transform:rotate(337.5deg);transform-origin:0 250px}.illo-icons .line.-l4{transform:rotate(292.5deg);transform-origin:0 250px}.illo-icons .stack.-s1{margin-top:-80px;margin-left:-260px}.illo-icons .stack.-s2{margin-top:-207.2792206136px;margin-left:-207.2792206136px}.illo-icons .stack.-s3{margin-top:-260px;margin-left:-80px}.illo-icons .stack.-s4{margin-top:-207.2792206136px;margin-left:47.2792206136px}.illo-icons .stack.-s5{margin-top:-80px;margin-left:100px}.illo-icons .stack.-s1{background:url("images/stack-ruby.png") center center/67px 53px no-repeat}.illo-icons .stack.-s2{background:url("images/stack-git.png") center center/40px 55px no-repeat}.illo-icons .stack.-s3{background:url("images/stack-ios.png") center center/41px 69px no-repeat}.illo-icons .stack.-s4{background:url("images/stack-js.png") center center/54px 58px no-repeat}.illo-icons .stack.-s5{background:url("images/stack-rails.png") center center/91px 54px no-repeat}.prologue-section{padding:100px 0}.prologue-section p{margin:40px 0}.prologue-section .pullquote{font-size:2em;color:#f11;text-align:center;font-family:'adelle-sans', sans-serif;font-weight:300;font-style:italic;margin:50px -90px;line-height:1.5}.prologue-section h3{font-family:'t26-carbon', sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:2px;text-align:center;font-size:1.2em;text-align:center;color:#111;margin:0 auto -20px auto}.who-section{background:#fbfcfd}.who-section .box{background:white;padding:60px 0 40px 0;box-shadow:0 10px 50px rgba(154,211,219,0.09);margin-top:-10px;margin-bottom:-10px;position:relative;z-index:1;text-align:center}.who-section .box:after{content:'';display:table;clear:both}.who-section .heading{font-family:'t26-carbon', sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:2px;color:#111;font-size:1.1em}.who-section .person-item{width:50%;padding:40px}.who-section .person-item.-left{float:left}.who-section .person-item.-right{float:right}.who-section .heading+.-left+.-right{margin-top:100px}.who-section .pullquote{font-family:'adelle-sans', sans-serif;font-weight:300;font-style:italic;font-size:2em;text-align:center;margin:0 auto;color:#f11;width:60%;line-height:1.4}.who-section .actions{margin-top:30px}.who-section .lolspacer{height:150px}.person-item{text-align:left}.person-item .name{font-family:'futura-pt', sans-serif;font-weight:800;font-style:normal;font-size:1.3em;color:#111}.person-item .title{color:#888;font-family:'adelle-sans', sans-serif;font-weight:300;font-style:italic;position:relative;top:-4px;font-size:0.9em}.person-item .handle{color:#f11;font-family:'t26-carbon', sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:2px;text-transform:none;letter-spacing:-1px;font-size:0.7em}.person-item .bio{margin-top:20px;font-size:0.9em}.person-item .avatar{display:block;background:#eee;box-shadow:-4px 4px rgba(255,17,17,0.4),8px -8px rgba(154,211,219,0.4);position:relative;z-index:50}.person-item .avatar,.person-item .avatar img{width:100px;height:100px;border-radius:3px}.person-item.-right{padding-right:100px}.person-item.-right .avatar{float:right;margin-right:-150px}.person-item.-left{padding-left:100px}.person-item.-left .avatar{float:left;margin-left:-150px}.button-rounded{background:white;border:solid 2px #f11;display:inline-block;border-radius:2px;font-family:'t26-carbon', sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:2px;color:#111;padding:7px 20px;text-decoration:none;transition:all 100ms linear}.button-rounded:after{margin-left:15px;font-size:16px;position:relative;top:-1px}.button-rounded:hover,.button-rounded:focus{background:#111;color:white;border-color:transparent}.button-rounded:hover:after,.button-rounded:focus:after{color:#f11}.work-section{border-top:solid 1px rgba(154,211,219,0.5);box-shadow:inset 0 -50px 0 rgba(29,209,228,0.2),inset 0 -100px 0 rgba(29,209,228,0.2)}.work-section .container{padding-top:100px;position:relative}.work-section .text{max-width:50%;margin:0 auto;text-align:center;color:#888}.work-section h2{font-family:'futura-pt', sans-serif;font-weight:800;font-style:normal;text-align:center;color:#111;font-size:1.7em}.work-section .text p{font-size:0.9em}.work-section .text p.-short{font-size:1.2em}.work-section .tbase{margin-top:100px;width:100%;height:400px;display:block;position:relative;overflow:hidden}.work-section .project-popup{position:absolute;left:65%;top:-10px}.img-1,.img-2{position:absolute}.tbase img{max-width:1000px;margin:50px auto 0 auto}.tbase .img-1{width:800px;-webkit-transform:perspective(10000px) rotateY(25deg) rotateX(50deg) rotateZ(-25deg) scale(1) translate3d(150px, 50px, 40px);-ms-transform:perspective(10000px) rotateY(25deg) rotateX(50deg) rotateZ(-25deg) scale(1) translate3d(150px, 50px, 40px);transform:perspective(10000px) rotateY(25deg) rotateX(50deg) rotateZ(-25deg) scale(1) translate3d(150px, 50px, 40px);box-shadow:-1px 2px 2px 1px #c7c7c7,-1px 1px 0px #949494,-2px 2px 0px #949494,-3px 3px 0px #949494,-4px 4px 0px #949494,-5px 5px 0px #949494,-6px 6px 0px #949494,-7px 7px 0px #949494,-8px 8px 0px #949494,-9px 9px 0px #949494,-10px 10px 0px #949494,-11px 11px 0px #949494,-40px 40px 40px rgba(0,30,50,0.8);border-radius:25.6px;border:solid 32px #fafafa}.tbase .img-2{width:400px;-webkit-transform:perspective(10000px) rotateY(25deg) rotateX(50deg) rotateZ(-25deg) scale(1) translate3d(650px, 470px, 100px);-ms-transform:perspective(10000px) rotateY(25deg) rotateX(50deg) rotateZ(-25deg) scale(1) translate3d(650px, 470px, 100px);transform:perspective(10000px) rotateY(25deg) rotateX(50deg) rotateZ(-25deg) scale(1) translate3d(650px, 470px, 100px);box-shadow:-1px 2px 2px 1px #c7c7c7,-1px 1px 0px #949494,-2px 2px 0px #949494,-3px 3px 0px #949494,-4px 4px 0px #949494,-5px 5px 0px #949494,-6px 6px 0px #949494,-7px 7px 0px #949494,-8px 8px 0px #949494,-9px 9px 0px #949494,-10px 10px 0px #949494,-11px 11px 0px #949494,-100px 100px 100px rgba(0,30,50,0.8);border-radius:17.6px;border:solid 22px #fafafa;transition:all 100ms linear}.project-popup{font-size:0.8em;line-height:1.4em;color:#888;position:relative;padding-bottom:100px}.project-popup .box{background:#fff;box-shadow:1px 1px 2px rgba(0,0,0,0.1);border-radius:2px;padding:20px;width:300px;position:relative;z-index:1}.project-popup .box:after{content:'';display:table;clear:both}.project-popup .brand{padding:15px 0 25px 0}.project-popup .brand img{display:block;margin:0 auto;width:60%}.project-popup .description{text-align:center}.project-popup .actions{margin-top:20px;text-align:center}.project-popup .stem{position:absolute;left:25%;bottom:0;height:100px;width:2px;background-color:#1dd1e4;background:linear-gradient(to bottom, #1dd1e4, rgba(29,209,228,0.2));border-bottom-left-radius:2px;border-bottom-right-radius:2px}.project-popup .stem:after{content:'';display:block;width:60px;height:30px;background:rgba(154,211,219,0.07);box-shadow:0 2px 4px rgba(0,0,0,0.1);border-radius:50%;position:absolute;bottom:-15px;left:-30px}.visit-button{color:#111;text-decoration:none;text-align:right;display:block;transition:all 100ms linear}.visit-button:after{font-size:32px;color:#888;margin-left:15px}.visit-button:hover{color:#888}.visit-button:hover:after{color:#f11}.visit-button{font-family:'futura-pt', sans-serif;font-weight:800;font-style:normal}.highlight{width:600px;margin:20px auto;text-align:left}.highlight h4{font-weight:bold}.highlight h4 a{text-decoration:none;color:#111111}.highlight .details{margin-top:20px}.highlight .year{color:black}.highlight p{margin-bottom:20px}@font-face{font-family:"Ionicons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?#iefix&v=2.0.1") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}