@font-face{font-family:merriweather_sans;src:url(/fonts/merriweathersans-regular-webfont.woff2) format('woff2'),url(/fonts/merriweathersans-regular-webfont.woff) format('woff'),url(/fonts/merriweathersans-regular-webfont.ttf) format('truetype'),url(/fonts/merriweathersans-regular-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/merriweathersans-regular-webfont.svg#merriweather_sansregular) format('svg');font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:merriweather_sans_light;src:url(/fonts/merriweathersans-light-webfont.woff2) format('woff2'),url(/fonts/merriweathersans-light-webfont.woff) format('woff'),url(/fonts/merriweathersans-light-webfont.ttf) format('truetype'),url(/fonts/merriweathersans-light-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/merriweathersans-light-webfont.svg#merriweather_sanslight) format('svg');font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:merriweather_sans_light;src:url(/fonts/merriweathersans-lightitalic-webfont.woff2) format('woff2'),url(/fonts/merriweathersans-lightitalic-webfont.woff) format('woff'),url(/fonts/merriweathersans-lightitalic-webfont.ttf) format('truetype'),url(/fonts/merriweathersans-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/merriweathersans-lightitalic-webfont.svg#merriweather_sanslight_italic) format('svg');font-weight:400;font-style:italic;font-display:fallback}@font-face{font-family:open_sans;src:url(/fonts/opensans-regular-webfont.woff2) format('woff2'),url(/fonts/opensans-regular-webfont.woff) format('woff'),url(/fonts/opensans-regular-webfont.ttf) format('truetype'),url(/fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/opensans-regular-webfont.svg#open_sansregular) format('svg');font-weight:400;font-style:normal;font-display:fallback}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#fafafa;color:#1a1a1a;font:normal 100% merriweather_sans_light,'Open Sans',Verdana,Tahoma,Arial,'Helvetica Neue',Helvetica,sans-serif;line-height:1.2;margin:0;padding:0}#content-wrapper{margin:0 auto;max-width:2000px}article,footer,header,main,nav,section{display:block}h1,h2,h3,input,p,ul{line-height:1.5em;margin:0;padding:0}h1,h2,h3{font-weight:400;text-align:center}h1{background-color:#333;color:#f5f5f5;font-family:merriweather_sans,Verdana,Tahoma,Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:1.75em;margin:0 0 1em 0;padding:.5em .25em}h2{background-color:#fff;font-family:merriweather_sans,Verdana,Tahoma,Arial,'Helvetica Neue',Helvetica,sans-serif;margin:1em 0 0;padding:.25em 0}h3{font-size:1.25em;margin:0 .25rem}p{font-size:1.25em}a,img{border:none;outline:0;text-decoration:none}img{color:transparent}a:link,a:visited{color:#2196f3;text-decoration:underline}a:focus,a:hover{color:#2196f3;text-decoration:none}a:active{color:#1a1a1a;text-decoration:none}button:active,button:focus,button:hover,button:link{outline:0}header{background-color:#fafafa;clear:both;overflow:hidden}#logo{background:url(/graphics/logobanner_blacktext.png) no-repeat left top;background:url(/graphics/logobanner_blacktext.svg) no-repeat left top;display:block;height:60px;margin:0 auto;padding:0;width:275px}header .img-replace{display:none}#main,main{background-color:#eee;clear:both;margin:0;padding:0;min-height:100vh;min-height:calc(100vh - 60px - 8rem);overflow:hidden;width:100%}footer{background-color:#1a1a1a;color:#f5f5f5;letter-spacing:.025em;line-height:1em;margin:auto;padding:24px .25em;text-align:center}footer p{font-size:.875em}#nav{display:block;font-family:merriweather_sans,Verdana,Tahoma,Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:1.125em;margin:0;min-height:3em;overflow:hidden;padding:0;width:100%}#nav ul{line-height:3em;margin:auto;max-width:26em;padding:0;white-space:nowrap}#nav li{display:inline;line-height:3em;list-style-type:none;margin:0}#nav a{border-width:0 0 .2em 0;border-style:solid;color:#000;margin:0 .5em;padding:.25em .25em 0 .25em;text-align:right;text-decoration:none}#nav a:link,#nav a:visited{border-color:transparent}#nav a:focus,#nav a:hover{border-color:#2196f3;transition:all .2s ease-in}#about #nav a.about,#contact #nav a.contact,#home #nav a.home,#illustration #nav a.illustration,#projects #nav a.projects,#writing-and-design #nav a.writing-and-design{background-color:transparent;border-color:#bdbdbd;cursor:default}#menu-items{display:block}#menu-bar,.js-active #menu-bar{display:none}#home main{background:url(graphics/patternheader.png) -3em 2em/contain repeat-x #333;background:url(graphics/patternheader.svg) -3em 2em/contain repeat-x #333;background-attachment:fixed;background-size:auto 100%;padding:0}#home-intro>p{background-color:#fff;background-color:rgba(255,255,255,.9);border-radius:20px 4px;margin:100px auto;max-width:30em;padding:1.5em 1em;width:90%}.centred-text{text-align:center}.divider{color:#757575;padding:0 .1em}.justified-text{text-align:justify}.no-wrap{white-space:nowrap}.rounded-corners{border-radius:5px}.booktitle{font-style:italic}body .lazyload{height:0}.js-active .lazyload{height:auto}.js-active .fly-in{transform:translateX(-100vw)}.js-active .fly-in.hold-active{transform:translateX(0);transition:transform .5s ease-out 50ms}.flex{display:flex;justify-content:center;align-items:center}.img-holder{position:relative;width:100%}.img-holder img{display:block;height:auto;margin:0;padding:0;position:absolute;left:0;top:0;width:100%}#gallery .img-holder img{padding:1em}.col-wrap,.row{clear:both;height:auto;overflow:hidden;width:100%}.colx3 .col{float:left;width:calc((100% / 3) - .1px)}.img-holder.ratio4x3{padding-bottom:75%}.img-holder.ratio6x4{padding-bottom:calc(100% * (4/6))}.img-holder.ratio10x16{padding-bottom:62.5%}.img-holder.square{padding-bottom:100%}#edit-proof-design .column{padding:2%;width:33%;width:calc((100% / 3) - .1px)}#edit-proof-design .column div{margin:3em 0}#separator{background:url(graphics/draw_30.png) 0 0/contain repeat-x #333;background:url(graphics/draw_30.svg) 0 0/contain repeat-x #333;background-attachment:scroll;background-size:auto 100px;height:100px}.img-testimonials{display:block;height:auto;margin:.5em auto;width:100%}#testimonials{background-color:#bdbdbd;font-family:open_sans,'Open Sans',Verdana,Tahoma,Arial,'Helvetica Neue',Helvetica,sans-serif;margin:0;overflow:hidden;padding:1em 2em;position:relative}#testimonials-heading{background-color:#bdbdbd;margin:0;padding:2em 0 0}#testimonials-intro{font-size:1.2rem;margin:0 auto;padding:0;text-align:center}#testimonials p{max-width:48em;margin:1em auto;width:100%}#contact-me{background:url(graphics/draw_30.png) 50% 50%/contain repeat-x #333;background:url(graphics/draw_30.svg) 50% 50%/contain repeat-x #333;background-attachment:scroll;background-size:auto 100px;margin:0;padding:1em;text-align:center}#contact-me p{background-color:#333;color:#f5f5f5}#contact-me .contact-button:link,#contact-me .contact-button:visited{color:#9c27b0}#contact-me .contact-button:focus,#contact-me .contact-button:hover{background-color:#9c27b0;color:#fff}.quote{background:#fff;background-clip:padding-box;border:1.5em solid #fff;border-radius:5px;clear:both;font:normal 100% open_sans,'Open Sans';margin:1em auto;padding:0;position:relative;width:100%}.cite{text-align:right}.quote p{margin:1em auto;padding:0}.quote-marks{color:#bdbdbd;font-size:3em;font-family:Arial,'Helvetica Neue',Helvetica,'Trebuchet MS',Rockwell,sans-serif;font-weight:700;height:auto;width:auto;position:absolute}.quote-marks.opening{top:-.2em;left:-.4em}.quote-marks.closing{bottom:-.7em;right:-.4em}#bio-header{background:url(graphics/write_30.png) -3em 2em/contain repeat #333;background:url(graphics/write_30.svg) -3em 2em/contain repeat #333;background-attachment:fixed;background-size:auto 200px;margin:0 auto;overflow:hidden;position:relative;width:100%}#bio-info{overflow:hidden;padding:0;position:relative;width:100%}#bio-info p{margin:auto;max-width:48em;padding:.5em 0;text-align:justify;width:100%}.written-content{margin:2em;overflow:hidden;position:relative}.written-content p{max-width:48em;margin:1em auto;width:100%}.column{float:left;overflow:hidden;position:relative}.column::after{content:"";clear:both;display:block}.photo{display:block;height:200px;margin:10px auto;max-width:200px}.photo img{border-radius:50%;position:relative;z-index:999}.photo .fade-in.loaded{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}#roles-wrapper{margin:0 auto 1em;max-width:48rem;overflow:hidden;width:100%}.my-roles{border-radius:1rem;font-family:merriweather_sans,open_sans,'Open Sans',Verdana,Tahoma,Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:20px;display:block;height:6.5em;letter-spacing:.01em;line-height:3em;margin:0 auto 4em;max-width:200px;padding:0 .5em;position:relative;text-align:left;width:100%}.main-role{border-left:3.5em solid #558b2f;top:0;left:0;padding:0 .5em;position:absolute;text-align:left;width:100%}.alt-role{border-right:3.5em solid #558b2f;border-top:.5em solid #558b2f;bottom:0;left:0;padding:0 .5em;position:absolute;text-align:right;width:100%}#contact-info h2{background-color:transparent;background:0 0;border:none;font-size:1.25em;margin:1em auto 0;padding:0}#contact-info{padding-bottom:1em}#contact-info p{margin:0 auto;max-width:22em;padding:0;text-align:center;width:90%}.caret-down::before{transform:scale(2.5,1.5)}.caret-down::before{color:#9e9e9e;content:"\2228";display:block;margin:1em auto;padding:0;text-align:center;width:1.5em}.contact-button{background-color:#fff;border-radius:10px;border:2px solid #bdbdbd;display:block;font-size:1.25em;margin:1em auto;max-width:8em;padding:.75em;text-align:center;text-decoration:none}.contact-button:link,.contact-button:visited{color:#2196f3;text-decoration:none}.contact-button:focus,.contact-button:hover{background-color:#2196f3;color:#fff;font-family:merriweather_sans;outline:4px solid #ccc;text-decoration:none;transition:all .1s ease}.contact-button:active{border-color:#fff;outline:6px solid #fff}#contact-testimonial{background:url(graphics/design_30.png) 0 2em/contain repeat-x #333;background:url(graphics/design_30.svg) 0 2em/contain repeat #333;background-attachment:fixed;background-size:auto 200px;padding:2em}#contact-testimonial h2{background-color:#333;color:#f5f5f5;margin:0 auto;max-width:10em}#contact-testimonial .quote{max-width:60em;width:100%}#error404 img{height:auto;max-width:640px;width:100%}#error-msg{font-size:125%}#error404 #main p{margin:1em}.print-break{display:none}.fade-in.loaded,.fade-in.text{opacity:1;-webkit-animation:.5s ease-in-out 0s 1 FadeIn;-moz-animation:.5s ease-in-out 0s 1 FadeIn;-o-animation:.5s ease-in-out 0s 1 FadeIn;animation:.5s ease-in-out 0s 1 FadeIn}@-webkit-keyframes FadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes FadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes FadeIn{0%{opacity:0}100%{opacity:1}}@keyframes FadeIn{0%{opacity:0}100%{opacity:1}}.fly-out{-webkit-animation:1.2s ease-in-out 0s 1 FlyOut;-moz-animation:1.2s ease-in-out 0s 1 FlyOut;-o-animation:1.2s ease-in-out 0s 1 FlyOut;animation:1.2s ease-in-out 0s 1 FlyOut}@-webkit-keyframes FlyOut{0%{transform:translateX(100vw)}100%{transform:translateX(200vw)}}@-moz-keyframes FlyOut{0%{transform:translateX(100vw)}100%{transform:translateX(200vw)}}@-o-keyframes FlyOut{0%{transform:translateX(100vw)}100%{transform:translateX(200vw)}}@keyframes FlyOut{0%{transform:translateX(100vw)}100%{transform:translateX(200vw)}}.bounce{-webkit-animation:.5s ease 1s 2 Bounce;-moz-animation:.5s ease 1s 2 Bounce;-o-animation:.5s ease 1s 2 Bounce;animation:.5s ease 1s 2 Bounce}@-webkit-keyframes Bounce{0%,100%{transform:translateY(0)}5%,95%{transform:translateY(-1px)}50%{transform:translateY(18px)}}@-moz-keyframes Bounce{0%,100%{transform:translateY(0)}5%,95%{transform:translateY(-1px)}50%{transform:translateY(18px)}}@-o-keyframes Bounce{0%,100%{transform:translateY(0)}5%,95%{transform:translateY(-1px)}50%{transform:translateY(18px)}}@keyframes Bounce{0%,100%{transform:translateY(0)}5%,95%{transform:translateY(-1px)}50%{transform:translateY(18px)}}.oscillate{-webkit-animation:1.5s ease-in 0s infinite Oscillate;-moz-animation:1.5s ease-in 0s infinite Oscillate;-o-animation:1.5s ease-in 0s infinite Oscillate;animation:1.5s ease-in 0s infinite Oscillate}@-webkit-keyframes Oscillate{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}@-moz-keyframes Oscillate{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}@-o-keyframes Oscillate{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}@keyframes Oscillate{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}.wiggle{-webkit-animation:.25s ease-in-out .8s 2 Wiggle;-moz-animation:.25s ease-in-out .8s 2 Wiggle;-o-animation:.25s ease-in-out .8s 2 Wiggle;animation:.25s ease-in-out .8s 2 Wiggle}@-webkit-keyframes Wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@-moz-keyframes Wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@-o-keyframes Wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes Wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}#edit-proof-design #intro{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10%;margin:1em;padding:3em;align-items:flex-start}#intro-text{flex:250%}#intro-text p{padding:1em 0;width:100%}@media all and (max-width:1200px){body{font-size:90%}#bio-info{margin-bottom:2em;top:0}#bio-info .column{float:none;margin:0 auto;padding:0;width:100%}#col-b{margin:2em auto}}@media all and (min-width:481px){.my-roles{float:left;margin:2em 7%;max-width:20em;width:35%}#projects .column,#projects .column.left,#projects .column.right{float:none;margin:0;padding:0;width:100%}}@media all and (max-width:800px){h1,h2,h3,input,p,ul{line-height:1.5em}#edit-proof-design #intro{display:block;padding:1em}#writing-and-design .column,#writing-and-design .column.left,#writing-and-design .column.right{float:none;margin:0;padding:0;width:100%}.fly-out{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-ms-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}#edit-proof-design-design .column div{margin:3em auto 0 auto}#bio-photo,.my-roles{float:none;max-width:13.5em;width:80%}.my-roles{margin:2em auto}}@media all and (min-width:681px){.js-active #menu-items{height:auto;max-height:3em}#menu-items{min-height:3em}}@media all and (max-width:680px){#about.js-active #nav a.about,#contact.js-active #nav a.contact,#home.js-active #nav a.home,#illustration.js-active #nav a.illustration,#projects.js-active #nav a.projects,#writing-and-design.js-active #nav a.writing-and-design{background-color:#757575;border-color:transparent;color:#fff}.js-active #menu-button,.js-active #menu-button.closed{background-color:transparent;border-radius:50%;color:#1a1a1a;display:inline-block;font-size:1.5rem;height:1.5rem;line-height:1.65rem;padding:0;margin:0 .25em;text-align:center;vertical-align:middle;width:1.5rem}.js-active #menu-bar{background-color:#e0e0e0;border-radius:10px;color:#1a1a1a;cursor:pointer;display:inline-block;line-height:2.5em;margin:0 1em;padding:0 .5em;user-select:none}.js-active #menu-bar:focus #menu-button,.js-active #menu-bar:hover #menu-button{background-color:#2196f3;color:#fff;transition:all .2s ease-in}.js-active #menu-items{background-color:#fafafa;font-size:1.125em;height:0;max-width:100%;opacity:.95;overflow:hidden;position:absolute;top:6.75rem;top:calc(60px + 3rem);width:100%;z-index:999999}.js-active #menu-items.menu-open{height:30em;min-height:100vh;transition:height .2s ease-out}.js-active #menu-items.menu-closed{height:0;min-height:0;transition:height .1s ease}.js-active #menu-items li a{background-color:#fff;border-width:1px 0;border-color:#ccc;display:block;float:none;line-height:3em;margin-left:0;padding:.5em 0;text-align:center;width:100%}.js-active #menu-items li a:focus,.js-active #menu-items li a:hover{background-color:#2196f3;color:#fff;transition:all .1s ease-out}.js-active #main.fix-pos{position:fixed}.no-js #menu-items{min-width:200px;max-width:100%;min-height:auto;overflow:hidden;padding-top:1em}.no-js #menu-items li a{float:left;line-height:1em;padding:.25em}}@media all and (max-width:480px){#logo{background-size:contain;width:200px;height:48px}#nav a{margin:.2em}.js-active #nav a{margin:0 .75em}.js-active #menu-items{top:6rem;top:calc(48px + 3rem)}#contact #main{min-height:calc(100vh - 148px - 8rem)}.error-msg{font-size:125%}.img-info{display:none}#gallery .col,#gallery .img-holder,#gallery .row-part{float:none;width:100%}.js-active .fly-in.hold-active{transition-duration:.25s}}@media print{.print-break{display:block;page-break-before:always}#header,#menu-bar,#nav,header{display:none}body{background-color:#fff;color:#333;float:none;line-height:1.5em;margin:.5cm .5cm .5cm 1cm;padding:0;width:auto;white-space:normal}#main,p{border:none;margin:0;min-height:0;padding:0;width:100%}h1,h2,h3{background-color:#f5f5f5;color:#333;padding:.5em 0 0 0;margin:0}#home ul{list-style-position:outside;margin-left:1em}footer{margin-top:3em}.js-active .fly-in{transform:translateX(0)}#projects .column{float:none;margin:0;padding:0;width:100%}}@media (hover:none){.js-active #menu-bar:hover #menu-button{background-color:#ccc;color:#1a1a1a;transition:none}}