@font-face{font-family:gilroyextrabold;src:url(../fonts/gilroy-extrabold-webfont.woff2) format("woff2"),url(../fonts/gilroy-extrabold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:gilroylight;src:url(../fonts/gilroy-light-webfont.woff2) format("woff2"),url(../fonts/gilroy-light-webfont.woff) format("woff");font-weight:400;font-style:normal}@keyframes a{0%{background-position:20% 0}to{background-position:-680% 0}}@keyframes b{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes c{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes d{0%{opacity:0;visibility:hidden;transform:translateY(-50px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes e{0%{opacity:0;visibility:hidden;transform:translateY(100px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes f{0%{opacity:0;visibility:hidden;transform:translateX(50px)}to{opacity:1;visibility:visible;transform:translateX(0)}}@keyframes g{0%{opacity:0;visibility:hidden;transform:translateX(-50px)}to{opacity:1;visibility:visible;transform:translateX(0)}}@keyframes h{0%{opacity:1;visibility:visible;transform:translateX(0)}to{opacity:0;visibility:hidden;transform:translateX(-100px)}}@keyframes i{0%{opacity:1;visibility:visible;transform:translateX(0)}to{opacity:0;visibility:hidden;transform:translateX(100px)}}@keyframes j{0%{opacity:0;transform:translateY(0) scaleY(.7)}2%{opacity:1;transform:translateY(4px) scaleY(.7)}20%{opacity:.5;transform:translateY(40px) scaleY(1)}40%{opacity:0;transform:translateY(80px) scaleY(.7)}to{opacity:0;transform:translateY(200px) scaleY(.7)}}@keyframes k{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes l{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes m{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes n{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes o{0%{background-position-y:0}to{background-position-y:125%}}html.debug body:after{background-color:rgba(0,0,0,.3);color:#fff;text-transform:uppercase;padding:17px 25px;position:fixed;font-size:15px;font-weight:700;bottom:0;right:0;z-index:999}@media (max-width:599px){html.debug body:after{content:"x-small"}}@media (min-width:x-small){html.debug body:after{content:"x-small"}}@media (min-width:600px){html.debug body:after{content:"small"}}@media (min-width:900px){html.debug body:after{content:"medium"}}@media (min-width:1200px){html.debug body:after{content:"large"}}@media (min-width:1600px){html.debug body:after{content:"x-large"}}.page-mask{transition:transform .8s;position:fixed;left:0;width:100%;height:50vh;background:#222;z-index:500}.page-mask:after{content:"";position:absolute;left:0;right:0;height:4px;background:linear-gradient(90deg,#f92c5e 0,#8a1ce1 20%,#00ccd0 40%,#00d78e 60%,#fae155 80%,#f92c5e);background-size:700% 700%}.page-mask.page-mask--1{top:0;-ms-transform:translateY(-100%);transform:translateY(-100%);-ms-transform-origin:top center;transform-origin:top center}.page-mask.page-mask--1:after{bottom:0}.page-mask.page-mask--2{bottom:0;-ms-transform:translateY(100%);transform:translateY(100%);-ms-transform-origin:bottom center;transform-origin:bottom center}.page-mask.page-mask--2:after{top:0}.page-mask.animate-gradient:after{animation:a 90s infinite linear}.page-transition .page-mask{-ms-transform:translateY(0);transform:translateY(0);transition:transform .4s}.article-header .next-link,.article-header .prev-link{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;position:absolute;left:8%;bottom:15px;color:hsla(0,0%,100%,.5);z-index:20;text-decoration:none;margin:0;padding:0 0 2px;border-bottom:1px solid hsla(0,0%,100%,.5)}@media (max-width:599px){.article-header .next-link,.article-header .prev-link{display:none}}@media (min-width:x-small){.article-header .next-link,.article-header .prev-link{display:none}}.article-header .next-link:hover,.article-header .prev-link:hover{color:#fff;border-bottom:1px solid #fff}.article-header .next-link{left:auto;right:8%}.sections-nav{margin:0;padding:0;list-style:none;position:absolute;z-index:20;right:40px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;visibility:visible;transition:opacity 3s,visibility 3s}.sections-nav a{display:block;text-decoration:none;background:#fff;width:18px;height:18px;margin:5px 0;text-align:right;position:relative;border:2px solid transparent;background-clip:padding-box;transition:border .3s}.sections-nav a:hover{border:2px solid #fff}.sections-nav a:before{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;content:attr(data-caption);position:absolute;right:24px;top:-1px;color:#fff;text-decoration:none;width:400px;margin:0;visibility:hidden;opacity:0;-ms-transform:translateX(30px);transform:translateX(30px);transition:transform .3s,opacity .3s,visibility .3s}.sections-nav a:hover:before{-ms-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}@media (max-width:599px){.sections-nav a{display:none}}@media (min-width:x-small){.sections-nav a{display:none}}.sections-nav .current a{border:2px solid #fff;background:0 0}.image-gradient-yellow:after,.image-gradient-yellow:before{background-image:linear-gradient(0deg,#fae155 55%,#f9d823 81%)}.image-gradient-red:after,.image-gradient-red:before{background-image:linear-gradient(0deg,#f92c5e 55%,#eb073e 81%)}.image-gradient-green:after,.image-gradient-green:before{background-image:linear-gradient(0deg,#00d78e 55%,#00a46c 81%)}.image-gradient-purple:after,.image-gradient-purple:before{background-image:linear-gradient(0deg,#8a1ce1 55%,#6e16b4 81%)}.image-gradient-blue:after,.image-gradient-blue:before{background-image:linear-gradient(0deg,#00ccd0 55%,#009a9d 81%)}.image-gradient-indigo:after,.image-gradient-indigo:before{background-image:linear-gradient(0deg,#3c2894 55%,#2c1d6c 81%)}.image-gradient-black:after,.image-gradient-black:before{background-image:linear-gradient(0deg,#222 55%,#3c3c3c 81%)}.border-wrapper{background:#222;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;transition:background .7s,z-index .7s}@media (max-width:599px){.border-wrapper{animation:none}}@media (min-width:x-small){.border-wrapper{animation:none}}.menu-open .border-wrapper{z-index:40;background:#222!important}.home-page .border-wrapper{animation-name:b;animation-duration:5s;animation-fill-mode:both;animation-delay:3s}.home-page.visited-before .border-wrapper{animation:none}.border{top:5px;right:5px;bottom:5px;left:5px;opacity:0;transition:opacity .7s;background:linear-gradient(90deg,#f92c5e 0,#8a1ce1 20%,#00ccd0 40%,#00d78e 60%,#fae155 80%,#f92c5e);background-size:700% 700%;position:absolute;z-index:1}@media (max-width:599px){.border{position:absolute}}@media (min-width:x-small){.border{position:absolute}}.border.animate-gradient{animation:a 90s infinite linear}.border:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#222}@media (min-width:900px){.home-page.viewing-slide-0 .border,.menu-open .border-wrapper .border{opacity:1}}.section-content{width:100%;padding:0 20px;margin:0 auto;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width:600px){.section-content{max-width:640px}}@media (min-width:900px){.section-content{max-width:780px}}@media (min-width:1200px){.section-content{max-width:960px}}@media (min-width:1600px){.section-content{max-width:1220px}}.main--home section{position:absolute;top:0;left:0;width:100%;height:100%;-ms-transform:translateY(100vh);transform:translateY(100vh);transition:transform .7s;transition-timing-function:default;z-index:1}@media (max-width:599px){.main--home section{position:relative;width:calc(100vw - 14px);height:auto;min-height:calc(100vh - 14px);margin:7px;-ms-transform:none;transform:none;z-index:1}}@media (min-width:x-small){.main--home section{position:relative;width:calc(100vw - 14px);height:auto;min-height:calc(100vh - 14px);margin:7px;-ms-transform:none;transform:none;z-index:1}}.main--home section.section--active,.main--home section.section--old{-ms-transform:translateY(0);transform:translateY(0)}.main--home section.section--old{z-index:0}.section--home{background:#222}.section--home .text{position:absolute;top:50%;left:50%;width:100vw;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.section--home .logo-animated{display:block;position:absolute;top:0;left:50%;-ms-transform:translate(-50.3%);transform:translate(-50.3%);width:700px;height:24vw;max-width:90vw;max-height:180px;z-index:1}.visited-before .section--home .logo-animated{display:none}.section--home .logo-outline{display:block;margin:0 auto;width:706px;height:24vw;max-width:90vw;max-height:180px;visibility:hidden;z-index:10}.visited-before .section--home .logo-outline{animation-delay:0s;animation-duration:0s;visibility:visible}.section--home .strapline{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;width:100%;padding:1.5rem 30px;color:hsla(0,0%,100%,.8);line-height:1.8;margin:0;text-align:center;animation-name:b;animation-duration:2.5s;animation-fill-mode:both;animation-delay:3s}.visited-before .section--home .strapline{animation-delay:0s;animation-duration:0s}.section--home .guide{width:1px;height:70px;position:absolute;margin-top:15rem;top:50%;left:50%;animation-name:j;animation-timing-function:linear;animation-duration:2.5s;animation-fill-mode:both;animation-delay:5s;animation-iteration-count:infinite}.visited-before .section--home .guide{animation-delay:1s}.section--home .guide .guide-inner{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,#f92c5e 0,#8a1ce1 20%,#00ccd0 40%,#00d78e 60%,#fae155 80%,#f92c5e);background-size:700% 700%;animation:a 90s infinite linear}.section--about{background:#fff;color:#222}.section--about .strapline{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem}.section--about h2{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem}@media (max-width:599px){.section--about h2{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.section--about h2{font-size:4.2rem;margin:0 0 2rem}}.section--about h2 span.yellow{display:inline-block}.section--about h2 span.pink{display:inline-block}.section--about h2 span.green{display:inline-block}.section--about p{font-size:1.8rem;line-height:1.667;max-width:600px;margin:2rem 0}.section--about .about-links{font-size:2.4rem;font-weight:700;font-family:gilroyextrabold,sans-serif;text-align:right}.section--about .about-links a{color:#222;display:inline-block;position:relative;text-decoration:none;margin-left:2rem;padding:5px}.section--about .about-links a:before{content:"";position:absolute;width:100%;top:2px;left:0;bottom:2px;background:#fff;z-index:1;-ms-transform-origin:center top;transform-origin:center top}@media (max-width:599px){.section--about .about-links a:before{display:none}}@media (min-width:x-small){.section--about .about-links a:before{display:none}}.section--about .about-links a:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:0;background:#fae155;transition:height .2s;z-index:-1}.section--about .about-links a:hover:after{height:100%}.section--about .about-links a .mask{position:absolute;width:100%;top:0;left:0;bottom:0;background:#fff;z-index:1;-ms-transform-origin:left center;transform-origin:left center}@media (max-width:599px){.section--about .about-links a .mask{display:none}}@media (min-width:x-small){.section--about .about-links a .mask{display:none}}.section--about .about-links .about-links--thoughts{top:39px}.section--about .about-links .about-links--thoughts .mask{-ms-transform-origin:right center;transform-origin:right center}.section--about .about-links .about-links--thoughts:before{-ms-transform-origin:center bottom;transform-origin:center bottom}.section--about .about-links .about-links--thoughts:after{top:0;bottom:auto;background:#f92c5e}.shown-1 .section--about .strapline{animation-name:b;animation-duration:1s;animation-fill-mode:both;animation-delay:2.2s}.shown-1 .section--about h2 span.yellow{animation-name:b;animation-duration:1s;animation-fill-mode:both;animation-delay:.7s}.shown-1 .section--about h2 span.pink{animation-name:b;animation-duration:1s;animation-fill-mode:both;animation-delay:1.45s}.shown-1 .section--about h2 span.green{animation-name:b;animation-duration:1s;animation-fill-mode:both;animation-delay:1.9s}.shown-1 .section--about p{animation-name:b;animation-duration:1s;animation-fill-mode:both;animation-delay:2.2s}.shown-1 .section--about .about-links a .mask{animation-name:k;animation-duration:.3s;animation-fill-mode:both;animation-delay:2.5s}.shown-1 .section--about .about-links a:before{animation-name:l;animation-duration:.6s;animation-fill-mode:both;animation-delay:2.7s}.section--work{background:#222;color:#fff}.section--work .projects-intro-content h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem}.section--work .projects-intro-content h2{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;color:#fff}@media (max-width:599px){.section--work .projects-intro-content h2{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.section--work .projects-intro-content h2{font-size:4.2rem;margin:0 0 2rem}}.section--work .projects-intro-content h2 span{display:block}.section--work .projects-intro-content p{font-size:1.8rem;line-height:1.667;max-width:480px;margin:2rem 0}.section--work .projects-link{text-align:right}.section--work .projects-link a{font-size:2.4rem;font-weight:700;font-family:gilroyextrabold,sans-serif;position:relative;text-decoration:none;padding:5px;display:inline-block;color:#fff;transition:color .2s}.section--work .projects-link a:before{content:"";position:absolute;width:100%;top:2px;left:0;bottom:2px;background:#222;z-index:1;-ms-transform-origin:center top;transform-origin:center top}@media (max-width:599px){.section--work .projects-link a:before{display:none}}@media (min-width:x-small){.section--work .projects-link a:before{display:none}}.section--work .projects-link a:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:0;background:#00d78e;transition:height .2s;z-index:-1}.section--work .projects-link a:hover{color:#222}.section--work .projects-link a:hover:after{height:100%}.section--work .projects-link a .mask{position:absolute;width:100%;top:0;left:0;bottom:0;background:#222;z-index:1;-ms-transform-origin:left center;transform-origin:left center}@media (max-width:599px){.section--work .projects-link a .mask{display:none}}@media (min-width:x-small){.section--work .projects-link a .mask{display:none}}.shown-2 .section--work .projects-intro-content h2 span:first-child{animation-name:b;animation-duration:1s;animation-fill-mode:both;animation-delay:.7s}.shown-2 .section--work .projects-intro-content h2 span:last-child{animation-name:b;animation-duration:1s;animation-fill-mode:both;animation-delay:1.45s}.shown-2 .section--work .projects-intro-content h3,.shown-2 .section--work .projects-intro-content p{animation-name:b;animation-duration:1s;animation-fill-mode:both;animation-delay:2.2s}.shown-2 .section--work .projects-link a .mask{animation-name:k;animation-duration:.3s;animation-fill-mode:both;animation-delay:2.5s}.shown-2 .section--work .projects-link a:before{animation-name:l;animation-duration:.6s;animation-fill-mode:both;animation-delay:2.7s}@media (max-width:599px){.header{background:#222;position:fixed;top:0;left:0;right:0;height:48px;z-index:100}}@media (min-width:x-small){.header{background:#222;position:fixed;top:0;left:0;right:0;height:48px;z-index:100}}.menu-button{top:16px;right:15px;position:fixed;width:20px;height:16px;z-index:100;transition:transform .3s}@media (min-width:600px){.menu-button{top:20px;right:20px}}.home-page .menu-button{animation-name:b;animation-duration:5s;animation-fill-mode:both;animation-delay:3s}.home-page.visited-before .menu-button{animation:none}.menu-button .line{position:absolute;right:0;height:2px;background:#fff;transition:transform .3s,background .5s;-ms-transform-origin:0 50%;transform-origin:0 50%}@media (max-width:599px){.menu-button .line{background:#fff!important}}@media (min-width:x-small){.menu-button .line{background:#fff!important}}.blog-article-page.scrolled-down-half .menu-button .line,.blog-page.scrolled-blog-header .menu-button .line,.case-study-page.scrolled-down .menu-button .line,.home-page.viewing-slide-1 .menu-button .line{background:#222}@media (max-width:599px){.blog-article-page.scrolled-down-half .menu-button .line,.blog-page.scrolled-blog-header .menu-button .line,.case-study-page.scrolled-down .menu-button .line,.home-page.viewing-slide-1 .menu-button .line{background:#fff}}@media (min-width:x-small){.blog-article-page.scrolled-down-half .menu-button .line,.blog-page.scrolled-blog-header .menu-button .line,.case-study-page.scrolled-down .menu-button .line,.home-page.viewing-slide-1 .menu-button .line{background:#fff}}.menu-open .menu-button .line{background:hsla(0,0%,100%,.8)!important}.menu-button .line.line--1{top:0;width:20px}.menu-button .line.line--2{top:7px;width:16px}.menu-button .line.line--3{top:14px;width:20px}.menu-button.open{-ms-transform:rotate(180deg);transform:rotate(180deg)}.menu-button.open .line--1{-ms-transform:rotate(45deg);transform:rotate(45deg)}.menu-button.open .line--2{opacity:0}.menu-button.open .line--3{-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.logo{position:fixed;top:16px;left:15px;width:94px;height:18px;z-index:100;transition:visibility .5s,opacity .5s}@media (min-width:600px){.logo{top:20px;left:20px}}.home-page.viewing-slide-0 .logo{opacity:0;visibility:hidden}.home-page.viewing-slide-0.menu-open .logo{opacity:1;visibility:visible}.logo svg{height:57px}.logo .solid-path{fill:#222;transition:fill .5s,opacity .5s}@media (max-width:599px){.logo .solid-path{fill:#fff!important}}@media (min-width:x-small){.logo .solid-path{fill:#fff!important}}.menu-open .logo .solid-path{opacity:1;visibility:visible}.about-page .logo .solid-path,.home-page.viewing-slide-1 .logo .solid-path{opacity:1}.blog-article-page .logo .solid-path,.blog-page .logo .solid-path,.case-study-page .logo .solid-path,.home-page.viewing-slide-2 .logo .solid-path,.projects-page .logo .solid-path{opacity:1;fill:#fff}.home-page.viewing-slide-0.menu-open .logo .solid-path,.menu-open .logo .solid-path{opacity:1;fill:#fff!important}.blog-article-page.scrolled-down-half .logo .solid-path,.blog-page.scrolled-blog-header .logo .solid-path,.case-study-page.scrolled-down .logo .solid-path{fill:#222}@media (max-width:599px){.blog-article-page.scrolled-down-half .logo .solid-path,.blog-page.scrolled-blog-header .logo .solid-path,.case-study-page.scrolled-down .logo .solid-path{fill:#fff}}@media (min-width:x-small){.blog-article-page.scrolled-down-half .logo .solid-path,.blog-page.scrolled-blog-header .logo .solid-path,.case-study-page.scrolled-down .logo .solid-path{fill:#fff}}.menu{opacity:0;visibility:hidden;position:fixed;background:#222;z-index:50;top:7px;left:7px;right:7px;bottom:7px;color:#fff}@media (max-width:599px){.menu{overflow:auto}}@media (min-width:x-small){.menu{overflow:auto}}.menu.close{animation-name:c;animation-duration:.5s;animation-fill-mode:forwards}.menu.open{animation-name:b;animation-duration:.5s;animation-fill-mode:both}.menu .menu-content{padding:80px 0 20px}@media (min-width:600px){.menu .menu-content{height:auto;padding:0 20px;position:absolute;width:100%;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}}.menu .main-item{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;color:#fff;display:table;font-size:5rem;text-align:center;text-decoration:none;position:relative;margin:2rem auto}@media (max-width:599px){.menu .main-item{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.menu .main-item{font-size:4.2rem;margin:0 0 2rem}}@media (max-width:599px){.menu .main-item{margin:2rem auto}}@media (min-width:x-small){.menu .main-item{margin:2rem auto}}@media (min-width:600px){.menu .main-item{font-size:6rem}}@media (min-height:640px){.menu .main-item{margin:5.4rem auto}}.menu .main-item:first-child{margin-top:0}.menu .main-item:last-child{margin-bottom:0}.menu .main-item:after{content:"";position:absolute;z-index:0;height:8px;width:95%;left:6px;z-index:-1;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:100% 0;transform-origin:100% 0;transition:transform .3s}.menu .main-item:hover:after{-ms-transform:scaleX(1);transform:scaleX(1)}.menu.open .main-item{animation-name:d;animation-duration:.8s;animation-fill-mode:both}.menu .main-item--projects{animation-delay:0s}.menu .main-item--projects:after{background:#00d78e;top:50%}.menu .main-item--about{animation-delay:.1s}.menu .main-item--about:after{background:#fae155;top:50%}.menu .main-item--blog{animation-delay:.2s}.menu .main-item--blog:after{background:#f92c5e;top:50%}.menu .secondary-items{max-width:980px;margin:8vh auto 0}.menu .secondary-item{float:left;width:calc((100% - 60px)/ 4);margin-right:20px;line-height:1.5}@media (max-width:599px){.menu .secondary-item{text-align:center;width:100%}}@media (min-width:x-small){.menu .secondary-item{text-align:center;width:100%}}.menu .secondary-item:last-child{margin-right:0}.menu .secondary-item h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;color:hsla(0,0%,100%,.5)}@media (max-width:599px){.menu .secondary-item h3{font-size:1.6rem}}@media (min-width:x-small){.menu .secondary-item h3{font-size:1.6rem}}.menu .secondary-item p{font-size:1.4rem;line-height:1.714}@media (max-width:599px){.menu .secondary-item p{font-size:1.6rem}}@media (min-width:x-small){.menu .secondary-item p{font-size:1.6rem}}.menu .secondary-item a{color:#fff}.menu.open .secondary-item{animation-name:d;animation-duration:.8s;animation-fill-mode:both}.menu .secondary-item--1{animation-delay:.3s}.menu .secondary-item--2{animation-delay:.4s}.menu .secondary-item--3{animation-delay:.5s}.menu .secondary-item--4{animation-delay:.6s}.menu .company-info{font-size:1.2rem;color:hsla(0,0%,100%,.5);text-align:center}@media (min-width:600px){.menu .company-info{position:absolute;bottom:20px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width:599px){.main--about{padding-top:48px}}@media (min-width:x-small){.main--about{padding-top:48px}}.main--about .section{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#fff;display:none}@media (max-width:599px){.main--about .section{position:static;display:block}}@media (min-width:x-small){.main--about .section{position:static;display:block}}.main--about .section.section--active.sliding-in{opacity:0}.main--about .section.section--old{z-index:0}.main--about .section.section--active{z-index:5;display:block}.main--about .section.sliding-out{z-index:4;display:block}.about-section-content{width:50%;height:100%;float:left}@media (max-width:599px){.about-section-content{float:none;width:100%}}@media (min-width:x-small){.about-section-content{float:none;width:100%}}.about-section-content .about-section-content-inner{width:100%;max-width:600px;padding:0 20px;margin:15vh auto 0;position:relative}@media (max-width:599px){.about-section-content .about-section-content-inner{margin:0;padding-top:40px;padding-bottom:30px}}@media (min-width:x-small){.about-section-content .about-section-content-inner{margin:0;padding-top:40px;padding-bottom:30px}}.about-section-content h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem}.about-section-content h2{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;position:relative;z-index:0}@media (max-width:599px){.about-section-content h2{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.about-section-content h2{font-size:4.2rem;margin:0 0 2rem}}.about-section-content li,.about-section-content p{font-size:1.8rem;line-height:1.667}.about-section-content img{margin:2rem 0 0}@media (max-width:599px){.about-section-content img{display:none}}@media (min-width:x-small){.about-section-content img{display:none}}.about-section-content p .highlight{display:inline-block;position:relative}.about-section-content p .highlight:after{content:"";position:absolute;left:.3rem;right:.3rem;top:1.1rem;height:8px;z-index:-1;-ms-transform-origin:right center;transform-origin:right center}.about-section-image{width:50%;height:100%;float:right;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}@media (max-width:599px){.about-section-image{float:none;height:50vh}}@media (min-width:x-small){.about-section-image{float:none;height:50vh}}.about-section-image:after{opacity:.4;mix-blend-mode:multiply;z-index:1}.about-section-image:after,.about-section-image:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0}.about-section-image:before{opacity:.3;z-index:2}.about-section-image .mask{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:5;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:left center;transform-origin:left center}.about-section-image .person{float:left;height:25%;width:33.33333%;background-repeat:no-repeat;background-position:top;background-size:auto 510%}.about-section-image .person.play{animation:o 1.5s steps(5)}.about-intro .about-section-content{width:40%}@media (max-width:599px){.about-intro .about-section-content{width:100%}}@media (min-width:x-small){.about-intro .about-section-content{width:100%}}.about-intro .about-section-content p .highlight:after{background:#fae155}.about-intro .about-section-image{width:60%;background-image:url(../images/about-intro.jpg)}@media (max-width:599px){.about-intro .about-section-image{width:100%}}@media (min-width:x-small){.about-intro .about-section-image{width:100%}}.about-how .about-section-content{width:40%}@media (max-width:599px){.about-how .about-section-content{width:100%}}@media (min-width:x-small){.about-how .about-section-content{width:100%}}.about-how .about-section-content .about-section-content-inner{max-width:600px}.about-how .about-section-content p .highlight:after{background:rgba(249,44,94,.3)}.about-how .about-section-image{width:60%;background-image:url(../images/about-how.jpg)}@media (max-width:599px){.about-how .about-section-image{width:100%}}@media (min-width:x-small){.about-how .about-section-image{width:100%}}.about-what .about-section-content{width:40%}@media (max-width:599px){.about-what .about-section-content{width:100%}}@media (min-width:x-small){.about-what .about-section-content{width:100%}}.about-what .about-section-content .about-section-content-inner{max-width:600px}.about-what .about-section-content p .highlight:after{background:rgba(0,215,142,.7)}.about-what .about-section-content p.double-col{column-count:2}.about-what .about-section-image{width:60%;background-image:url(../images/about-what.jpg);background-position:10%}@media (max-width:599px){.about-what .about-section-image{width:100%}}@media (min-width:x-small){.about-what .about-section-image{width:100%}}.about-who .about-section-content{width:40%}@media (max-width:599px){.about-who .about-section-content{width:100%}}@media (min-width:x-small){.about-who .about-section-content{width:100%}}.about-who .about-section-content .about-section-content-inner{max-width:600px}.about-who .about-section-content p .highlight:after{background:rgba(138,28,225,.2)}.about-who .about-section-image{width:60%;background-image:url(../images/about-who.jpg);background-position:center 60%}@media (max-width:599px){.about-who .about-section-image{width:100%}}@media (min-width:x-small){.about-who .about-section-image{width:100%}}.section--active .about-section-content{animation-name:f;animation-duration:.5s;animation-fill-mode:both;animation-delay:1s}.section--active .about-section-content p .highlight:after{animation-name:m;animation-duration:.5s;animation-fill-mode:both;animation-delay:1.6s}.section--active .about-section-image .mask{animation-name:k;animation-duration:.7s;animation-fill-mode:both;animation-delay:.7s}.sliding-out .about-section-content{animation-name:i;animation-duration:.7s;animation-fill-mode:both}.sliding-out .about-section-image .mask{animation-name:m;animation-duration:.7s;animation-fill-mode:both}@media (max-width:599px){.main--projects{padding-top:48px}}@media (min-width:x-small){.main--projects{padding-top:48px}}.main--projects .section{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#222;color:#fff;display:none}@media (max-width:599px){.main--projects .section{position:static;display:block}}@media (min-width:x-small){.main--projects .section{position:static;display:block}}.main--projects .section.section--active.sliding-in{opacity:0}.main--projects .section.section--old{z-index:0}.main--projects .section.section--active{z-index:5;display:block}.main--projects .section.sliding-out{z-index:4;display:block}.work-frame{height:100%;display:none}@media (max-width:599px){.work-frame{display:block}}@media (min-width:x-small){.work-frame{display:block}}.work-frame.work-frame--active,.work-frame.work-frame.next-article{display:block}.work-content{width:50%;height:100%;float:left}@media (max-width:599px){.work-content{margin:0 20px;width:auto;float:none;padding-bottom:3rem}}@media (min-width:x-small){.work-content{margin:0 20px;width:auto;float:none;padding-bottom:3rem}}.work-content .work-content-inner{width:100%;margin:30vh auto 0;position:relative}@media (max-width:599px){.work-content .work-content-inner{margin-top:20px;margin-bottom:20px}}@media (min-width:x-small){.work-content .work-content-inner{margin-top:20px;margin-bottom:20px}}@media (min-width:900px){.work-content .work-content-inner{max-width:442px}}.work-content h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem}.work-content h2{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;font-size:4.8rem;position:relative;z-index:0}@media (max-width:599px){.work-content h2{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.work-content h2{font-size:4.2rem;margin:0 0 2rem}}.work-content h2 a{color:#fff;text-decoration:none}.work-content .line{position:absolute;height:8px;width:calc(100vw - 20px);left:0;top:5.4rem;z-index:0;-ms-transform-origin:right center;transform-origin:right center}@media (max-width:599px){.work-content .line{top:4.6rem}}@media (min-width:x-small){.work-content .line{top:4.6rem}}@media (min-width:600px){.work-content .line{width:calc(50vw - 7px)}}@media (min-width:900px){.work-content .line{width:calc(442px - 3px + ((50vw - 442px)/ 2))}}.work-content p{font-size:1.8rem;line-height:1.667}.work-content .project-link{font-size:2.4rem;font-weight:700;font-family:gilroyextrabold,sans-serif;color:#fff;display:inline-block;position:relative;text-decoration:none;padding:5px;z-index:1;margin-top:4rem}@media (max-width:599px){.work-content .project-link{margin-top:2rem}}@media (min-width:x-small){.work-content .project-link{margin-top:2rem}}.work-content .project-link:before{content:"";position:absolute;width:100%;top:2px;left:0;bottom:2px;background:#222;z-index:1;-ms-transform-origin:center top;transform-origin:center top}@media (max-width:599px){.work-content .project-link:before{display:none}}@media (min-width:x-small){.work-content .project-link:before{display:none}}.work-content .project-link:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:0;transition:height .2s;z-index:-1}.work-content .project-link:hover:after{height:100%}.work-content .project-link .mask{position:absolute;width:100%;top:0;left:0;bottom:0;background:#222;z-index:1;-ms-transform-origin:left center;transform-origin:left center}@media (max-width:599px){.work-content .project-link .mask{display:none}}@media (min-width:x-small){.work-content .project-link .mask{display:none}}.work-image{width:50%;height:100%;float:right;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}@media (max-width:599px){.work-image{width:100%;height:40vh;float:none}}@media (min-width:x-small){.work-image{width:100%;height:40vh;float:none}}.work-image:after{opacity:.4;mix-blend-mode:multiply;z-index:1}.work-image:after,.work-image:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0}.work-image:before{opacity:.3;z-index:2}.work-image .mask{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#222;-ms-transform-origin:right center;transform-origin:right center;z-index:5}@media (max-width:599px){.work-image .mask{display:none}}@media (min-width:x-small){.work-image .mask{display:none}}.work-frame--red .work-content .line,.work-frame--red .work-content .project-link:after{background:#f92c5e}.work-frame--yellow .work-content .line,.work-frame--yellow .work-content .project-link:after{background:#fae155}.work-frame--green .work-content .line,.work-frame--green .work-content .project-link:after{background:#00d78e}.work-frame--blue .work-content .line,.work-frame--blue .work-content .project-link:after{background:#00ccd0}.work-frame--purple .work-content .line,.work-frame--purple .work-content .project-link:after{background:#8a1ce1}.work-frame--indigo .work-content .line,.work-frame--indigo .work-content .project-link:after{background:#3c2894}.projects-page .section--active .work-content .line{animation-name:m;animation-duration:.75s;animation-fill-mode:both;animation-delay:.7s}.projects-page .section--active .work-content h2,.projects-page .section--active .work-content h3,.projects-page .section--active .work-content p{animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:1s}.projects-page .section--active .work-content .project-link:before{animation-name:l;animation-duration:.6s;animation-fill-mode:both;animation-delay:1.8s}.projects-page .section--active .work-content .project-link .mask{animation-name:k;animation-duration:.3s;animation-fill-mode:both;animation-delay:1.5s}.projects-page .section--active .work-image .mask{animation-name:k;animation-duration:.75s;animation-fill-mode:both;animation-delay:.7s}.projects-page .sliding-out .work-content .line{animation-name:k;animation-duration:.6s;animation-fill-mode:both;animation-delay:0s}.projects-page .sliding-out .work-content h2,.projects-page .sliding-out .work-content h3,.projects-page .sliding-out .work-content p{animation-name:i;animation-duration:.4s;animation-fill-mode:both;animation-delay:0s}.projects-page .sliding-out .work-content .project-link:before{animation-name:n;animation-duration:.4s;animation-fill-mode:both;animation-delay:0s}.projects-page .sliding-out .work-content .project-link .mask{animation-name:m;animation-duration:.2s;animation-fill-mode:both;animation-delay:0s}.projects-page .sliding-out .work-image .mask{animation-name:m;animation-duration:.6s;animation-fill-mode:both;animation-delay:0s}.case-study-main{border:7px solid #222;border-bottom:0}.case-study-main .article-header{background:#222;color:#fff;z-index:1;position:relative;padding:41px 0 0}@media (min-width:600px){.case-study-main .article-header{padding:0;position:fixed;top:7px;left:7px;right:7px;bottom:7px}}.case-study-main .article-header .cover{height:250px;position:relative;background-size:cover;background-position:50%}@media (min-width:600px){.case-study-main .article-header .cover{height:50%}}.case-study-main .article-header .cover:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0;opacity:.4;mix-blend-mode:multiply;z-index:1}.case-study-main .article-header .cover:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;opacity:.3;z-index:2}.case-study-main .article-header .cover .content{position:absolute;z-index:2;top:50%;left:8%;right:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:599px){.case-study-main .article-header .cover .content{left:10px}}@media (min-width:x-small){.case-study-main .article-header .cover .content{left:10px}}.case-study-main .article-header .cover h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;margin:0 0 .8rem}.case-study-main .article-header .cover h1,.case-study-main .article-header .cover h3{text-transform:uppercase;animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:.6s}.case-study-main .article-header .cover h1{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;margin:0}@media (max-width:599px){.case-study-main .article-header .cover h1{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.case-study-main .article-header .cover h1{font-size:4.2rem;margin:0 0 2rem}}@media (max-width:599px){.case-study-main .article-header .cover h1{margin:0}}@media (min-width:x-small){.case-study-main .article-header .cover h1{margin:0}}.case-study-main .article-header .intro{height:50%;position:relative}.case-study-main .article-header .intro .content{z-index:2;position:relative;padding:20px 10px}@media (min-width:600px){.case-study-main .article-header .intro .content{padding:0;position:absolute;top:50%;left:8%;-ms-transform:translateY(-50%);transform:translateY(-50%)}}.case-study-main .article-header .intro h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem}.case-study-main .article-header .intro h3,.case-study-main .article-header .intro p{animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:.6s}.case-study-main .article-header .intro p{font-size:2.1rem;line-height:1.905;max-width:880px;margin:2rem 0 0}@media (max-width:599px){.case-study-main .article-header .intro p{font-size:1.8rem;line-height:1.667}}@media (min-width:x-small){.case-study-main .article-header .intro p{font-size:1.8rem;line-height:1.667}}.case-study-main .article-header .intro img{margin:4rem 0 0;animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:.6s}@media (max-width:599px){.case-study-main .article-header .intro img{display:none}}@media (min-width:x-small){.case-study-main .article-header .intro img{display:none}}.case-study-main .article-header .line{position:absolute;height:8px;width:100%;left:0;top:6.3rem;z-index:0;-ms-transform-origin:right center;transform-origin:right center;animation-name:m;animation-duration:.75s;animation-fill-mode:both;animation-delay:.3s}@media (max-width:599px){.case-study-main .article-header .line{top:4.8rem}}@media (min-width:x-small){.case-study-main .article-header .line{top:4.8rem}}.case-study-main .article-header.article-header--red .line{background:#f92c5e}.case-study-main .article-header.article-header--yellow .line{background:#fae155}.case-study-main .article-header.article-header--green .line{background:#00d78e}.case-study-main .article-header.article-header--blue .line{background:#00ccd0}.case-study-main .article-header.article-header--purple .line{background:#8a1ce1}.case-study-main .article-header.article-header--indigo .line{background:#3c2894}.case-study-main .body{margin-top:100vh;background:#fff;position:relative;z-index:2;padding:4rem 0}@media (max-width:599px){.case-study-main .body{margin-top:0}}@media (min-width:x-small){.case-study-main .body{margin-top:0}}.case-study-main .body h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:.6s}.case-study-main .body h2{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem}@media (max-width:599px){.case-study-main .body h2{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.case-study-main .body h2{font-size:4.2rem;margin:0 0 2rem}}.case-study-main .body li,.case-study-main .body p{font-size:1.8rem;line-height:1.667}.case-study-main .body a{color:#f92c5e}.case-study-main .body .thin{max-width:780px;margin:0 auto;padding:4rem 10px}.case-study-main .body .thin img{display:block;max-width:100%;margin:2rem auto}.case-study-main .body .medium{max-width:1180px;margin:0 auto;padding:4rem 0}.case-study-main .body .medium img{display:block;max-width:100%;margin:0 auto}.case-study-main .body .small{max-width:720px;margin:0 auto;padding:4rem 0}.case-study-main .body .small img{display:block;max-width:100%;margin:0 auto}.case-study-main .body .full{max-width:100%;margin:0 auto;padding:4rem 0}.case-study-main .body .full img{display:block;width:100%}.case-study-main .body .video-container{position:relative;margin:4rem auto}@media (min-width:1200px){.case-study-main .body .video-container{width:980px;height:526px;background:url(../images/video_bg.png) no-repeat 50%}}.case-study-main .body .video-container iframe{width:100%;height:220px;margin:0 auto}@media (min-width:600px){.case-study-main .body .video-container iframe{width:566px;height:360px}}@media (min-width:1200px){.case-study-main .body .video-container iframe{position:absolute;left:118px;top:42px;width:744px;height:419px}}.case-study-main .animate-in{visibility:hidden;opacity:0}.case-study-main .animate-in.showing{animation-name:e;animation-duration:.8s;animation-fill-mode:both}.work-frame.next-article{height:400px;z-index:10;position:relative;background:#222;color:#fff;padding:7px}.work-frame.next-article .work-content-inner{margin:50px auto 0}.work-frame.next-article .work-image .mask{animation-name:m;animation-duration:.75s;animation-fill-mode:both;animation-delay:0}.work-frame.next-article .work-content .line{animation-name:k;animation-duration:.75s;animation-fill-mode:both;animation-delay:0}.work-frame.next-article .work-content .all-projects,.work-frame.next-article .work-content h2,.work-frame.next-article .work-content h3{animation-name:i;animation-duration:.75s;animation-fill-mode:both;animation-delay:0}.work-frame.next-article .work-content .project-link:before{animation-name:n;animation-duration:.4s;animation-fill-mode:both;animation-delay:0s}.work-frame.next-article .work-content .project-link .mask{animation-name:m;animation-duration:.2s;animation-fill-mode:both;animation-delay:0s}.work-frame.next-article.showing .work-image .mask{animation-name:k;animation-duration:.75s;animation-fill-mode:both;animation-delay:0}.work-frame.next-article.showing .work-content .line{animation-name:m;animation-duration:.75s;animation-fill-mode:both;animation-delay:0}.work-frame.next-article.showing .work-content .all-projects,.work-frame.next-article.showing .work-content h2,.work-frame.next-article.showing .work-content h3{animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:.3s}.work-frame.next-article.showing .work-content .project-link:before{animation-name:l;animation-duration:.6s;animation-fill-mode:both;animation-delay:1.1s}.work-frame.next-article.showing .work-content .project-link .mask{animation-name:k;animation-duration:.3s;animation-fill-mode:both;animation-delay:.8s}.work-frame.next-article .all-projects{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;position:relative;display:inline-block;color:#fff;border:2px solid #fff;padding:2px 5px;z-index:50;transition:color .3s;margin:4rem 0 0;text-decoration:none}.work-frame.next-article .all-projects:hover{color:#222}.work-frame.next-article .all-projects:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:-1;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:left center;transform-origin:left center;transition:transform .3s}.work-frame.next-article .all-projects:hover:after{-ms-transform:scaleX(1);transform:scaleX(1)}.blog-main{border:7px solid #222}.blog-main .article-header{background:#222;color:#fff;position:fixed;top:7px;left:7px;right:7px;height:40rem;z-index:1}.blog-main .article-header .content{position:absolute;top:50%;left:8%;-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:599px){.blog-main .article-header .content{left:20px;right:20px}}@media (min-width:x-small){.blog-main .article-header .content{left:20px;right:20px}}.blog-main .article-header h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;margin:0 0 .8rem}.blog-main .article-header h1,.blog-main .article-header h3{text-transform:uppercase;animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:.6s}.blog-main .article-header h1{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;margin:0;color:#222}@media (max-width:599px){.blog-main .article-header h1{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.blog-main .article-header h1{font-size:4.2rem;margin:0 0 2rem}}@media (max-width:599px){.blog-main .article-header h1{margin:0}}@media (min-width:x-small){.blog-main .article-header h1{margin:0}}.blog-main .article-header p{font-size:1.8rem;line-height:1.667;max-width:400px;margin:2rem 0 0}.blog-main .article-header img,.blog-main .article-header p{animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:.6s}.blog-main .article-header img{margin:7rem 0 0}.blog-main .body{background:#fff;position:relative;z-index:2;margin-top:40rem;padding-top:6rem;padding-bottom:1px}.article-preview{margin:0 auto 8rem;max-width:820px;padding:0 20px}.article-preview .image{width:100%;height:30vh;max-height:38.5rem;min-height:150px;background-size:cover;background-position:50%;margin:0 0 2rem;position:relative;overflow:hidden}@media (min-width:600px){.article-preview .image{height:60vh}}.article-preview .date{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem}.article-preview a,.article-preview h2{text-decoration:none}.article-preview h2{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;font-size:3.8rem;color:#222}@media (max-width:599px){.article-preview h2{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.article-preview h2{font-size:4.2rem;margin:0 0 2rem}}@media (max-width:599px){.article-preview h2{font-size:2.8rem}}@media (min-width:x-small){.article-preview h2{font-size:2.8rem}}.article-preview p.intro{font-size:1.8rem;line-height:1.667;margin:2rem 0}.article-preview a.read{font-size:2.4rem;font-weight:700;font-family:gilroyextrabold,sans-serif;position:relative;text-decoration:none;padding:5px;display:inline-block;color:#222}.article-preview a.read .mask{top:0;bottom:0;-ms-transform-origin:right center;transform-origin:right center}.article-preview a.read .mask,.article-preview a.read:before{position:absolute;width:100%;left:0;background:#222;z-index:1}.article-preview a.read:before{display:none;content:"";top:2px;bottom:2px;-ms-transform-origin:center top;transform-origin:center top}.article-preview a.read:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:0;background:#f92c5e;transition:height .2s;z-index:-1}.article-preview a.read:hover:after{height:100%}.blog-article{border:7px solid #222;border-bottom:0}.blog-article .article-header{background-size:cover;background-position:50%;color:#fff;z-index:1;position:relative}@media (min-width:600px){.blog-article .article-header{position:fixed;top:7px;left:7px;right:7px;bottom:7px;height:50vh}}.blog-article .article-header:after{content:"";position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#222 55%,#3c3c3c 81%);opacity:.7}.blog-article .article-header .content{position:relative;z-index:2;padding:60px 20px 40px}@media (min-width:600px){.blog-article .article-header .content{padding:0;position:absolute;top:50%;left:8%;-ms-transform:translateY(-50%);transform:translateY(-50%)}}.blog-article .article-header h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;margin:0 0 .8rem}.blog-article .article-header h1,.blog-article .article-header h3{text-transform:uppercase;animation-name:f;animation-duration:.75s;animation-fill-mode:both;animation-delay:.6s}.blog-article .article-header h1{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;font-size:3.8rem;margin:0;max-width:720px}@media (max-width:599px){.blog-article .article-header h1{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.blog-article .article-header h1{font-size:4.2rem;margin:0 0 2rem}}@media (max-width:599px){.blog-article .article-header h1{font-size:2.8rem;margin:0}}@media (min-width:x-small){.blog-article .article-header h1{font-size:2.8rem;margin:0}}.blog-article .body{background:#fff;position:relative;z-index:2;padding-top:2rem;padding-bottom:1px}@media (min-width:600px){.blog-article .body{top:50vh;padding-bottom:50vh}}.blog-article .body li,.blog-article .body p{font-size:1.8rem;line-height:1.667}.blog-article .body .text-section--intro p{font-size:2.1rem}.blog-article .body a{color:#f92c5e;word-wrap:break-word}.blog-article .body .text-section{max-width:820px;margin:0 auto;padding:25px 20px}.blog-article .body .text-section img{display:block;max-width:100%;height:auto;margin:4rem auto}.blog-article .body .medium-image{max-width:1020px;margin:0 auto;padding:4rem 20px}.blog-article .body .medium-image img{display:block;width:100%;height:auto}.blog-article .article-footer{text-align:center;background:#fff;position:relative;z-index:2;padding:5rem 20px}.blog-article .article-footer .socials{max-width:380px;margin:0 auto 5rem;padding-bottom:20px;border-bottom:2px solid #f92c5e}.blog-article .article-footer .socials a{display:inline-block;width:18px;height:18px;margin:0 5px;background-size:contain;background-position:50%}.blog-article .article-footer .socials a.socials--twitter{background-image:url(../svg/twitter.svg)}.blog-article .article-footer .socials a.socials--facebook{background-image:url(../svg/facebook-square.svg)}.blog-article .article-footer .socials a.socials--linked-in{background-image:url(../svg/linkedin.svg)}.blog-article .article-footer h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;color:#f92c5e}.blog-article .article-footer .author-image{max-width:80px;margin:0 0 .8rem}.blog-article .article-footer .author-name{font-size:2.4rem;font-weight:700;font-family:gilroyextrabold,sans-serif;margin:0 0 .8rem}.blog-article .article-footer .author-job{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem}.next-blog-preview{z-index:10;position:relative;background:#222;color:#fff;padding:7px;margin:0;max-width:100%;overflow:hidden}@media (min-width:600px){.next-blog-preview{height:400px}}.next-blog-preview .blog-image{position:relative;background-size:cover;background-position:50%;height:30vh}@media (min-width:600px){.next-blog-preview .blog-image{float:left;width:50%;height:100%}}.next-blog-preview .blog-image .mask{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#222;-ms-transform-origin:left center;transform-origin:left center;z-index:5;animation-name:m;animation-duration:.75s;animation-fill-mode:both;animation-delay:.3s}.next-blog-preview.showing .blog-image .mask{animation-name:k;animation-duration:.75s;animation-fill-mode:both;animation-delay:.3s}.next-blog-preview .blog-content{padding:0 0 30px}@media (min-width:600px){.next-blog-preview .blog-content{padding:0;float:right;width:50%;height:100%}}.next-blog-preview .blog-content-inner{width:100%;max-width:480px;margin:20px auto 0;position:relative}@media (min-width:600px){.next-blog-preview .blog-content-inner{margin:50px auto 0}}.next-blog-preview h2{color:#fff}.next-blog-preview .all-blogs,.next-blog-preview .date,.next-blog-preview h2{animation-name:h;animation-duration:.4s;animation-fill-mode:both;animation-delay:.3s}.next-blog-preview a.read{color:#fff}.next-blog-preview a.read:before{display:block;animation-name:n;animation-duration:.6s;animation-fill-mode:both;animation-delay:0}.next-blog-preview a.read .mask{animation-name:m;animation-duration:.3s;animation-fill-mode:both;animation-delay:0}.next-blog-preview.showing .all-blogs,.next-blog-preview.showing .date,.next-blog-preview.showing h2{animation-name:g;animation-duration:.4s;animation-fill-mode:both;animation-delay:.3s}.next-blog-preview.showing a.read:before{display:block;animation-name:l;animation-duration:.6s;animation-fill-mode:both;animation-delay:1.3s}.next-blog-preview.showing a.read .mask{animation-name:k;animation-duration:.3s;animation-fill-mode:both;animation-delay:1s}.next-blog-preview .all-blogs{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;display:inline-block;position:relative;color:#fff;border:2px solid #fff;margin:4rem 0 0;padding:2px 5px;text-decoration:none;transition:color .3s}.next-blog-preview .all-blogs:hover{color:#222}.next-blog-preview .all-blogs:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:-1;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:left center;transform-origin:left center;transition:transform .3s}.next-blog-preview .all-blogs:hover:after{-ms-transform:scaleY(1);transform:scaleY(1)}.pagination{text-align:center}.pagination a,.pagination span{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;display:inline-block;position:relative;color:#222;border:2px solid #f92c5e;text-decoration:none;padding:3px 5px 3px 6px;transition:color .3s;margin:4rem .4rem}.pagination a:hover{color:#fff}.pagination a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f92c5e;z-index:-1;-ms-transform:scaleY(0);transform:scaleY(0);-ms-transform-origin:left bottom;transform-origin:left bottom;transition:transform .3s}.pagination a:hover:after{-ms-transform:scaleY(1);transform:scaleY(1)}.pagination span{background:#f92c5e;color:#fff}.main--job .section{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#fff;color:#222}.main--job .section.section--active.sliding-in{opacity:0}.main--job .section.section--old{z-index:0}.main--job .section.section--active{z-index:5}.main--job .section.sliding-out{z-index:4}.main--job .job-section-content{width:58%;height:100%;float:left}.main--job .job-section-content .job-section-content-inner{width:100%;max-width:620px;padding:0 20px;margin:20vh auto 0;position:relative}.main--job .job-section-content h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem}.main--job .job-section-content h2{font-size:6rem;font-family:gilroyextrabold,sans-serif;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.2rem;margin:0 0 3rem;position:relative;z-index:0}@media (max-width:599px){.main--job .job-section-content h2{font-size:4.2rem;margin:0 0 2rem}}@media (min-width:x-small){.main--job .job-section-content h2{font-size:4.2rem;margin:0 0 2rem}}.main--job .job-section-content li,.main--job .job-section-content p{font-size:1.8rem;line-height:1.667}.main--job .job-section-content img{margin:50px 0 0}.main--job .job-section-image{width:42%;height:100%;float:left;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.main--job .job-section-image:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0;opacity:.4;mix-blend-mode:multiply;z-index:1}.main--job .job-section-image:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;opacity:.3;z-index:2}.main--job .job-section-image .mask{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:5;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:left center;transform-origin:left center}.main--job .job-section-application{width:42%;height:100%;float:left;position:relative;background:#222}.main--job .job-section-application .mask{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:5;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:left center;transform-origin:left center}.main--job .job-section-application form{width:100%;max-width:420px;padding:0 20px;margin:20vh auto 0;position:relative}.main--job .job-section-application form h3{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;margin-bottom:25px;color:#fff}.main--job .job-section-application form .textfield,.main--job .job-section-application form textarea{width:100%;padding:10px 10px 8px;font-size:1.8rem;background:#fff;border:0;color:#222;font-family:Merriweather,serif;margin:0 0 20px}.main--job .job-section-application form textarea{height:150px}.main--job .job-section-application form .file-input{margin:0 0 20px;font-family:Merriweather,serif}.main--job .job-section-application form button{font-size:1.4rem;font-family:gilroylight,sans-serif;font-weight:300;letter-spacing:.3rem;text-transform:uppercase;margin:0 0 .8rem;display:inline-block;padding:10px 10px 8px;background:#00ccd0;border:0;margin:0;cursor:pointer}.main--job .section--active .job-section-content{animation-name:f;animation-duration:.5s;animation-fill-mode:both;animation-delay:1s}.main--job .section--active .job-section-content p .highlight:after{animation-name:m;animation-duration:.5s;animation-fill-mode:both;animation-delay:1.6s}.main--job .section--active .job-section-application .mask,.main--job .section--active .job-section-image .mask{animation-name:k;animation-duration:.7s;animation-fill-mode:both;animation-delay:.7s}.main--job .sliding-out .job-section-content{animation-name:i;animation-duration:.7s;animation-fill-mode:both}.main--job .sliding-out .job-section-application .mask,.main--job .sliding-out .job-section-image .mask{animation-name:m;animation-duration:.7s;animation-fill-mode:both}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}* html .clearfix,:first-child+html .clearfix{zoom:1}*{box-sizing:border-box}::-moz-selection{background:#00d78e}::selection{background:#00d78e}body,html{padding:0;margin:0;background:#222;font-family:Merriweather,serif;font-size:49.5%}@media (min-width:600px){body,html{font-size:37.5%}}@media (min-width:900px){body,html{font-size:49.5%}}@media (min-width:1600px){body,html{font-size:62.5%}}@media (min-width:900px){body{overflow:hidden}}body.normal-scroll{overflow:visible}main{position:absolute;height:calc(100vh - 14px);width:calc(100vw - 14px);overflow:hidden;margin:7px;z-index:2}@media (max-width:599px){main{position:relative;margin:0;width:auto;height:auto}}@media (min-width:x-small){main{position:relative;margin:0;width:auto;height:auto}}#carmichael path{transition:1s fill;fill:transparent}.service{fill:#fff;opacity:0}@keyframes serviceFade{0%{visibility:visible;opacity:1}10%{visibility:visible;opacity:1}50%{visibility:hidden;opacity:0}100%{visibility:hidden;opacity:0}}@keyframes serviceFill{0%{visibility:hidden;opacity:0}10%{visibility:visible;opacity:1}100%{visibility:visible;opacity:1}}.service{animation:serviceFade 2.5s forwards;animation-delay:5.5s}#digital{animation-delay:8s}#pr{animation-delay:10.5s}#social{animation-delay:13s}#strategy{animation-delay:15.5s}#web{animation-delay:18s}#collective{animation:serviceFill 2.5s ease forwards;animation-delay:20.5s}@keyframes letterFill{100%{fill:#fff}}.letter{animation:letterFill 1s linear;animation-fill-mode:forwards}#a{animation-delay:.2s}#r{animation-delay:.4s}#m{animation-delay:.6s}#i{animation-delay:.8s}#c2{animation-delay:1s}#h{animation-delay:1.2s}#a2{animation-delay:1.4s}#e{animation-delay:1.6s}#l{animation-delay:1.8s}@keyframes underlineFill{0%{fill:#222}2%{fill:#00ccd0}14.28%{fill:#f92c5e}28.56%{fill:#f3593e}42.84%{fill:#fae155}57.12%{fill:#ff3eb5}71.4%{fill:#8a1ce1}85.68%{fill:#00d78e}100%{fill:#00d78e}}#underline{animation:underlineFill 19s linear;animation-fill-mode:forwards;animation-delay:5.5s;fill:#222}.service-list ul{float:left}.cc-circle{background:url(/uploads/approach-images/CC_Circle.png);height:150px;width:150px;background-size:contain;background-repeat:no-repeat;background-position:left;margin:30px 0;float:left}.title-wrapper img{float:left;width:115px;margin-top:0;margin-right:20px}.title-wrapper .title{float:left;width:400px}.menu .main-item--approach:after{background:#8a1ce1;top:50%}#overview-bg{background-image:url(../images/overview.jpg)}#analysis-bg{background-image:url(../images/analysis.jpg)}#objective-bg{background-image:url(../images/objective.jpg)}#strategy-bg{background-image:url(../images/strategy.jpg)}#action-bg{background-image:url(../images/action.jpg)}.approach-spacing{margin-bottom:150px}@media(max-width:1200px){.title-wrapper .title{width:100%}}@media(max-width:599px){.title-wrapper img{display:block;margin-bottom:10px}}.video-wrapper{position:relative}.video-wrapper .overlay{position:absolute;width:100%;height:100%;background:#01d78ec2;top:0;opacity:0}.video-wrapper:hover>.overlay{opacity:1}.video-wrapper .overlay img{width:150px;top:28%;position:relative}@media (max-width:899px){.video-wrapper .overlay img{top:22%}}