canvas{display:block;position:fixed;left:0;top:0;z-index:-99}#navigation-wrap{position:fixed;width:100vw;z-index:8}#nav-button{position:fixed;top:0;right:.5em;z-index:9}@media(max-width:767px){#nav-button{right:0}}#nav-button button{background-color:transparent;border:none;outline:none;cursor:pointer;margin:1.5em;transform:none;transition:transform .2s}@media(max-width:767px){#nav-button button{background-color:rgba(13,10,11,.75);margin:1em 0}}#nav-button button:hover{transform:scale(1.1);transition:transform .2s}#nav-menu{position:fixed;top:0;right:0;z-index:8;background-color:rgba(13,10,11,.75);height:100vh;width:15%;min-width:225px;transform:translateX(100%);transition:transform .3s}@media(max-width:992px){#nav-menu{min-width:300px;background-color:#0d0a0b}}#nav-menu .nav-common{margin-top:12vh;padding-left:4em;width:100%;display:flex;flex-direction:column;align-items:left}@media(max-width:767px){#nav-menu .nav-common{padding-left:4em;margin-top:20vh}}#nav-menu .nav-common li{height:4em;text-align:left}#nav-menu .nav-common li a{font-size:2em;text-decoration:none;color:#666061;cursor:pointer;transition:all .25s;position:relative}@media(max-width:992px){#nav-menu .nav-common li a{color:#eae6e6}}#nav-menu .nav-common li a:before{content:"//";font-size:1.2em;position:absolute;left:-.75em;top:-.1em;pointer-events:none}#nav-menu .nav-common li a:after{content:"";font-size:1.2em;pointer-events:none}#nav-menu .nav-common li a:hover{color:#fff;transition:all .25s}#nav-menu .nav-common li a:hover:before{content:"{ ";left:-.5em;top:0}#nav-menu .nav-common li a:hover:after{content:" }"}.router-link-active{color:#ef5a59!important}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,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,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:300;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.page-enter-to,.page-leave-from{opacity:1}.page-enter-from,.page-leave-to{opacity:0}.page-enter-active{transition:all .75s ease-out}.page-leave-active{transition:all .75s ease-in}.exclusiontext-enter-to,.exclusiontext-leave-from{mix-blend-mode:exclusion;opacity:1}.exclusiontext-enter-from,.exclusiontext-leave-to{mix-blend-mode:normal;opacity:0}.exclusiontext-enter-active{transition:opacity .75s ease-out}.exclusiontext-leave-active{transition:opacity .75s ease-in}.pf-enter-to,.pf-leave-from{transform:translateX(0);opacity:1}.pf-enter-from,.pf-leave-to{transform:translateX(100%);opacity:0}.pf-enter-active{transition:all .5s ease-out}.pf-leave-active{transition:all .5s ease-in}.pfindex-enter-to,.pfindex-leave-from{transform:translateX(0);opacity:1}.pfindex-enter-from{transform:translateX(100%);opacity:0}.pfindex-leave-to{transform:translateX(-100%);opacity:0}.pfindex-enter-active{transition:all .5s ease-out}.pfindex-leave-active{transition:all .5s ease-in}@-webkit-keyframes scrollText{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollText{0%{transform:translateX(0)}to{transform:translateX(-50%)}}::-moz-selection{background-color:#ef5a59;color:#eae6e6;text-shadow:0 0 .25em #0d0a0b}::selection{background-color:#ef5a59;color:#eae6e6;text-shadow:0 0 .25em #0d0a0b}@media(max-width:767px){html{height:100%}}body{background-color:#140010}#app{font-family:ballinger-condensed,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:300;text-transform:uppercase;text-align:center;color:#fff}#nav{position:absolute}#wrapper{width:100%;min-height:100vh;display:block;z-index:0}.page-top{height:60vh;padding-top:58vh}.page-top h4{font-size:1.2em;margin:0 auto;mix-blend-mode:exclusion}.page-top h4:before{content:"//";font-size:1.2em;margin-right:.25em}.top-section{height:5em}.navDefault{opacity:1;transform:translateX(0);transition:all .5s}.inActive{opacity:0!important;transform:translateX(50%);transition:all .5s}p{text-align:left;font-size:1.5em;letter-spacing:.01em;line-height:1.3em;padding:0 5px}p.copy{margin-bottom:1.5em;max-width:80%;text-transform:none;letter-spacing:.03em}@media(max-width:767px){p.copy{max-width:100%}}#portfolio-section{box-sizing:border-box;min-height:50vh;padding-top:4em;padding-bottom:5em;margin:0 auto;background-color:rgba(13,10,11,.75);box-shadow:0 -3px 10px #000;overflow:hidden}#portfolio-main{width:100%;margin:0 auto;display:flex;flex-flow:row nowrap}.portfolio-cont,.portfolio-index{max-width:1800px;margin:0 auto}.portfolio-index{padding:0 1em}@media(max-width:767px){.portfolio-index{max-width:90%}}.portfolio-item{cursor:pointer;clear:both;text-decoration:none}@media(max-width:992px){.portfolio-item{margin-bottom:3em}}.portfolio-item .portfolio-number{clear:both;font-size:4em;text-align:left;color:#666061;margin-left:1rem;margin-bottom:.25em}@media(max-width:992px){.portfolio-item .portfolio-number{font-size:2em;margin-left:.25rem}}@media(max-width:767px){.portfolio-item .portfolio-number{margin-left:0}}.portfolio-item .portfolio-number:before{content:"//";font-size:1.25em;color:#666061;font-weight:500;margin-right:3px}.portfolio-item .portfolio-name{font-size:10vw;text-align:left;-webkit-text-stroke:1px #eae6e6;color:transparent;margin-top:-2rem;transition:all .5s ease}@media(max-width:992px){.portfolio-item .portfolio-name{font-size:12vw;-webkit-text-stroke:0 #eae6e6;color:#eae6e6;margin-top:0}}@media(max-width:767px){.portfolio-item .portfolio-name{font-size:13vw;font-weight:500}}.portfolio-item .portfolio-skills{list-style-type:none}.portfolio-item .portfolio-skills li{font-size:2em;color:#666061;margin-left:.5em;float:left;opacity:0;transition:all .5s ease;transform:translateX(-50%)}@media(max-width:992px){.portfolio-item .portfolio-skills li{color:#eae6e6;margin-left:.25em}}@media(max-width:767px){.portfolio-item .portfolio-skills li{font-size:1em;margin-left:0;margin-bottom:5px}}.portfolio-item .portfolio-skills li:not(:last-child):after{content:"|";margin-left:.5em}@media(max-width:767px){.portfolio-item .portfolio-skills li:not(:last-child):after{content:"|";margin-left:.25em;margin-right:.25em}}@media(max-width:767px){.portfolio-item .portfolio-skills{display:none}}.portfolio-item.active-item .portfolio-name,.portfolio-item:hover .portfolio-name{-webkit-text-stroke:0 #eae6e6;color:#eae6e6;transition:all .5s ease}.portfolio-item.active-item .portfolio-skills>li,.portfolio-item:hover .portfolio-skills>li{opacity:1;transition:all .5s ease;transform:translateX(0)}.portfolio-item.active-item .portfolio-skills li:first-child,.portfolio-item:hover .portfolio-skills li:first-child{transition-delay:0s}.portfolio-item.active-item .portfolio-skills li:nth-child(2),.portfolio-item:hover .portfolio-skills li:nth-child(2){transition-delay:.2s}.portfolio-item.active-item .portfolio-skills li:nth-child(3),.portfolio-item:hover .portfolio-skills li:nth-child(3){transition-delay:.4s}.portfolio-item.active-item .portfolio-skills li:nth-child(4),.portfolio-item:hover .portfolio-skills li:nth-child(4){transition-delay:.6s}.portfolio-piece{width:100vw;min-height:100vh;box-sizing:border-box}.scroll-header{display:flex;position:relative;width:100%;min-height:11vw;margin:auto;overflow:hidden;z-index:1;margin:1em 0}@media(max-width:992px){.scroll-header{margin-top:6em}}.scroll-header .inf-scroll{display:flex;position:absolute;top:0;left:0;align-items:center;justify-content:flex-start;width:100%;height:100%;white-space:nowrap;transition:all 1s ease}.scroll-header .inf-scroll>div{display:flex;-webkit-animation:scrollText 20s linear infinite;animation:scrollText 20s linear infinite}@media(max-width:767px){.scroll-header .inf-scroll>div{-webkit-animation:scrollText 8s linear infinite;animation:scrollText 8s linear infinite}}.scroll-header .inf-scroll h1{color:#eae6e6;font-size:10vw;font-weight:500;margin-right:.3em}.scroll-header .inf-scroll h1.add-kerning{letter-spacing:.08em}@media(max-width:767px){.scroll-header .inf-scroll h1{font-size:13vw}}.scroll-header .inf-scroll h1 span{-webkit-text-stroke:1px #eae6e6;color:transparent;font-weight:500}@media(max-width:767px){.scroll-header .inf-scroll h1 span{-webkit-text-stroke:0 #eae6e6;color:#666061}}.portfolio-piece>h2{font-size:3vw;text-align:left;margin-bottom:2em;padding:0 1em}@media(max-width:992px){.portfolio-piece>h2{font-size:1.5em}}@media(max-width:767px){.portfolio-piece>h2{font-size:1.1em}}.portfolio-cont{box-sizing:border-box;width:100%;max-width:1800px;margin-top:3em;padding:4em 8vw;background-color:#eae6e6}@media(max-width:767px){.portfolio-cont{padding:1em 0;width:100%}}.portfolio-cont figcaption,.portfolio-cont h3,.portfolio-cont p{text-align:left}.portfolio-cont figure.medium-img{transform:scale(1);transition:all .75s;width:100%}.portfolio-cont figure.medium-img>img{width:100%}.portfolio-cont figure.large-img{transform:scale(1);transition:all .75s}.portfolio-cont figure.large-img>img{width:100%}.portfolio-cont p{text-transform:none;margin:1em;padding:1em;color:#0d0a0b}@media(max-width:767px){.portfolio-cont p{font-size:1.2em;margin:0}}.portfolio-cont figcaption{color:#666061;text-transform:none;font-size:1.2em;transition:all .25s;background-color:#eae6e6;padding:5px}@media(max-width:767px){.portfolio-cont figcaption{margin-left:.5em}}.portfolio-cont h3{font-size:5vw;margin-bottom:1em;color:transparent;-webkit-text-stroke:1px #eae6e6}@media(max-width:767px){.portfolio-cont h3{font-size:2em;color:#eae6e6;-webkit-text-stroke:0 #eae6e6}}.portfolio-cont h3:before{content:"//";font-size:1.25em;color:#666061;font-weight:500;margin-right:3px}.p-content-row-1{margin:4em 0}.p-content-row-2{display:flex;flex-flow:row nowrap;justify-content:space-between;margin:4em 0}.p-content-row-2>div{width:48%}@media(max-width:992px){.p-content-row-2{flex-flow:column nowrap;margin:0}.p-content-row-2>div{width:100%;margin-bottom:4em}}#footer{height:2em;width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between}@media(max-width:767px){#footer{bottom:40px;flex-flow:column nowrap}}#footer div p{color:#666061;font-size:1em;padding:0 1em}@media(max-width:767px){#footer div p{font-size:.8em;margin-bottom:1em}}.lock-bottom{position:absolute;bottom:0;left:0}#home-content,.footer-back{background-color:rgba(13,10,11,.75)}#home-content{width:100vw;height:100vh}.menu{width:35%;margin:auto;align-content:center;padding-top:40vh;max-height:90vh}@media(max-width:992px){.menu{width:80%}}@media(max-width:767px){.menu{padding-top:20vh}}.menu h1{text-align:center;color:#eae6e6;padding-top:1em;padding-bottom:3em;font-weight:300;font-size:1.2em;letter-spacing:5px;text-shadow:0 0 .25em #0d0a0b}.menu h3{text-align:center;padding-top:2em}.logo-subtle{margin:auto;width:10%;min-width:6em}.nav{margin:0 auto;width:90%;display:flex;flex-direction:row;align-items:center}@media(max-width:767px){.nav{flex-direction:column}}.nav li{text-align:center;flex:1;height:1.3em}@media(max-width:767px){.nav li{margin-bottom:1em}}.nav li a{text-shadow:0 0 .25em #0d0a0b;font-size:1.1em;text-decoration:none;color:#eae6e6;cursor:pointer;transition:all .1s}.nav li a:before{content:"{ ";margin-right:5px;font-size:1.2em;opacity:0}.nav li a:after{content:" }";margin-left:5px;font-size:1.2em;opacity:0}@media(max-width:992px){.nav li a{font-size:1.25em;color:#eae6e6}}@media(max-width:767px){.nav li a{font-size:1.6em}}.nav li a:hover{font-size:1.25em;color:#eae6e6;transition:all .25s}@media(max-width:992px){.nav li a:hover{font-size:1.25em;color:#eae6e6}}@media(max-width:767px){.nav li a:hover{font-size:1.6em}}.nav li a:hover:after,.nav li a:hover:before{transform:scale(1);opacity:1}