*{box-sizing:border-box}body{width:100vw;height:100vh;padding:0;margin:0;overflow-x:hidden;--base-color:#222;background:#222;color:#fff;-webkit-font-smoothing:antialiased}@media (min-width:600px){body{display:flex;flex-direction:row}}.background{position:fixed;width:100vw;height:100vh;z-index:-1}.background canvas{position:absolute;left:50%;top:0;transform:translateX(-50%)}h1.title{font-family:Abel,sans-serif;text-transform:uppercase;font-size:36px;font-weight:400}h1.title.site-sub{text-transform:none;font-size:24px}.scroll-indicator{position:fixed;height:50px;right:50px;width:4px;background:var(--base-color);opacity:0;border-radius:4px;transition:.5s}.scroll-indicator.down{bottom:20px}.scroll-indicator.down .progress{top:0}.scroll-indicator.up{top:20px}.scroll-indicator.up .progress{bottom:0}.scroll-indicator .progress{position:absolute;background:#fff;left:0;width:4px;border-radius:4px;transition:.1s linear}.navbar{height:70px;text-align:center;display:flex;flex-direction:column;font-family:Abel,sans-serif;text-transform:uppercase;position:fixed;bottom:0;width:100%;z-index:1;background:#222;color:var(--base-color);box-shadow:0 0 40px rgba(0,0,0,.25)}@media (min-width:600px){.navbar{height:auto;width:70px;position:relative}}.navbar h1.title{color:var(--base-color);font-size:18px;display:none;height:116px}@media (min-width:600px){.navbar h1.title{display:inline-block}}.page-nav-container{flex-grow:1;display:flex;align-items:center}ul.page-nav{list-style-type:none;padding:0;margin:0;width:100%}li.page-nav-entry{height:70px;width:70px;position:relative;text-align:center;display:inline-block;margin:0 calc(12.5% - 35px);cursor:pointer}@media (min-width:600px){li.page-nav-entry{margin:0}}li.page-nav-entry .page-nav-link{display:inline-block;height:100%;opacity:.5;transition:opacity .1s;color:var(--base-color);text-decoration:none}li.page-nav-entry .page-nav-link:hover{opacity:1}li.page-nav-entry span{opacity:0;line-height:70px;text-transform:uppercase;transition:opacity .1s}li.page-nav-entry svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);fill:var(--base-color);display:inline-block;overflow:visible;transition:opacity .1s}li.page-nav-entry:hover span{opacity:1}li.page-nav-entry:hover svg{opacity:0}.about .page-nav-link.about,.contact .page-nav-link.contact,.home .page-nav-link.home,.projects .page-nav-link.projects{opacity:1}ul.external-links{display:none;flex-grow:0}ul.external-links .page-nav-link{opacity:.25}@media (min-width:600px){ul.external-links{display:inline-block}}.content-switch{width:100%;height:100%;max-height:100vh;position:relative;overflow:hidden}.content-container{position:absolute;left:0;top:0;overflow-y:auto;height:calc(100% - 70px);width:100%;box-sizing:border-box;transition:.5s;height:100%}.content-container .content{width:100%;max-width:1200px;margin:auto;padding:40px}@media (min-width:600px){.content-container .content{padding:40px 60px;height:100%}}.content-container .content p{font-family:Open Sans,sans-serif;font-size:18px}.content-container .content h1.title{position:relative}.content-container .content h1.title:before{content:"";height:100%;width:3px;background:#fff;position:absolute;left:-14px;transition:1s;top:50%;transform:translateY(-50%);transition-delay:1s}.content-container[class*=coming],.content-container[class*=going]{overflow:hidden}.content-container.going-up{animation:going-up 1s}.content-container.going-down{animation:going-down 1s}.content-container.coming-up{animation:coming-up 1s}.content-container.coming-down{animation:coming-down 1s}.content-container.hidden{opacity:0;overflow:hidden;max-height:0;top:-100vh}.content-container.hidden h1.title:before{height:0}.content-container.home .content{display:flex;align-items:center}a.large{color:#fff;text-decoration:none;font-family:Abel,sans-serif;font-size:36px;word-wrap:break-word}h1.site-title{font-size:96px;margin:0}h1.site-title,p.subtitle{font-family:Gudea,sans-serif;font-weight:400}p.subtitle{font-size:24px;margin:2px 0}@keyframes going-up{0%{top:0;opacity:1;max-height:100%}to{top:-100vh;opacity:0;max-height:0}}@keyframes coming-up{0%{top:100vh;opacity:0}to{top:0;opacity:1}}@keyframes going-down{0%{top:0;opacity:1;max-height:100%}to{top:100vh;opacity:0;max-height:0}}@keyframes coming-down{0%{top:-100vh;opacity:0}to{top:0;opacity:1}}.content.projects a{color:#fff}.projects-container{display:grid;--cols:1;--rows:7;--box-size:250px;grid-template-columns:repeat(var(--cols),var(--box-size));grid-template-rows:repeat(var(--rows),var(--box-size));grid-gap:20px;margin:auto;width:250px;grid-template-areas:"a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k" "l"}@media (min-width:600px){.projects-container{width:100%;--box-size:200px;--cols:2;grid-template-areas:"a b" "c d" "e d" "g h" "i j" "k k" "l f"}}@media (min-width:800px){.projects-container{--cols:3;--rows:5;width:100%;--box-size:200px;grid-template-areas:"a a c" "d d e" "g k i" "j k l" "b f h"}}@media (min-width:1000px){.projects-container{--cols:3;--rows:5;--box-size:240px;grid-template-areas:"a b c" "a f f" "e k i" "j k l" "d g h"}}@media (min-width:1200px){.projects-container{--cols:4;--rows:4;grid-template-areas:"a b b d" "a i k d" "f f k l" "e j c g"}}.project{background:#222;overflow:hidden;height:100%;width:100%;position:relative}.project:hover{filter:grayscale(0)}.project:hover .project-content,.project:hover .project-content a,.project:hover .project-content h1.project-title{opacity:1}.project:hover .project-content p{opacity:.9}.project:hover .project-img:before{opacity:.7}.project .project-content{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column}.project .project-content h1.project-title{font-family:Abel,sans-serif;font-size:24px;text-transform:uppercase;padding:16px;margin:0;flex-grow:0;opacity:.8;transition:.1s}.project .project-content p{font-family:Gudea,sans-serif;padding:0 16px;margin:0;flex-grow:1;display:inline-block;opacity:0;transition:.1s}.project .project-content .button-container{text-align:center;display:flex;align-items:end}.project .project-content a{flex-grow:1;font-family:Abel,sans-serif;text-decoration:none;color:#fff;fill:#fff;opacity:0;transition:.1s;padding:16px;margin:0;text-transform:uppercase;border:2px solid transparent;padding:8px}.project .project-content a:hover{border-bottom-color:#fff}.project .project-content a svg{width:15px;height:15px;margin-right:5px}.project:first-child{grid-area:a}.project:nth-child(2){grid-area:b}.project:nth-child(3){grid-area:c}.project:nth-child(4){grid-area:d}.project:nth-child(5){grid-area:e}.project:nth-child(6){grid-area:f}.project:nth-child(7){grid-area:g}.project:nth-child(8){grid-area:h}.project:nth-child(9){grid-area:i}.project:nth-child(10){grid-area:j}.project:nth-child(11){grid-area:k}.project:nth-child(12){grid-area:l}.project-img,.project-img:before{position:absolute;width:100%;height:100%;left:0;top:0}.project-img:before{content:"";background:#000;opacity:.3;transition:.2s}.project-img img{object-fit:cover;width:100%;height:100%}
/*# sourceMappingURL=style.a8c8630eb14f0dee6017.css.map*/