@-webkit-keyframes fade-in{0%{opacity:0;transform:translateY(5%)}100%{opacity:1;transform:translateX(0)}}@-moz-keyframes fade-in{0%{opacity:0;transform:translateY(5%)}100%{opacity:1;transform:translateX(0)}}@-o-keyframes fade-in{0%{opacity:0;transform:translateY(5%)}100%{opacity:1;transform:translateX(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(5%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fade-in-up{0%{opacity:0;transform:translateY(30%)}100%{opacity:1;transform:translateX(0)}}@-moz-keyframes fade-in-up{0%{opacity:0;transform:translateY(30%)}100%{opacity:1;transform:translateX(0)}}@-o-keyframes fade-in-up{0%{opacity:0;transform:translateY(30%)}100%{opacity:1;transform:translateX(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30%)}100%{opacity:1;transform:translateX(0)}}.wrap{width:100%;padding:0;max-width:960px;margin:0 auto}#intro{padding:120px 0 0 0}#intro h1,#intro p{width:80%}#block-typog{min-height:860px}#block-typog .wrap{position:relative}#block-typog .wrap .block-one{width:500px;height:686px;display:block;position:absolute;top:60px;left:auto;right:0;bottom:auto}#block-typog .wrap .block-one .block-image{width:100%;height:600px;display:block;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}#block-typog .wrap .block-one .paint{width:47px;height:600px;display:block;background-image:url(../images/paint-vert.png);background-size:47px 600px;position:absolute;top:0;left:auto;right:0;bottom:auto;z-index:3}#block-typog .wrap .block-one nav{display:inherit;float:left;margin:60px 0 0 0}#block-typog .wrap .block-one nav li{display:inline-flex;margin-right:30px;color:#f00658;font-family:'Courier New', 'Courier', monospace;font-weight:normal;font-display:swap;-webkit-font-smoothing:subpixel-antialiased;font-size:1.5em;line-height:25px;cursor:pointer;display:inline-block;position:relative}@media only screen and (min-width: 1100px){#block-typog .wrap .block-one nav li{font-size:1.6em;line-height:26px}}#block-typog .wrap .block-one nav li:hover{text-decoration:none}#block-typog .wrap .block-one nav li:after{content:'';position:absolute;top:auto;left:0;right:auto;bottom:0;width:0;border-bottom:1px solid #f00658;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}#block-typog .wrap .block-one nav li:hover:after{width:100%}#block-typog .wrap .block-one nav li.active{font-weight:bold;color:#212b3b;cursor:default}#block-typog .wrap .block-one nav li.active:after{border:none}#block-typog .block-text{padding:0 !important;width:100%;max-width:300px;position:absolute;top:415px;left:160px;right:auto;bottom:auto}#block-typog .block-text p a.link-cotw{color:#f00658;text-decoration:underline}#block-typog .block-title{position:absolute;top:120px;left:0;right:auto;bottom:auto}#block-typog .block-two{width:80px;height:600px;display:block}#block-typog .block-two.freelancer{background-position:-710px 0}#clients{width:auto;float:none;margin:0 30px}#clients .offset{width:89.583333%;margin:0 auto;margin-left:10.416667%}#clients .logos h2{margin-bottom:60px}#clients .logos ul{margin-bottom:60px}#clients .logos ul li{width:16.4%;height:80px;display:block;max-width:143px;margin-bottom:30px}#clients p{font-family:'Overpass', 'Helvetica', 'Arial', sans-serif;font-weight:600;font-display:swap;font-style:normal;font-size:3em;line-height:40px}@media only screen and (min-width: 1100px){#clients p{font-size:3.6em;line-height:46px}}
#portfolio{margin:0 30px;padding-top:0}#portfolio .wrap{-webkit-column-width:300px;-moz-column-width:300px;column-width:300px}#portfolio.related,#portfolio.writing,#portfolio.archive{padding:100px 0 130px 0}.card{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.card .card-text{padding:30px 25px 25px 25px}.card .card-text h3{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.card:hover .card-text h3{color:#f00658}.card.project:hover{box-shadow:0 15px 10px -10px rgba(33,43,59,0.3);-webkit-box-shadow:0 15px 10px -10px rgba(33,43,59,0.3);-moz-box-shadow:0 15px 10px -10px rgba(33,43,59,0.3);transform:translate(0, -1px)}.card.article{padding:90px 0}.card.article .card-text .card-date{line-height:23px;border-bottom:1px solid rgba(33,43,59,0);display:inline-block;position:relative}.card.article .card-text .card-date:hover{text-decoration:none}.card.article .card-text .card-date:after{content:'';position:absolute;top:auto;left:0;right:auto;bottom:0;width:0;border-bottom:1px solid #f00658;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.card.article .card-text .card-date:hover:after{width:100%}.card.article:hover .card-text .card-date{border-bottom:1px solid rgba(240,6,88,0)}.card.article:hover .card-text .card-date:after{width:100%}.card.col-top{margin-top:180px}#portfolio.writing .card.article{padding:60px 0 30px 0}.card.panel{-webkit-perspective:600px;-moz-perspective:600px;position:relative;background:none;transition:none;min-height:490px}.card.panel:hover{box-shadow:none;transform:none}.card.panel .front{background-color:#fff;z-index:900;-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotateY(0deg)}.card.panel .front .card-text h3{width:90%}.card.panel .back{display:inherit;z-index:800;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg)}.card.panel .back .card-text .card-desc{font-family:'Overpass', 'Helvetica', 'Arial', sans-serif;font-weight:600;font-display:swap;font-style:normal;font-size:3em;line-height:40px;color:#fff}.card.panel .back .card-text .card-cats{font-family:'Courier New', 'Courier', monospace;font-weight:normal;font-display:swap;-webkit-font-smoothing:subpixel-antialiased;font-size:1.3em;line-height:13px;line-height:23px !important;padding:15px 0 0 0;color:#fff}.card.panel.flip .front{z-index:900;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}.card.panel.flip .back{z-index:1000;-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotateY(0deg);background:#f00658}.card.panel .flipper{position:absolute;top:0;left:0;right:auto;bottom:auto;width:inherit;height:inherit;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;min-height:490px}#bio h1{margin:120px 0 60px 0}#bio h3{margin:260px 0 90px 0}#bio .cols{width:42%;float:left}#bio .cols.col-2{float:right}#awards h2,#honours h2{margin:120px 0 60px 0}#awards .cols,#honours .cols{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-width:300px;-moz-column-width:300px;column-width:300px;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}#awards .cols div,#honours .cols div{display:inline-block;width:100%}#honours{width:auto;float:none;margin:0 30px}#case-study .project-left,#project-header .project-left{width:62.5%}#case-study .project-left p:last-child,#project-header .project-left p:last-child{margin-bottom:0}#case-study .project-right,#project-header .project-right{width:31.25%;margin-left:6.25%;padding:30px 0 0 0;border-top:4px solid #f5f5f5}#case-study img,#project-header img{max-width:580px;padding:0;border:10px solid #f5f5f5}#project-header{padding:120px 0 60px 0;margin:0 30px}#project-header h1{width:80%}#project-header .feature-image.new-feature{margin-top:80px}#project-header .project-left{padding:90px 0 0 0}#project-header .project-right{margin-top:75px}#case-study .templates .repeater{padding:30px 0}#case-study .wide-image .project-left{width:100%;max-width:none}#case-study .wide-image .project-right{margin:30px 0 0 0;max-width:600px;width:100%;float:left;border:none}#case-study .wide-image img,#case-study #mobile img{margin:0 -5%;width:110%;max-width:1060px}#case-study #video .video-wrap{max-width:100%;margin:0}#contact{min-height:519px;padding:0 0 120px 0}#contact .letter{display:inherit}#contact h2{margin:307px 0 0 0}#contact ul{margin:60px 0}#contact ul li{margin-right:30px}#primary li{margin-right:50px}#primary li.portfolio{display:inherit}.block-title.freelancer{display:inherit}.block-title.freelancer .a{top:0;left:0;right:auto}.block-title.freelancer .n{top:0;left:110px;right:auto}.block-title.freelancer .d{top:0;left:220px;right:auto}.block-title.freelancer .r{top:138px;left:220px;right:auto}.block-title.freelancer .e{top:138px;left:315px;right:auto}.block-title.freelancer .w{top:276px;left:0;right:auto}.block-title.founder .c{top:0;left:0;right:auto}.block-title.founder .o{top:0;left:305px;right:auto}.block-title.founder .t{top:138px;left:180px;right:auto}.block-title.founder .w{top:276px;left:0;right:auto}.block-title.author .o{top:0;left:94px;right:auto}.block-title.author .o{top:138px;left:120px;right:auto}.block-title.author .oo{top:138px;left:270px;right:auto}.block-title.author .k{top:276px;left:0;right:auto}.block-title.leader .l{top:0;left:44px;right:auto}.block-title.leader .e{top:138px;left:166px;right:auto}.block-title.leader .a{top:138px;left:300px;right:auto}.block-title.leader .d{top:276px;left:0;right:auto}.block-one .block-one-letters.andrew{display:none}.block-one .block-one-letters.freelancer{display:inherit}.block-one .block-one-letters.freelancer .letter.f{top:222px;left:103px;right:auto}.block-one .block-one-letters.freelancer .letter.r{top:222px;left:192px;right:auto}.block-one .block-one-letters.freelancer .letter.e{top:222px;left:296px;right:auto}.block-one .block-one-letters.freelancer .letter.ee{top:222px;left:390px;right:auto}.block-one .block-one-letters.freelancer .letter.l{top:362px;left:252px;right:auto}.block-one .block-one-letters.freelancer .letter.a{top:362px;left:324px;right:auto}.block-one .block-one-letters.freelancer .letter.n{top:362px;left:428px;right:auto}.block-one .block-one-letters.freelancer .letter.c{top:502px;left:103px;right:auto}.block-one .block-one-letters.freelancer .letter.eee{top:502px;left:390px;right:auto}.block-one .block-one-letters.founder .letter.f{top:222px;left:202px;right:auto}.block-one .block-one-letters.founder .letter.o{top:222px;left:282px;right:auto}.block-one .block-one-letters.founder .letter.u{top:362px;left:-16px;right:auto}.block-one .block-one-letters.founder .letter.n{top:362px;left:83px;right:auto}.block-one .block-one-letters.founder .letter.d{top:362px;left:182px;right:auto}.block-one .block-one-letters.founder .letter.e{top:502px;left:253px;right:auto}.block-one .block-one-letters.founder .letter.r{top:502px;left:393px;right:auto}.block-one .block-one-letters.author .letter.a{top:222px;left:-23px;right:auto}.block-one .block-one-letters.author .letter.u{top:222px;left:86px;right:auto}.block-one .block-one-letters.author .letter.t{top:222px;left:188px;right:auto}.block-one .block-one-letters.author .letter.h{top:362px;left:215px;right:auto}.block-one .block-one-letters.author .letter.o{top:362px;left:312px;right:auto}.block-one .block-one-letters.author .letter.r{top:502px;left:86px;right:auto}.block-one .block-one-letters.leader .letter.i{top:222px;left:194px;right:auto}.block-one .block-one-letters.leader .letter.n{top:222px;left:245px;right:auto}.block-one .block-one-letters.leader .letter.line{top:273px;left:341px;right:auto}.block-one .block-one-letters.leader .letter.h{top:362px;left:44px;right:auto}.block-one .block-one-letters.leader .letter.o{top:362px;left:140px;right:auto}.block-one .block-one-letters.leader .letter.u{top:362px;left:245px;right:auto}.block-one .block-one-letters.leader .letter.s{top:502px;left:248px;right:auto}.block-one .block-one-letters.leader .letter.e{top:502px;left:340px;right:auto}#contact .letter.h{top:120px;left:0;right:auto}#contact .letter.e{top:120px;left:227px;right:auto}#contact .letter.l{top:120px;left:420px;right:auto}#contact .letter.ll{top:258px;left:780px;right:auto}#contact .letter.o{top:417px;left:590px;right:auto}