@import url(https://fonts.googleapis.com/css?family=Muli:400,800|Roboto+Mono:300,700);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333}body{margin:0;overflow-x:hidden;line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}button{background-color:transparent}strong{color:#f40;font-family:Roboto Mono,Arial,Verdana,sans-serif;font-weight:700}body{font-family:Muli,Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}h1,h2,h3{font-weight:700}.section-header{color:#b4b4b4;font-size:4em;overflow:hidden;padding:4rem 0 1rem}@media screen and (min-width:600px){.section-header{font-size:6em;padding:6rem 0 2rem}}.color-light-gray{color:#8a8989}.article{color:#fff;padding-top:4rem}.article__title{font-size:3rem;line-height:4.5rem;margin:3rem 0 5rem;text-align:center}.article__title span{background-color:#beff69;color:#96a17a;padding:.3rem 2rem}@media screen and (min-width:960px){.article__title{font-size:5rem}.article__title span{padding:.5rem 2rem}}.article__content{width:100%;max-width:840px;padding:4rem 1rem 5rem;margin:0 auto}@media screen and (min-width:600px){.article__content{display:flex;justify-content:center}}.article__content__container.-center{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:2rem}@media screen and (min-width:600px){.article__content__container.-center{padding-top:0;padding-left:4rem}}.article__content__heading{font-size:1.375rem;margin-bottom:.4rem}.article__content__tech{margin:.6rem 0;text-transform:uppercase;letter-spacing:.05em;max-width:690px}.article__content__tech strong{color:#beff69}.article__content__summary{line-height:1.2}.article__content__list{line-height:1.5;list-style:circle;padding-left:1em;width:100%;font-family:Roboto Mono,Arial,Verdana,sans-serif;font-weight:300}.project-icon{border-radius:100%;border:7px solid #768352;height:100px;margin-bottom:.5rem;width:100px}.comp-wrapper{margin:0 auto;max-width:876px}.comp-figure{height:0;padding-top:57.5%;position:relative;width:100%}.comp-img{bottom:0;top:0;width:100%}.comp-img,.comp-video{left:0;position:absolute}.comp-video{margin:0 auto;pointer-events:none;right:0;top:14%;width:74.7%}.comp-video.-race{top:7%;width:63%}a{text-decoration:none}@-webkit-keyframes blink{0%{opacity:1}75%{opacity:1}80%{opacity:0}to{opacity:0}}@keyframes blink{0%{opacity:1}75%{opacity:1}80%{opacity:0}to{opacity:0}}.button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;font-family:Roboto Mono,Arial,Verdana,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.button--green{background-color:#768352;color:#fff;display:inline-block;font-size:.8rem;margin:.5rem 0;overflow:hidden;padding:.4rem .6rem;position:relative;transition:color .2s ease-in}.button--green:before{background:#ffae5d;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;width:100%}.button--green span{position:relative;z-index:10}.button--green:active,.button--green:hover{color:#768352}.button--green:active:before,.button--green:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}.button--top{background:#f40;bottom:1.5625rem;color:#fff;font-weight:700;padding:.55rem .95rem .65rem;position:fixed;right:1rem;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s;z-index:100}.button--top.-hide{opacity:0;-webkit-transform:translateY(200%);transform:translateY(200%)}.button--top.-show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.button--top .blinker{-webkit-animation:blink 1.1s infinite;animation:blink 1.1s infinite;border-bottom:2px solid #fff;display:inline-block;height:1rem;margin-left:.2rem;width:.65rem}.button--contact{background-blend-mode:soft-light;background:url(/static/banner-bg-36b6c3bb666f02a99a7b0aac986849f8.jpg) #768352;background-size:140%;color:#beff69;display:inline-block;font-size:.9rem;margin:1.875rem 0 .9375rem;padding:1rem 1.4rem;position:relative;transition:background .3s,box-shadow .3s,color .3s,-webkit-transform .3s;transition:background .3s,box-shadow .3s,color .3s,transform .3s;transition:background .3s,box-shadow .3s,color .3s,transform .3s,-webkit-transform .3s;z-index:1}.button--contact:hover{background:#beff69;box-shadow:0 24px 88px -8px rgba(30,30,30,.352);color:#96a17a;-webkit-transform:scale(1.1);transform:scale(1.1)}.button--social{border:2px solid #768352;color:#768352;display:inline-block;margin:0 .5rem .5rem;padding:.25rem .5rem;transition:background .2s,color .2s}.button--social:first-child{margin-left:0}.button--social:hover{background:#768352;color:#beff69}.main{min-height:100vh}.main.project-main{background-color:#96a17a}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.padding-right-1{padding-right:1rem}.padding-left-1{padding-left:1rem}.padding-bottom-2{padding-bottom:2rem}.padding-top-2{padding-top:2rem}.padding-right-2{padding-right:2rem}.padding-left-2{padding-left:2rem}.padding-bottom-3{padding-bottom:3rem}.padding-top-3{padding-top:3rem}.padding-right-3{padding-right:3rem}.padding-left-3{padding-left:3rem}.padding-bottom-4{padding-bottom:4rem}.padding-top-4{padding-top:4rem}.padding-right-4{padding-right:4rem}.padding-left-4{padding-left:4rem}.padding-bottom-5{padding-bottom:5rem}.padding-top-5{padding-top:5rem}.padding-right-5{padding-right:5rem}.padding-left-5{padding-left:5rem}.padding-bottom-6{padding-bottom:6rem}.padding-top-6{padding-top:6rem}.padding-right-6{padding-right:6rem}.padding-left-6{padding-left:6rem}.wrapper{margin:0 auto;max-width:1250px;padding:0 1.25rem;width:100%}.inner-wrapper{padding:1rem}.divider{border-bottom:1px solid #d3d3d3;padding-bottom:2rem}.about__content{font-family:Roboto Mono,Arial,Verdana,sans-serif;font-weight:300;line-height:1.5;margin-bottom:5rem;padding:2.5rem;position:relative}.about__content:before{border-image-repeat:round;border-image-slice:5%;border-image-source:url(/static/banner-bg-36b6c3bb666f02a99a7b0aac986849f8.jpg);border-style:solid;border-width:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@media screen and (min-width:960px){.about__content{margin-right:3rem;margin-top:3rem;padding:4rem}}@media screen and (min-width:1020px){.about__content{margin-right:4rem}}.about__bio p{margin:1rem 0}@media screen and (min-width:960px){.about__bio{font-size:1.1rem;width:60%}}.about__experience{font-size:.9rem;padding-top:1rem}@media screen and (max-width:959px){.about__experience{text-align:center}}@media screen and (min-width:960px){.about__experience{background:#f2f2f2;padding:6rem 5rem 2rem 4rem;position:absolute;right:-3rem;top:-3rem;width:38%}}.about__subheading{font-family:Muli,Arial,Verdana,sans-serif;font-size:1.2rem}.about__contact{margin:3rem 0 3.5rem;position:relative;text-align:center;z-index:1}.footer{background-attachment:fixed;background-size:100%;height:5rem;margin-top:1rem;position:relative;width:100%}.footer:before{background-color:#96a17a;content:"";height:100%;left:0;opacity:.88;position:absolute;top:0;width:100%}@media screen and (min-width:600px){.footer{background-size:40%}}.header{background-attachment:fixed;background-image:url(/static/banner-bg-36b6c3bb666f02a99a7b0aac986849f8.jpg);background-size:100%;position:relative}.header:before{background-color:#96a17a;bottom:0;content:"";opacity:.88;position:absolute;top:0;width:100%}@media screen and (min-width:600px){.header{background-size:40%}}.header__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;min-height:100vh;padding:4.0625rem 3.125rem .625rem}@media screen and (min-width:960px){.header__wrapper{flex-wrap:nowrap}}.header__content{margin-top:-13rem;order:2;text-align:center;z-index:1}@media screen and (min-width:960px){.header__content{margin:0 .625rem;max-width:600px;order:0;text-align:left}}.header__name,.header__title{background:#768352;color:#fff;display:inline-block;padding:.4rem 1.25rem}.header__name{font-size:3.75rem}.header__name:first-child{position:relative;z-index:1}@media screen and (min-width:600px){.header__name{font-size:5rem}}@media screen and (min-width:960px){.header__name{font-size:7.1875rem}}.header__title{font-size:1.5rem;margin-top:1.25rem;font-family:Roboto Mono,Arial,Verdana,sans-serif;font-weight:300}@media screen and (min-width:960px){.header__title{margin-top:1.5rem;font-size:1.875rem;padding:.3125rem 1.25rem}}.header__image{-webkit-filter:saturate(150%) brightness(1.2);filter:saturate(150%) brightness(1.2);max-height:530px}.nav{position:absolute;right:0;top:0;width:100%}@media screen and (min-width:960px){.nav{max-width:600px;width:50%}}.nav__list{display:flex;justify-content:space-around}.nav__link{font-family:Roboto Mono,Arial,Verdana,sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.2em;overflow:hidden;position:relative;text-transform:uppercase;transition:border-color .3s cubic-bezier(.2,1,.3,1);z-index:1}@media screen and (min-width:600px){.nav__link{font-size:.9rem}}.nav__link a{color:#fff;display:block;padding:2em 1em 1em;transition:color .3s}.nav__link:before{background:#ffae5d;content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:10% 100%;transform-origin:10% 100%;-webkit-transform:rotate(-45deg) translate3d(0,-5em,0);transform:rotate(-45deg) translate3d(0,-5em,0);transition:opacity .5s,background-color .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s,background-color .5s;transition:transform .5s,opacity .5s,background-color .5s,-webkit-transform .5s;width:150%;z-index:-1}.nav__link:hover a{color:#96a17a}.nav__link:hover:before{background:#beff69;opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition-timing-function:cubic-bezier(.2,1,.3,1)}.projects__wrapper{margin-bottom:2rem}.projects__list{font-size:15px;width:100%}.project__item{background:#f2f2f2;display:inline-block;margin:1em;overflow:hidden;padding:.5em;position:relative;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s;width:calc(100% - 2em);will-change:transform}.project__item:before{background:#f40;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-45deg) translateY(-30em);transform:rotate(-45deg) translateY(-30em);transition:background-color .45s,-webkit-transform .45s;transition:transform .45s,background-color .45s;transition:transform .45s,background-color .45s,-webkit-transform .45s;width:150%;z-index:-1}@media screen and (min-width:600px){.project__item{width:calc(50% - 2em)}}@media screen and (min-width:1020px){.project__item{margin:.7em .5em;width:calc(33% - .8em)}}.project__item:active,.project__item:hover{box-shadow:0 24px 88px -8px rgba(30,30,30,.352);-webkit-transform:scale(1.06);transform:scale(1.06)}.project__item:active:before,.project__item:hover:before{background:linear-gradient(120deg,#aae3ab,#a3d95b);-webkit-transform:rotate(0);transform:rotate(0)}.project__item:active .project__thumbnail,.project__item:hover .project__thumbnail{opacity:1}.project__item:active .projects__content,.project__item:hover .projects__content{color:#beff69}.project__item:active .projects__content__subtitle,.project__item:active .projects__content__title,.project__item:hover .projects__content__subtitle,.project__item:hover .projects__content__title{background-color:#000}.project__link{display:block;background:#fff;position:relative}.project__thumbnail{display:block;opacity:.5;transition:opacity .3s;width:100%}.projects__content{bottom:.7em;color:#f40;padding:1em;position:absolute;transition:color .3s;width:100%;z-index:1}.projects__content__subtitle,.projects__content__title{background-color:#fff;display:inline-block;transition:background-color .3s}.projects__content__title{font-size:1.6rem;margin-bottom:1rem;padding:.3em}.projects__content__subtitle{font-family:Roboto Mono,Arial,Verdana,sans-serif;font-weight:300;font-size:.9rem;line-height:1.2rem;padding:.4em .5em}.button--state--top{position:fixed;bottom:.9375rem;right:1.5625rem;width:auto;height:auto;transition:opacity .2s linear,-webkit-transform .2s linear;transition:opacity .2s linear,transform .2s linear;transition:opacity .2s linear,transform .2s linear,-webkit-transform .2s linear;z-index:10}.button--state--top img{width:2.5rem;height:2.5rem}.button--state--top:hover{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}@media screen and (min-width:960px){.button--state--top img{width:3.125rem;height:3.125rem}}