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}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}[class*='col-']{float:left;padding-right:20px}[class*='col-']:last-of-type{padding-right:0px}.grid{width:100%;max-width:1140px;min-width:801px;margin:0 auto;overflow:hidden}.grid:after{content:"";display:table;clear:both}.grid-pad{padding:0px 0 0px 20px}.grid-pad>[class*='col-']:last-of-type{padding-right:20px}.push-right{float:right}.col-1-1{width:100%}.col-2-3,.col-8-12{width:66.66%}.col-1-2,.col-6-12{width:50%}.col-1-3,.col-4-12{width:33.33%}.col-1-4,.col-3-12{width:25%}.col-1-5{width:20%}.col-1-6,.col-2-12{width:16.667%}.col-1-7{width:14.28%}.col-1-8{width:12.5%}.col-1-9{width:11.1%}.col-1-10{width:10%}.col-1-11{width:9.09%}.col-1-12{width:8.33%}.col-11-12{width:91.66%}.col-10-12{width:83.333%}.col-9-12{width:75%}.col-5-12{width:41.66%}.col-7-12{width:58.33%}@media handheld, only screen and (max-width: 800px){.grid{width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px}[class*='col-']{width:auto;float:none;margin-left:0px;margin-right:0px;margin-top:10px;margin-bottom:10px;padding-left:20px;padding-right:20px}}.container{max-width:970px;padding:0 10px;margin:0 auto}.container:after,.project-story-card:after{content:".";display:block;clear:both;visibility:hidden;height:0}body{-webkit-font-smoothing:antialiased}a{text-decoration:none;font-size:14px}p{font-size:14px;line-height:1.6;margin-bottom:10px}img{max-width:100%}.video-container{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-container iframe{left:0;top:0;height:100%;width:100%;position:absolute}@font-face{font-family:'icomoon';src:url("../fonts/icomoon.eot?-ry9wq8");src:url("../fonts/icomoon.eot?#iefix-ry9wq8") format("embedded-opentype"),url("../fonts/icomoon.woff?-ry9wq8") format("woff"),url("../fonts/icomoon.ttf?-ry9wq8") format("truetype"),url("../fonts/icomoon.svg?-ry9wq8#icomoon") format("svg");font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{background:#302D36;font-family:"Montserrat";font-size:13px;width:100%;position:fixed;top:0;left:0;right:0;z-index:999}header #branding{float:left;cursor:pointer}header #branding:hover #logo-shape-1{height:0px;width:0px;border-bottom:9px solid #aaa;border-left:9px solid transparent;background:none;-webkit-transform:translate3d(4px, -3px, 0px);-moz-transform:translate3d(4px, -3px, 0px);-o-transform:translate3d(4px, -3px, 0px);transform:translate3d(4px, -3px, 0px)}header #branding:hover #logo-shape-2{height:7px;width:11px;background:#aaa;-webkit-transform:translate3d(2px, 5px, 0px);-moz-transform:translate3d(2px, 5px, 0px);-o-transform:translate3d(2px, 5px, 0px);transform:translate3d(2px, 5px, 0px)}header #branding:hover #logo-shape-3{width:3px;height:5px;background:#302D36;-webkit-transform:translate3d(1px, 7px, 0px);-moz-transform:translate3d(1px, 7px, 0px);-o-transform:translate3d(1px, 7px, 0px);transform:translate3d(1px, 7px, 0px)}header #branding:hover #logo-shape-4{width:0px;height:0px;border-bottom:9px solid #aaa;border-right:9px solid transparent;background:none;-webkit-transform:translate3d(-2px, -3px, 0px);-moz-transform:translate3d(-2px, -3px, 0px);-o-transform:translate3d(-2px, -3px, 0px);transform:translate3d(-2px, -3px, 0px)}header #branding:hover #logo-shape-5{width:2px;height:4px;background:#aaa;-webkit-transform:translate3d(-4px, -11px, 0px);-moz-transform:translate3d(-4px, -11px, 0px);-o-transform:translate3d(-4px, -11px, 0px);transform:translate3d(-4px, -11px, 0px)}header #branding:hover h1 a{color:#aaa}header #logo{position:relative;float:left;width:32px;height:44px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}header .logo-shape{position:absolute;width:4px;height:12px;background:#fff;top:16px;-webkit-transition:all 0.45s cubic-bezier(0.75, -0.3, 0.31, 2);-moz-transition:all 0.45s cubic-bezier(0.75, -0.3, 0.31, 2);-ms-transition:all 0.45s cubic-bezier(0.75, -0.3, 0.31, 2);-o-transition:all 0.45s cubic-bezier(0.75, -0.3, 0.31, 2);transition:all 0.45s cubic-bezier(0.75, -0.3, 0.31, 2)}header #logo-shape-1{left:7px}header #logo-shape-2{left:12px;height:9px}header #logo-shape-3{left:17px}header #logo-shape-4{left:22px}header #logo-shape-5{height:3px;top:25px;left:27px}header h1{float:left}header h1 a{float:left;padding:16px 10px 0 10px;text-decoration:none;color:#fff;height:44px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}header a{float:right;height:40px;padding:16px 0 0 0;color:#fff;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}header a:hover{color:#aaa}@media tablet, only screen and (max-width: 800px) and (min-width: 481px){header .col-1-1{margin-top:0}}@media all and (max-width: 480px) and (min-width: 320px){header .col-1-1{margin-top:0;padding-left:10px}header .col-1-1 h1 a{padding:16px 10px 0 10px;font-size:12px}header .col-1-1 a{font-size:12px;padding:16px 0 0 0}}.social{background:#302D36;height:44px}.social #social-links{float:right}.social #social-links li{float:left}.social #social-links li a{text-align:center;font-family:'icomoon';display:block;height:44px;width:44px;padding:15px 10px 0 10px;color:#fff;text-decoration:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.social #social-links li a span{display:none}.social #social-links #email a:before{content:'\e602'}.social #social-links #email a:hover{color:#999}.social #social-links #vimeo a:before{content:'\e603'}.social #social-links #vimeo a:hover{color:#1ab7ea}.social #social-links #dribbble a:before{content:'\e600'}.social #social-links #dribbble a:hover{color:#ea3c89}.social #social-links #linkedin a:before{content:'\e601'}.social #social-links #linkedin a:hover{color:#0078b8}@media tablet, only screen and (max-width: 800px) and (min-width: 320px){.social .col-1-1{margin:0}}.hero-image{background:url("../img/homepage-hero.jpg") no-repeat;position:fixed;background-position:right top;height:800px;top:40px;bottom:0;left:0;right:0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.hero-image.blurred{background:url("../img/homepage-hero-blurred.jpg") no-repeat;opacity:0;background-position:right top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.wrapper{position:absolute;width:100%;z-index:5}.welcome{height:800px;font-family:"Montserrat";color:#fff;margin-top:40px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.welcome h2{font-size:80px;font-weight:700;margin:160px 0 40px 0;text-transform:uppercase}.welcome p{font-size:16px;font-family:"Roboto Slab", serif;line-height:1.2}.welcome p a{color:#fff;font-size:16px;border-bottom:1px solid rgba(255,255,255,0.4);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.welcome p a:hover{color:#302D36;background:#e8e8e8}.welcome a.btn{display:block;border:1px solid #fff;padding:15px 0;color:#fff;font-family:"Lato";font-size:13px;background:rgba(0,0,0,0.2);cursor:pointer;margin-top:40px;text-align:center;width:210px;-webkit-transition:background 0.2s ease;-moz-transition:background 0.2s ease;-ms-transition:background 0.2s ease;-o-transition:background 0.2s ease;transition:background 0.2s ease}.welcome a.btn:hover{background:#fff;color:#333}@media tablet, only screen and (max-width: 800px) and (min-width: 481px){.hero-image{background:url("../img/homepage-hero-small.jpg") no-repeat;position:fixed;background-position:center top;height:650px;top:40px;bottom:0;left:0;right:0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.hero-image.blurred{background:url("../img/homepage-hero-small-blurred.jpg") no-repeat;opacity:0;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.welcome{height:650px;text-align:center}.welcome h2{font-size:60px;margin:360px 0 40px 0}.welcome a.btn{margin:40px auto 0 auto}}@media mobile, only screen and (max-width: 480px){.hero-image{background:url("../img/homepage-hero-small.jpg") no-repeat;position:fixed;background-position:center top;height:490px;top:40px;bottom:0;left:0;right:0px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.hero-image.blurred{background:url("../img/homepage-hero-small-blurred.jpg") no-repeat;opacity:0;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.welcome{height:490px;text-align:center}.welcome h2{font-size:34px;margin:220px 0 20px 0}.welcome p{font-size:14px;line-height:1.5}.welcome p a{font-size:14px}.welcome a.btn{margin:30px auto 0 auto}.work .work-header{height:100px;font-size:18px}.work .work-header h2{margin-top:45px}}.work-header{height:200px;width:100%;background:#302D36;text-align:center;font-family:"Montserrat", sans-serif;text-transform:uppercase;color:#fff;font-size:24px}.work-header h2{margin-top:90px}.project{height:550px;width:100%;color:#fff;overflow:hidden}.project h2{font-family:"Montserrat";font-size:48px;font-weight:700;text-transform:uppercase;margin-top:180px;display:block}.project h6{font-family:"Roboto Slab", serif;font-size:18px;font-weight:400;margin-top:10px;display:block}.project a.btn{display:block;border:1px solid #fff;padding:15px 0;color:#fff;font-family:"Lato";font-size:13px;background:rgba(0,0,0,0.2);cursor:pointer;margin-top:80px;text-align:center;width:210px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.project a.btn:hover{background:#fff;color:#333}.project img{display:block;margin:0 auto}.project#vogue{background:#fff;color:#000;border-top:1px solid rgba(0,0,0,0.5)}.project#vogue img{width:580px;margin-top:60px}.project#vogue a.btn{border:1px solid #000;color:#000;background:none}.project#vogue a.btn:hover{background:rgba(0,0,0,0.8);color:#fff}.project#instyle{background:#bf1c23}.project#instyle img{width:500px;margin-top:80px}.project#spg{background:#220f3d}.project#spg img{width:450px;margin-top:120px}.project#motion{background:#80abff}.project#motion img{width:450px;margin-top:120px}.project#saurondipity{background:#222}.project#saurondipity img{width:400px;margin-top:40px}.project#carrot{background:#16bae7}.project#carrot img{width:400px;margin-top:80px}.project#balloons{background:#a73839}.project#balloons img{width:370px;margin-top:100px}.project#goodshuffle{background:#FF822E}.project#goodshuffle img{width:400px;margin-top:160px}.project#wireframes{background:#efefef;color:#302D36}.project#wireframes img{width:460px;margin-top:140px}.project#cuttingroomfloor{background:#59E0A8}.project#cuttingroomfloor img{width:460px;margin-top:140px}@media small desktop, only screen and (max-width: 1024px) and (min-width: 801px){.project#motion h2{margin-top:120px}}@media tablet, only screen and (max-width: 800px) and (min-width: 481px){.project{text-align:center;padding:40px 0}.project h2{margin-top:0px}.project a.btn{margin:40px auto}.project#vogue img{width:350px;margin-top:0px}.project#instyle img{width:350px;margin-top:0px}.project#motion img{width:350px;margin:40px auto}.project#motion h2{margin-top:0px}.project#saurondipity img{width:180px;margin-top:0px}.project#carrot img{width:260px;margin-top:0px}.project#balloons img{width:250px;margin-top:20px}.project#goodshuffle img{width:350px;margin-top:40px}.project#wireframes img{width:350px;margin-top:40px}.project#cuttingroomfloor img{width:230px;margin-top:40px}}@media mobile, only screen and (max-width: 480px){.project{height:400px;text-align:center;padding:40px 0}.project h6{font-size:14px}.project a.btn{padding:12px 0;margin:20px auto;width:180px}.project h2{font-size:30px;margin-top:0}.project#vogue img{width:200px;margin:0px auto 20px auto}.project#instyle img{width:200px;margin:0px auto 20px auto}.project#spg img{width:250px;margin-top:0px}.project#spg h2{margin-top:0px}.project#motion img{width:250px;margin-top:0px}.project#motion h2{margin-top:0px}.project#saurondipity img{width:110px;margin-top:0px}.project#carrot img{width:150px;margin-top:0px}.project#balloons img{width:140px;margin:10px auto 30px auto}.project#goodshuffle img{width:210px;margin-top:20px}.project#wireframes img{width:300px;margin-top:20px}.project#cuttingroomfloor img{width:160px;margin-top:20px}}#about-me{margin-top:44px;text-align:center;padding-top:40px}#about-me h2{font-family:"Montserrat", sans-serif;font-size:48px;color:#222;line-height:1.2;max-width:800px;margin:20px auto 40px auto}#about-me img{margin:20px auto}#about-me p{max-width:800px;margin:0 auto;font-family:"Lato", sans-serif;color:#999;font-size:18px}#about-me #social{margin-top:40px;color:#222}#about-me #social-links-large{display:inline-block;margin-bottom:40px}#about-me #social-links-large li{float:left}#about-me #social-links-large li a{font-family:'icomoon';font-size:24px;display:block;height:44px;width:80px;padding:14px 10px 0 10px;color:#222;text-decoration:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}#about-me #social-links-large li a span{display:none}#about-me #social-links-large #email a:before{content:'\e602'}#about-me #social-links-large #email a:hover{color:#999}#about-me #social-links-large #vimeo a:before{content:'\e603'}#about-me #social-links-large #vimeo a:hover{color:#1ab7ea}#about-me #social-links-large #dribbble a:before{content:'\e600'}#about-me #social-links-large #dribbble a:hover{color:#ea3c89}#about-me #social-links-large #linkedin a:before{content:'\e601'}#about-me #social-links-large #linkedin a:hover{color:#0078b8}@media tablet, only screen and (max-width: 800px) and (min-width: 481px){#about-me{padding-top:20px}#about-me h2{font-size:36px}#about-me p{font-size:16px}#about-me #social{margin-top:40px;color:#222}#about-me #social-links-large li a{font-size:16px;width:60px}}@media mobile, only screen and (max-width: 480px){#about-me{padding-top:20px}#about-me h2{font-size:24px}#about-me p{font-size:14px}#about-me #social{margin-top:40px;color:#222}#about-me #social-links-large li a{font-size:16px;width:60px}}.section-header{color:#fff;font-family:Montserrat;font-weight:700;font-size:36px;text-transform:uppercase;margin:80px 0 40px 0;text-align:center}@media mobile, only screen and (max-width: 480px) and (min-width: 320px){.section-header{margin:40px 0 20px 0;font-size:18px}}.hero{width:100%;color:#fff;text-align:center;padding:120px 40px 80px 40px}.hero svg{pointer-events:none}.hero .drawings{position:relative;max-height:600px}.hero .illustration{position:absolute;top:50%;left:50%;max-height:100%;max-width:100%;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.hero .show{opacity:1}.hero .hide{opacity:0}.hero .line-drawing,.hero .illustration{-webkit-transition:opacity 1s;transition:opacity 1s}.hero .line-drawing path{fill:none;stroke:white;stroke-width:2}.hero .line-drawing-vogue path{fill:none;stroke:black;stroke-width:2}.hero path.line-round{stroke-linecap:round}.hero path.stroke-medium{stroke-width:2}.hero path.stroke-thin{stroke-width:1}.hero .project-title{font-family:"Montserrat";font-size:80px;max-width:725px;margin:40px auto;font-weight:700;text-transform:uppercase}.hero .project-tagline{font-family:"Roboto Slab", serif;font-size:24px;font-weight:400;line-height:1.2}@media tablet, only screen and (max-width: 800px) and (min-width: 481px){.hero{padding:80px 20px}.hero .project-title{font-size:48px;margin:20px auto}.hero .project-tagline{font-size:18px}}@media mobile, only screen and (max-width: 480px) and (min-width: 320px){.hero{padding:60px 20px 40px 20px}.hero .drawings{max-height:300px}.hero .drawings svg{height:300px}.hero .project-title{font-size:36px;margin:20px auto}.hero .project-tagline{font-size:14px}}.project-info{background:#fff;color:#999;padding-bottom:80px}.project-info .section-header{color:#222}.project-info p{font-family:"Lato";font-size:18px;text-align:center;max-width:800px;margin:0 auto 20px auto}.project-info p a{font-family:"Lato";font-size:18px;color:#302D36;border-bottom:1px solid rgba(0,0,0,0.4);-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.project-info p a:hover{background:#e8e8e8}.project-info .roles{text-align:center;font-family:"Roboto Slab", serif;font-weight:400;font-size:18px;line-height:1.2;color:#222}.project-info .roles li{display:inline-block;padding:0 20px 0 20px;border-left:1px solid #ccc}.project-info .roles li:first-of-type{border:none;padding-left:0}.project-info .roles li:last-of-type{padding-right:0}@media mobile, only screen and (max-width: 480px) and (min-width: 320px){.project-info{padding:0px 20px 40px 20px}.project-info p{font-size:14px}.project-info p a{font-size:14px}.project-info .roles li{width:100%;margin:5px auto;font-size:14px;border:none;padding:0}}.project-story{padding-bottom:80px}.project-story h6{font-family:"Montserrat", sans-serif;font-size:18px;font-weight:700;text-align:center;text-transform:uppercase}.project-story p{font-size:18px;font-family:"Lato", sans-serif;max-width:600px;margin:0 auto;text-align:center}.project-story .project-story-image{display:block;text-align:center;margin:40px auto;max-width:100%}.project-story .shadow{position:relative}.project-story .shadow:before,.project-story .shadow:after{z-index:-1;opacity:.3;position:absolute;content:"";bottom:13px;left:10px;width:50%;top:80%;max-width:350px;background:#777;-webkit-box-shadow:0 15px 10px #000;-moz-box-shadow:0 15px 10px #000;box-shadow:0 15px 10px #000;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.project-story .shadow:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto}@media mobile, only screen and (max-width: 480px) and (min-width: 320px){.project-story{padding-bottom:40px}.project-story h6{font-size:14px}.project-story p{font-size:14px}}body.motion{color:#fff;background:#80abff}.carrot{color:#fff;background:#19ceff}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1080deg);-moz-transform:rotate(1080deg);-ms-transform:rotate(1080deg);-o-transform:rotate(1080deg);transform:rotate(1080deg)}}@-moz-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1080deg);-moz-transform:rotate(1080deg);-ms-transform:rotate(1080deg);-o-transform:rotate(1080deg);transform:rotate(1080deg)}}@-o-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1080deg);-moz-transform:rotate(1080deg);-ms-transform:rotate(1080deg);-o-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(1080deg);-moz-transform:rotate(1080deg);-ms-transform:rotate(1080deg);-o-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes spin-reverse{0%{-webkit-transform:rotate(22.5deg);-moz-transform:rotate(22.5deg);-ms-transform:rotate(22.5deg);-o-transform:rotate(22.5deg);transform:rotate(22.5deg)}100%{-webkit-transform:rotate(-1059.5deg);-moz-transform:rotate(-1059.5deg);-ms-transform:rotate(-1059.5deg);-o-transform:rotate(-1059.5deg);transform:rotate(-1059.5deg)}}@-moz-keyframes spin-reverse{0%{-webkit-transform:rotate(22.5deg);-moz-transform:rotate(22.5deg);-ms-transform:rotate(22.5deg);-o-transform:rotate(22.5deg);transform:rotate(22.5deg)}100%{-webkit-transform:rotate(-1059.5deg);-moz-transform:rotate(-1059.5deg);-ms-transform:rotate(-1059.5deg);-o-transform:rotate(-1059.5deg);transform:rotate(-1059.5deg)}}@-o-keyframes spin-reverse{0%{-webkit-transform:rotate(22.5deg);-moz-transform:rotate(22.5deg);-ms-transform:rotate(22.5deg);-o-transform:rotate(22.5deg);transform:rotate(22.5deg)}100%{-webkit-transform:rotate(-1059.5deg);-moz-transform:rotate(-1059.5deg);-ms-transform:rotate(-1059.5deg);-o-transform:rotate(-1059.5deg);transform:rotate(-1059.5deg)}}@keyframes spin-reverse{0%{-webkit-transform:rotate(22.5deg);-moz-transform:rotate(22.5deg);-ms-transform:rotate(22.5deg);-o-transform:rotate(22.5deg);transform:rotate(22.5deg)}100%{-webkit-transform:rotate(-1059.5deg);-moz-transform:rotate(-1059.5deg);-ms-transform:rotate(-1059.5deg);-o-transform:rotate(-1059.5deg);transform:rotate(-1059.5deg)}}#spinning-square{width:70px;height:70px;background:#008eb4;margin:80px auto;-webkit-animation:spin 15s infinite linear;-moz-animation:spin 15s infinite linear;-o-animation:spin 15s infinite linear;animation:spin 15s infinite linear}#spinning-square:before{width:50px;height:10px;background:#000}#spinning-gears{position:relative;height:170px;width:260px;margin:40px auto}#spinning-gears .gear{fill:#008eb4;position:absolute}#spinning-gears #gear-1{top:0px;left:0px;-webkit-animation:spin 18s infinite linear;-moz-animation:spin 18s infinite linear;-o-animation:spin 18s infinite linear;animation:spin 18s infinite linear}#spinning-gears #gear-2{top:70px;left:70px;-webkit-animation:spin-reverse 18s infinite linear;-moz-animation:spin-reverse 18s infinite linear;-o-animation:spin-reverse 18s infinite linear;animation:spin-reverse 18s infinite linear}#spinning-gears #gear-3{top:32px;left:160px;-webkit-animation:spin 18s infinite linear;-moz-animation:spin 18s infinite linear;-o-animation:spin 18s infinite linear;animation:spin 18s infinite linear}#carrot-asleep{height:600px;margin:40px 0 0 0;background:-moz-radial-gradient(center, ellipse cover, #3b3ad4 0%, #202a68 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3b3ad4), color-stop(100%, #202a68));background:-webkit-radial-gradient(center, ellipse cover, #3b3ad4 0%, #202a68 100%);background:-o-radial-gradient(center, ellipse cover, #3b3ad4 0%, #202a68 100%);background:-ms-radial-gradient(center, ellipse cover, #3b3ad4 0%, #202a68 100%);background:radial-gradient(ellipse at center, #3b3ad4 0%,#202a68 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3ad4', endColorstr='#202a68',GradientType=1 )}#carrot-asleep img{margin-top:100px;width:400px}body.balloons{color:#fff;background:#a73839}.hero.saurondipity{background:#222}.hero.saurondipity #main figure .drawings{max-height:1020px}@media mobile, only screen and (max-width: 480px) and (min-width: 320px){.hero .project-title{font-size:30px}}body.saurondipity{background:#666666}body.goodshuffle{background:#FF822E}.instyle{color:#fff;background:#E5222A}.hero.wireframes{background:#efefef}.hero.wireframes #main figure .drawings{max-height:1020px}.hero.wireframes h2{color:#302D36}.hero.wireframes h6{color:#302D36}@media mobile, only screen and (max-width: 480px) and (min-width: 320px){.hero .project-title{font-size:30px}}body.saurondipity{background:#ccc}.hero.cuttingroom{background:#59E0A8}.hero.cuttingroom #main figure .drawings{max-height:1020px}@media mobile, only screen and (max-width: 480px) and (min-width: 320px){.hero .project-title{font-size:30px}}body.cuttingroom{background:#ccc}.project-thumbs{background:#fff;padding-bottom:80px}.project-thumbs .section-header{color:#302D36;font-size:24px}@media mobile, only screen and (max-width: 800px) and (min-width: 320px){.project-thumbs{padding-bottom:20px}}.thumb{text-align:center}.thumb a .thumb-title{font-family:"Montserrat", Arial, sans-serif;text-align:center;text-transform:uppercase;margin-top:10px;color:#302D36;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.thumb a .thumb-title:hover{background:#302D36;color:#fff}.thumb a .thumb-image{opacity:1;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.thumb a .thumb-image:hover{-webkit-box-shadow:5px 5px 0 0 #000 0.5em 0px 0px #000;-moz-box-shadow:5px 5px 0 0 #000 0.5em 0px 0px #000;box-shadow:5px 5px 0 0 #000 0.5em 0px 0px #000}.thumb a .thumb-image:hover+.thumb-title{background:#302D36;color:#fff}@media mobile, only screen and (max-width: 800px) and (min-width: 460px){.thumb{float:left;width:33%}}@media mobile, only screen and (max-width: 459px) and (min-width: 320px){.thumb{float:left;width:50%}}.hero.vogue{background:#fff}.hero.vogue #main figure .drawings{max-height:1020px}.hero.vogue h2,.hero.vogue h6{color:#333}@media mobile, only screen and (max-width: 480px) and (min-width: 320px){.hero .project-title{font-size:30px}}.vogue .project-info{background:#a60505}.vogue .project-info p,.vogue .project-info p a,.vogue .project-info .section-header,.vogue .project-info .roles{color:#fff}.vogue .project-info p a{border-bottom:1px solid #fff}.vogue .project-info p a:hover{color:#a60505}.vogue .project-info ul{max-width:600px;text-align:center;margin:0 auto;font-family:'Lato', Arial, serif;color:#fff;font-weight:400}.vogue .project-info ul li{line-height:1.4;margin-bottom:10px}.vogue .project-info ul li span{font-weight:800}.vogue .project-info ul li span:before{content:'> '}.vogue .project-story h3{color:#333}.vogue .project-thumbs{border-top:1px solid rgba(0,0,0,0.2)}body.vogue{background:#fff}