*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box}.wrapper{width:100%;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media(min-width: 62.5em){.wrapper{position:fixed;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.wrapper.open .bio-section{opacity:1;z-index:6}@media(min-width: 62.5em){.wrapper.open .bio-section{opacity:1;z-index:5}}@media(min-width: 62.5em){.wrapper.open .projects-section{background:#fff}}li{list-style:none}.project-col__bg-colour *{pointer-events:none}.project-col .project-col__bg,.project-col .project-content,.project-col .project-col__info-button,.project-col__project-title,.project-col__bg-colour--mob-show{pointer-events:none}.project-col--open .project-content{pointer-events:auto}h1,h2,h3,h4,h5{font-family:"Roboto Slab",sans-serif;font-weight:200}h1{font-size:3.5rem;font-weight:300}@media(min-width: 36em){h1{font-size:4rem}}@media(min-width: 62.5em){h1{margin-top:2rem;font-size:7rem;line-height:7.5rem}}h2{font-size:3rem}@media(min-width: 48em){h2{font-size:3.25rem}}h3{font-size:3rem}h4{font-size:2rem;font-weight:300}p,a{font-family:"Raleway",sans-serif;font-weight:300;font-size:1.6rem}a{text-decoration:none;color:#575757}.bio-section{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;z-index:5;width:100%;height:auto;padding-bottom:.5rem;position:fixed}@media(min-width: 62.5em){.bio-section{left:0px;top:6%;bottom:6%;height:auto;width:35rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0}}.bio-section__content{width:100%;padding:0 0 0 1.5rem;position:relative}@media(min-width: 62.5em){.bio-section__content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.bio-section__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:.5rem}@media(min-width: 36em){.bio-section__title{height:11rem;padding-top:1.5rem}}@media(min-width: 62.5em){.bio-section__title{height:auto;padding:0 0px 1rem}}.bio-section__title img,.bio-section__title source{display:none}@media(min-width: 62.5em){.bio-section__title img,.bio-section__title source{display:block;width:50%}}.bio-section__title h2{font-size:2rem;padding-bottom:1rem;color:#9e0059;font-weight:400;font-family:Raleway,sans-serif}@media(min-width: 62.5em){.bio-section__title h2{font-size:2.5rem;line-height:4.5rem}}.bio-section__close-button{opacity:0;position:absolute;top:7.5rem;right:1.5rem;width:5rem;height:5rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}@media(min-width: 36em){.bio-section__close-button{top:10.5rem}}.bio-section__close-button img{width:5rem;height:5rem}@media(min-width: 62.5em){.bio-section__close-button img{width:3rem;height:3rem}}.bio-section__close-button--show{opacity:1;cursor:pointer}@media(min-width: 62.5em){.bio-section__close-button--show{display:none}}.bio-info{position:relative;overflow-y:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width: 62.5em){.bio-info{padding:1rem 0 0;font-size:initial;opacity:1;top:0;overflow-y:auto;height:50%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.bio-info__button{font-size:2rem;width:7rem;height:4rem;position:relative;z-index:300;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;color:#666;cursor:pointer}.bio-info__button:hover{color:#000}.bio-info__button:visited{color:#666}.bio-info__button h3{font-size:3rem;font-family:Raleway,sans-serif;padding-right:.5rem}.bio-info__button span{font-size:2rem;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;-o-transition:transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.bio-info__button--open span{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}@media(min-width: 62.5em){.bio-info__button{display:none}}.bio-info__content{height:0px;-webkit-transition:height .25s;-o-transition:height .25s;transition:height .25s;width:90%;font-size:2rem}.bio-info__content--show{height:14.5rem}@media(min-width: 36em){.bio-info__content--show{height:10rem}}@media(min-width: 48em){.bio-info__content--show{height:8rem}}@media(min-width: 62.5em){.bio-info__content{height:auto}}.bio-info__contact-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:start;height:0;opacity:0}.bio-info__contact-icons p{display:none}@media(min-width: 62.5em){.bio-info__contact-icons p{display:block;font-family:"Roboto Slab",sans-serif;font-size:2.5rem;font-weight:500;color:#9e0059}}.bio-info__contact-icons div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-info__contact-icons div a{margin:.5rem 1.5rem 0 0;font-size:2rem}.bio-info__contact-icons div a svg{width:3.5rem;height:3.5rem}.bio-info__contact-icons div a:hover{color:#9e0059}.bio-info__contact-icons div a:hover .icon-circle{stroke:#9e0059}.bio-info__contact-icons div a:hover .icon-letters{fill:#9e0059}@media(min-width: 62.5em){.bio-info__contact-icons div a:hover{color:#000}.bio-info__contact-icons div a:hover .icon-circle{stroke:#000}.bio-info__contact-icons div a:hover .icon-letters{fill:#000}}.bio-info__contact-icons--show{height:auto;-webkit-transition:opacity .25s .25s;-o-transition:opacity .25s .25s;transition:opacity .25s .25s;opacity:1}@media(min-width: 62.5em){.bio-info__contact-icons{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;opacity:1}}.project-content__btn{font-family:Raleway,sans-serif;font-weight:400;padding:1.5rem 2rem;font-size:1rem;border-radius:5px;position:relative;min-width:15rem;max-width:90vw;overflow:hidden;border:0;cursor:pointer;text-transform:uppercase;letter-spacing:1.25px;-webkit-transition:all 330ms;-o-transition:all 330ms;transition:all 330ms;text-decoration:none}.project-content__btn+.project-content__btn{margin-top:1rem}.project-content__btn span{position:relative;z-index:1}.project-content__btn:before{content:"";background-color:#21d4fd;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:scale(4) translateX(-100%);-ms-transform:scale(4) translateX(-100%);transform:scale(4) translateX(-100%);-webkit-transition:all 495ms ease-out;-o-transition:all 495ms ease-out;transition:all 495ms ease-out}.project-content__btn:hover:before,.project-content__btn:focus:before,.project-content__btn:active:before{-webkit-transform:scale(4) translate(30%);-ms-transform:scale(4) translate(30%);transform:scale(4) translate(30%)}.project-content__btn--beta{background-color:#0390b1;color:#fff}.project-content__btn--beta:before{background-color:#bf0;background-image:-webkit-gradient(linear, left top, right top, color-stop(30%, #BBFF00), to(#0390b1));background-image:-o-linear-gradient(left, #BBFF00 30%, #0390b1 100%);background-image:linear-gradient(to right, #BBFF00 30%, #0390b1 100%);position:absolute}.project-content__btn--beta:hover,.project-content__btn--beta:focus,.project-content__btn--beta:active{color:#1d1d1d}@-webkit-keyframes openContent{0%{opacity:0;top:45vh}100%{opacity:1;top:0vh}}@keyframes openContent{0%{opacity:0;top:45vh}100%{opacity:1;top:0vh}}@-webkit-keyframes closeContent{0%{opacity:1;top:0vh}20%{opacity:.4;top:0vh}100%{opacity:0;top:45vh}}@keyframes closeContent{0%{opacity:1;top:0vh}20%{opacity:.4;top:0vh}100%{opacity:0;top:45vh}}.projects-section{width:100%;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}@media(min-width: 62.5em){.projects-section{position:fixed;top:0;bottom:0;right:0;width:calc(100% - 35rem);height:100%;overflow:visible;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.project-columns{padding:13rem .5rem 0rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}@media(min-width: 36em){.project-columns{padding:16rem .5rem 0rem}}@media(min-width: 62.5em){.project-columns{padding:0rem .5rem 0rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:calc(100vh - 100px);width:100%}}.project-columns--open{height:100%;background:#fff}@media(min-width: 62.5em){.project-columns--open{height:calc(100vh - 100px)}}.project-col{position:relative;margin:0rem 1rem .5rem;min-width:0;height:11rem}@media(min-width: 36em){.project-col{height:14rem}}@media(min-width: 62.5em){.project-col{overflow-y:hidden;overflow-x:hidden;-webkit-box-flex:1;-ms-flex:1 0 75px;flex:1 0 75px;margin:0 .5rem;min-height:0;height:auto;-webkit-transition:all .4s .15s;-o-transition:all .4s .15s;transition:all .4s .15s}}.project-col__bg-colour{width:100%;height:11rem;position:absolute;z-index:4;opacity:.9;-webkit-transition:opacity .75s ease-in;-o-transition:opacity .75s ease-in;transition:opacity .75s ease-in}@media(min-width: 36em){.project-col__bg-colour{height:14rem}}.project-col__bg-colour--one{background:#9e0059}.project-col__bg-colour--two{background:#ff0054}.project-col__bg-colour--three{background:#ffbd00}.project-col__bg-colour--four{background:#ff5400}.project-col__bg-colour--five{background:#06aed5}.project-col__bg-colour--six{background:#390099}@media(min-width: 62.5em){.project-col__bg-colour{opacity:1;-webkit-transition:height .5s .25s linear,opacity .4s .15s linear;-o-transition:height .5s .25s linear,opacity .4s .15s linear;transition:height .5s .25s linear,opacity .4s .15s linear}}@media(min-width: 62.5em){.project-col__bg-colour{height:100%}}.project-col__bg{width:100%;height:11rem;position:absolute;left:0;z-index:3;opacity:1;-webkit-transition:height .1s linear;-o-transition:height .1s linear;transition:height .1s linear}@media(min-width: 36em){.project-col__bg{height:14rem}}@media(min-width: 62.5em){.project-col__bg{height:100%;-webkit-transition:height .5s .25s linear,opacity .4s .15s linear;-o-transition:height .5s .25s linear,opacity .4s .15s linear;transition:height .5s .25s linear,opacity .4s .15s linear}}.project-col__svg{display:none}@media(min-width: 62.5em){.project-col__svg{display:block;position:absolute;top:0px;right:0px;z-index:5;width:2.5rem;padding:0;margin:0}}.project-col__svg--hold{pointer-events:none}@media(min-width: 62.5em){.project-col__close-button{-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;-o-transition:transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;cursor:pointer}.project-col__close-button--show{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}.project-col__project-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;color:#fff;z-index:4;height:11rem}@media(min-width: 36em){.project-col__project-title{height:14rem}}@media(min-width: 62.5em){.project-col__project-title{height:12rem;position:absolute;top:20px;left:10px}}.project-col__project-title h2{font-size:2.75rem;font-weight:300;margin:-1rem 0 0 2rem}@media(min-width: 36em){.project-col__project-title h2{font-size:3rem}}@media(min-width: 62.5em){.project-col__project-title h2{margin:0}}.project-col__project-title h3{font-size:1.5rem;margin:0 0 0 2rem}@media(min-width: 36em){.project-col__project-title h3{font-size:1.75rem}}@media(min-width: 62.5em){.project-col__project-title h3{margin:0}}@media(min-width: 62.5em){.project-col__project-title{display:none}.project-col__project-title--show{display:block}}.project-col--regular{overflow-y:hidden;cursor:pointer}.project-col--hold{pointer-events:none}@media(min-width: 62.5em){.project-col--expand{flex:2 0 200px}}@media(min-width: 75em){.project-col--expand{flex:2 0 260px}}.project-col--open{height:100%}@media(min-width: 62.5em){.project-col--open{-webkit-box-flex:17;-ms-flex:17 0 200px;flex:17 0 200px;height:auto}}@media(min-width: 75em){.project-col--open{-webkit-box-flex:17;-ms-flex:17 0 260px;flex:17 0 260px}}@media(min-width: 62.5em){.project-col--scroll{overflow-y:auto}}.project-col--closed{margin:0 1rem;height:0;opacity:0;-webkit-transition:opacity .15s,margin .15s,height .25s;-o-transition:opacity .15s,margin .15s,height .25s;transition:opacity .15s,margin .15s,height .25s}@media(min-width: 62.5em){.project-col--closed{opacity:1;height:auto;flex:1 0 10px;margin:0;-webkit-transition:all .4s .15s;-o-transition:all .4s .15s;transition:all .4s .15s}}.project-col__info-button{display:none}@media(min-width: 62.5em){.project-col__info-button{display:block;position:absolute;top:15rem;left:0;z-index:5;margin:10px;color:#fff;-webkit-transition:opacity .75s;-o-transition:opacity .75s;transition:opacity .75s}}.project-col__info-button--hidden{display:none}@media(min-width: 62.5em){.project-col__info-button--hidden{display:block;opacity:0}}.no-webp .project-col__bg--one{background:url("../img/bg_tpr--sml.jpg");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.no-webp .project-col__bg--one{background:url("../img/bg_tpr.jpg");background-position:30% 50%;background-size:cover}}.no-webp .project-col__bg--two{background:url("../img/bg_epres--sml.jpg");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.no-webp .project-col__bg--two{background:url("../img/bg_epres.jpg");background-position:30% 50%;background-size:cover}}.no-webp .project-col__bg--three{background:url("../img/bg_landc--sml.jpg");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.no-webp .project-col__bg--three{background:url("../img/bg_landc.jpg");background-position:30% 50%;background-size:cover}}.no-webp .project-col__bg--four{background:url("../img/bg_mint--sml.jpg");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.no-webp .project-col__bg--four{background:url("../img/bg_mint.jpg");background-position:30% 50%;background-size:cover}}.no-webp .project-col__bg--five{background:url("../img/bg_ebros--sml.jpg");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.no-webp .project-col__bg--five{background:url("../img/bg_ebros.jpg");background-position:30% 50%;background-size:cover}}.no-webp .project-col__bg--six{background:url("../img/bg_emails--sml.jpg");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.no-webp .project-col__bg--six{background:url("../img/bg_emails.jpg");background-position:30% 50%;background-size:cover}}.webp .project-col__bg--one{background:url("../img/bg_tpr--sml.webp");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.webp .project-col__bg--one{background:url("../img/bg_tpr.webp");background-position:30% 50%;background-size:cover}}.webp .project-col__bg--two{background:url("../img/bg_epres--sml.webp");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.webp .project-col__bg--two{background:url("../img/bg_epres.webp");background-position:30% 50%;background-size:cover}}.webp .project-col__bg--three{background:url("../img/bg_landc--sml.webp");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.webp .project-col__bg--three{background:url("../img/bg_landc.webp");background-position:30% 50%;background-size:cover}}.webp .project-col__bg--four{background:url("../img/bg_mint--sml.webp");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.webp .project-col__bg--four{background:url("../img/bg_mint.webp");background-position:30% 50%;background-size:cover}}.webp .project-col__bg--five{background:url("../img/bg_ebros--sml.webp");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.webp .project-col__bg--five{background:url("../img/bg_ebros.webp");background-position:30% 50%;background-size:cover}}.webp .project-col__bg--six{background:url("../img/bg_emails--sml.webp");background-position:30% 50%;background-size:cover}@media(min-width: 62.5em){.webp .project-col__bg--six{background:url("../img/bg_emails.webp");background-position:30% 50%;background-size:cover}}.project-col--open .project-col__bg{height:40rem;opacity:1}@media(min-width: 62.5em){.project-col--open .project-col__bg{height:50rem}}.project-col--open .project-col__bg-colour{opacity:.9}@media(min-width: 62.5em){.project-col--open .project-col__bg-colour{height:12rem;opacity:.8}}.project-col--open .project-content{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;padding-bottom:2rem;padding-top:32rem;-webkit-animation-name:openContent;animation-name:openContent;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media(min-width: 36em){.project-col--open .project-content{padding-top:30.5rem}}@media(min-width: 62.5em){.project-col--open .project-content{padding-top:54rem;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.25s;animation-delay:.25s}}@media(min-width: 62.5em){.project-col--regular .project-col__bg{height:100%;opacity:1}}@media(min-width: 62.5em){.project-col--regular .project-col__bg-colour{height:100%;opacity:.8}}.project-col--regular .project-content{opacity:0;padding-bottom:2rem;padding-top:54rem;-webkit-animation-name:closeContent;animation-name:closeContent;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media(min-width: 62.5em){.project-col--regular .project-content{-webkit-animation-name:closeContent;animation-name:closeContent;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}}@media(min-width: 62.5em){.project-col--closed .project-col__bg-colour{opacity:1}}@media(min-width: 62.5em){.project-col--closed:hover .project-col__bg-colour{opacity:.8}}.project-content{position:relative;z-index:2;font-size:0;opacity:0;top:45vh;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}@media(min-width: 62.5em){.project-content{display:flex}}.project-content__bio{width:85%;margin:0 auto 2.5rem}.project-content__bio p{font-family:"Roboto Slab",sans-serif;font-weight:300;font-size:2.5rem}@media(min-width: 36em){.project-content__bio p{font-size:3rem}}@media(min-width: 62.5em){.project-content__bio p{font-size:3.25rem}}@media(min-width: 75em){.project-content__bio p{font-size:3.75rem}}.project-content__role-and-link{width:85%;margin:0 0 6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(min-width: 48em){.project-content__role-and-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.project-content__role-and-link a{margin:.5rem 0 0;display:block;width:40%}@media(min-width: 48em){.project-content__role-and-link a{width:initial;margin:0 0 0 2rem}}.project-content__role{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;margin:0 0 2rem}@media(min-width: 48em){.project-content__role{margin:0 0 0 3rem}.project-content__role:first-of-type{margin:0}}.project-content__images{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.project-content__images--box-shadow img{-webkit-box-shadow:0px 2px 7px 0px #ccc;box-shadow:0px 2px 7px 0px #ccc}.project-content__images--col-bg{padding:5% 0 5%}.project-content__images--mauve{background:#9e0059}.project-content__images--red{background:#ff0054}.project-content__images--yellow{background:#ffbd00}.project-content__images--orange{background:#ff5400}.project-content__images--blue{background:#06aed5}.project-content__images--purple{background:#390099}.project-content__images--large{width:90%;height:100%;max-width:1400px;margin:7.5% auto 7.5%;border-radius:.8rem}@media(min-width: 62.5em){.project-content__images--large{width:70%}}.project-content__images--small{width:60%;height:100%;margin:0% auto;max-width:900px;border-radius:.8rem;margin:7.5% auto 7.5%}@media(min-width: 62.5em){.project-content__images--small{width:30%}}/*# sourceMappingURL=main.min.css.map */