.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.hidden{display:none !important;visibility:hidden}.visuallyhidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.clearfix::after{clear:both;content:"";display:table}.no-overflow{overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-justify{text-align:justify}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-overflow-style:-ms-autohiding-scrollbar}body{font-family:"Lato",sans-serif;font-size:22px;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga", "kern";font-feature-settings:"liga", "kern";text-rendering:optimizelegibility;font-weight:400;color:#000;background:#f5f5f5;background-image:url("https://www.transparenttextures.com/patterns/axiom-pattern.png");background-attachment:fixed;scrollbar-base-color:black;touch-action:manipulation}body.disable-scroll{height:100%;width:100%;overflow:hidden}::-webkit-scrollbar-thumb:vertical{height:10px;background-color:#292F35}::-webkit-scrollbar{width:5px;height:1px;background:#f5f5f5}::-moz-selection{background:blue;color:#fff}::selection{background:blue;color:#fff}@font-face{font-family:'mhem';src:url("../fonts/mhem.eot");src:url("../fonts/mhem.eot?#iefix") format("embedded-opentype"),url("../fonts/mhem.woff") format("woff"),url("../fonts/mhem.ttf") format("truetype"),url("../fonts/mhem.svg#mhem") format("svg");font-weight:normal;font-style:normal}[class*='icon-']:before{display:inline-block;font-family:'mhem';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-about:before{content:'\0041'}.icon-blog:before{content:'\0042'}.icon-contact:before{content:'\0043'}.icon-home:before{content:'\0048'}.icon-work:before{content:'\0057'}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:70px;font-size:3.18182rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:24px;font-size:1.09091rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:20px;font-size:.90909rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:18px;font-size:.81818rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:14px;font-size:.63636rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:12px;font-size:.54545rem;line-height:1.6;letter-spacing:0}@media (min-width: 769px){h1{font-size:105px;font-size:4.77273rem}h2{font-size:36px;font-size:1.63636rem}h3{font-size:30px;font-size:1.36364rem}h4{font-size:27px;font-size:1.22727rem}h5{font-size:21px;font-size:.95455rem}h6{font-size:18px;font-size:.81818rem}}p{margin-top:0}#nav-main{position:fixed;z-index:30;background:#292F35;color:white;box-shadow:0 0 10px 2px rgba(0,0,0,0.15);transition-property:height, width, background, color;transition-duration:0.45s, 0.5s, 1s, 2s;height:3.6rem;bottom:0;left:.5rem;right:.5rem}#nav-home-icon{position:absolute;padding:0 .5rem .5rem .5rem}#nav-home-icon svg{max-width:2.6rem;max-height:3.6rem}#nav-home-icon svg path{fill:currentColor}#nav-social,#nav-title{width:100%;z-index:2}#nav-title{position:absolute;top:1.05rem;font-weight:200;left:65px;transition:opacity .3s ease;opacity:0}#nav-inner{padding:3.6rem;margin:0;display:table;height:100%;width:100%}.nav-list-item,.nav-social-link{list-style:none}.nav-list-item a,.nav-social-link a{text-decoration:none}.nav-list-item a i,.nav-social-link a i{display:block;font-size:1.8rem}.nav-list-container{padding:0;display:table-cell;text-align:center;vertical-align:middle}.nav-list-item:hover{background:rgba(20,20,20,0.1)}.nav-list-item a{display:block;padding-top:20%}.nav-list-item .nav-link-text{display:none;margin-bottom:1rem}#nav-social{z-index:2;visibility:hidden;position:absolute;bottom:0;right:0;margin-right:3.6rem;padding-left:3.6rem}.nav-social-container{display:flex;flex-flow:row}.nav-social-link{flex-grow:1}.nav-social-link a i{font-size:1.5rem}.nav-is-open #nav-main{height:calc(100% - .5rem)}.nav-is-open #nav-social,.nav-is-open #nav-title{visibility:visible}.nav-is-open #nav-inner{padding:3.6rem}.nav-is-open .nav-list-item{width:50%;float:left}.nav-is-open .nav-list-item a i{font-size:5.4rem}.nav-is-open .nav-social-link{visibility:visible;opacity:1}#nav-toggle{cursor:pointer;z-index:3;height:3.6rem;width:3.6rem;position:absolute;bottom:0;right:0;padding:.75rem}#nav-toggle span{position:absolute;height:2px;width:1.05882rem;background:#fff;transition:transform 0.1s cubic-bezier(0.23, 1, 0.32, 1),position 0.1s cubic-bezier(0.23, 1, 0.32, 1)}#nav-toggle span:nth-child(1){top:1.35rem}#nav-toggle span:nth-child(2){top:1.35rem;left:1.8rem}#nav-toggle span:nth-child(3){top:2.1rem;right:1.33333rem}#nav-toggle span:nth-child(4){top:2.1rem;left:1.8rem}@media (min-width: 769px){#nav-toggle{left:0}#nav-toggle span:nth-child(3){right:auto}#nav-toggle span:nth-child(4){left:1.02857rem}}.nav-is-open #nav-toggle span:nth-child(1){transform:rotate(45deg);left:13px}.nav-is-open #nav-toggle span:nth-child(2){transform:rotate(-45deg);left:1.63636rem}.nav-is-open #nav-toggle span:nth-child(3){transform:rotate(-45deg);left:13px}.nav-is-open #nav-toggle span:nth-child(4){transform:rotate(45deg);left:1.63636rem}@media (min-width: 769px){#nav-main{height:auto;left:.5rem;bottom:.5rem;top:.5rem;width:3.6rem;border-radius:2px}#nav-inner{padding:0}#nav-inner .nav-list-item{height:4rem;width:3.6rem}#nav-inner .nav-link-text{font-size:1rem;align-self:center}#nav-social{padding-right:3.6rem;margin-left:3.6rem;margin-right:0;padding-left:0;left:0}.nav-is-open #nav-main{width:30rem;height:auto}.nav-is-open #nav-inner .nav-list-item{height:auto;width:50%;margin-left:0}.nav-is-open #nav-inner .nav-link-text{display:block}.nav-is-open #nav-social,.nav-is-open #nav-title{opacity:1}}@media (min-width: 1921px){#nav-main{width:30rem}#nav-social,#nav-title{visibility:visible;opacity:1}#nav-social{padding-right:0;margin-left:0}#nav-inner{padding:3.6rem}#nav-inner .nav-list-item{height:20%;width:50%;margin-left:0;float:left}#nav-inner .nav-list-item a i{font-size:5.4rem}#nav-inner .nav-list-item .nav-link-text{display:block}.nav-social-link{visibility:visible;opacity:1}#nav-toggle{display:none}}#transitioner{position:fixed;z-index:30;background:#fff;transition-property:transform;transition-duration:.31s;transform-origin:100% 100%;top:0;bottom:0;right:0;width:100%;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);display:none}@media (min-width: 769px){#transitioner{display:block}}.is-exiting #transitioner{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}@media screen and (max-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait){.nav-is-open .nav-list-item a i{font-size:3.7rem}.nav-is-open #nav-inner{padding:3.5rem 2rem 3.5rem 2rem}}@media screen and (max-height: 480px){.nav-is-open .nav-list-item a i{font-size:3rem}#nav-main{height:3rem}#nav-toggle{bottom:-5px}}.container{position:absolute;top:.5rem;right:.5rem;left:.5rem;color:inherit}@media (min-width: 769px){.container{left:4.6rem}}@media (min-width: 1921px){.container{left:31rem}}#content{min-height:100vh}header.cover{text-align:center}header.cover svg{max-height:80vh;text-align:center}header.cover canvas{overflow:hidden}.cssbg{display:flex;width:100%;height:65.5vw;background-size:cover;background-position:50% 0}.page-title{margin-top:3.6rem;margin-bottom:3.6rem}article.page{max-width:740px;padding:0 20px 0 20px;margin:0 auto;font-size:28px;font-size:1.27273rem;color:#2b2b2b;line-height:1.5;padding-bottom:3.6rem}article.page p{background:#f5f5f5}article.page figure{overflow:hidden;padding:3.6rem 0 3.6rem 0;margin:0 -1.6rem 0 -1.6rem}article.page figure iframe{border-radius:4px}.project-nav{width:100%;height:4em;position:relative;text-align:center;color:#c2c2c2;background:#f5f5f5}.project-nav a[class^='project-nav-']{padding:1.2rem;width:50%;margin-bottom:0;border-bottom:1px #e8e8e8 solid;transition:color .2s;float:left}.project-nav a[class^='project-nav-']:hover{color:#616161}.project-nav .project-nav-next,.project-nav .project-nav-prev{transition:background .2s ease}.project-nav .project-nav-next:hover,.project-nav .project-nav-prev:hover{background:#e8e8e8}.project-nav .project-nav-next::after{float:right;content:">"}.project-nav .project-nav-prev::before{float:left;content:"<"}.project-nav .project-nav-year,.project-nav .project-nav-cat{display:none}.project-nav .project-nav-year{border-right:1px #e8e8e8 solid}.project-nav .project-nav-cat{border-right:1px #e8e8e8 solid;border-left:1px #e8e8e8 solid}.project-nav.no-prev{margin-left:25%}.project-nav.no-prev .project-nav-next,.project-nav.no-prev .project-nav-cat,.project-nav.no-prev .project-nav-year{float:left}@media (min-width: 769px){article.page figure img{border-radius:2px}.project-nav a[class^='project-nav-']{width:25%}.project-nav .project-nav-year,.project-nav .project-nav-cat{display:block}}@media (min-width: 1025px){article.page figure{margin:0 -15% 0 -15%}}.card{box-shadow:0px 0px 26px 1px rgba(0,0,0,0.28)}.error{text-align:center}.error article{padding-top:10vh}footer{background:#e8e8e8;border-radius:2px;padding:3.6rem;margin-bottom:4.1rem;color:#616161}@media (min-width: 769px){footer{margin-bottom:.5rem}}.home{padding-bottom:3.6rem;margin-top:50vh}.home .header{margin-bottom:2em}.home .header h1{margin-bottom:2px}.home .header p{font-size:18px;font-family:monospace;background:white;display:inline}.home .header .desc{color:rgba(34,34,34,0.6)}.home .grid{margin-bottom:2em;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-auto-rows:minmax(180px, auto);grid-gap:.5rem}.home-item{position:relative;transition:filter .5s ease}.home-item img{border-radius:2px}.home-item.tall{grid-row-end:span 2}.home-item .overlay{text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;background:rgba(41,47,53,0.5);transition:.2s opacity;color:#fff}.home-item .overlay h2,.home-item .overlay h4{position:relative;top:20%}.home-item:hover img{filter:hue-rotate(130deg)}.home-item:hover .overlay{opacity:1}#home-canvas{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.projects{margin:3.6rem}.project{width:100%}#project-filters{text-align:center;margin:3rem}#project-filters a{display:inline-block;padding:8px;margin-bottom:7px}@media (min-width: 551px){.project{width:50%;padding-right:.5rem}}@media (min-width: 769px){.project{width:33%}}@media (min-width: 1025px){.project{width:25%}}article.about p>a:hover article{opacity:0.2}.collection{background:#00824E}.collection h1,.collection h4{background-color:#dedede;font-size:40px;font-size:1.81818rem;font-family:monospace;padding:2px 0 2px 8px}.collection h2{font-size:60px;font-size:2.72727rem;padding-bottom:1rem}.collection h4{margin-top:3rem;font-size:28px;font-size:1.27273rem}.collection #tumblr .item{margin-bottom:.5rem;background:#dedede;border-radius:2px;position:relative}.collection #tumblr .item h2,.collection #tumblr .item h3,.collection #tumblr .item p{padding:2em;margin-bottom:0}.collection #tumblr .item .title{font-size:24px}.collection #tumblr .item .date{position:absolute;bottom:0;right:0}.collection-list{font-family:monospace}a{color:inherit;text-decoration:none}article p>a{position:relative;font-style:italic}article p>a:hover::before{max-width:100%}article p>a::before{transition:max-width .2s ease;position:absolute;content:'';background:#979797;bottom:-1px;height:2px;max-width:20px;width:100%}article p>a[href^="http"]::before{background:black}form{display:flex;flex-flow:wrap}textarea{flex-grow:5;display:block;height:auto;width:100%;resize:vertical}input,textarea,button{padding:1rem;margin:0.5em 0;border-radius:2px;border:1px transparent solid}input:focus,textarea:focus,button:focus{border:1px blue solid}#contact-form input{width:100%}@media (min-width: 769px){#contact-form{display:flex;flex-flow:row wrap}#contact-form input{width:calc(50% - 2px)}#contact-form input:nth-of-type(1){margin-right:2px}#contact-form input:nth-of-type(2){margin-left:2px}}button[type=submit]{width:50%}img{width:100%}figcaption{padding:0 1em 0 1em;color:#616161;font-size:small}.full-width-video,.video-container{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.full-width-video iframe,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}