@font-face{font-family:InterUI;src:url(fonts/Inter-UI-Regular.woff2) format("woff2"),url(fonts/Inter-UI-Regular.woff) format("woff"),url(fonts/Inter-UI-Regular.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:InterUI;src:url(fonts/Inter-UI-Medium.woff2) format("woff2"),url(fonts/Inter-UI-Medium.woff) format("woff"),url(fonts/Inter-UI-Medium.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:InterUI;src:url(fonts/Inter-UI-Bold.woff2) format("woff2"),url(fonts/Inter-UI-Bold.woff) format("woff"),url(fonts/Inter-UI-Bold.ttf) format("truetype");font-weight:700;font-style:normal}*{box-sizing:border-box}html{width:100%;font-size:14px;font-family:Roboto,sans-serif;line-height:22px}@media (min-width:1000px){html{font-size:16px;line-height:26px}}@media (min-width:1200px){html{font-size:18px;line-height:30px}}body{width:100%;margin:0;background:#fff;color:#282a2a;overflow-x:hidden;font-family:InterUI,sans-serif}body #app{overflow:hidden}body #app .content{position:relative;min-width:260px;width:100%;max-width:1200px;margin:0 auto}body #app .content.inner-content,body #app .content .inner-content{padding-left:1em;padding-right:1em}@media (min-width:800px){body #app .content.inner-content,body #app .content .inner-content{padding-left:2em;padding-right:2em}}body #app .mobile-no-highlight,body #app .mobile-no-highlight:active,body #app .mobile-no-highlight:focus,body #app .mobile-no-highlight:hover,body #app a,body #app a:active,body #app a:focus,body #app a:hover,body #app div[role=button],body #app div[role=button]:active,body #app div[role=button]:focus,body #app div[role=button]:hover{-webkit-tap-highlight-color:rgba(0,0,0,0)}body #app #transition-overlay{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:3}body .show-desktop{display:none;visibility:hidden}@media (min-width:1200px){body .show-desktop{display:inline-block;visibility:visible}}body .link-btn{border:1px solid #586ba4;color:#586ba4;font-weight:600;padding:.75em;display:inline-block;text-decoration:none;margin-right:1em;margin-bottom:1.5em;font-size:.85em;line-height:.85em}body .link-btn:active,body .link-btn:focus,body .link-btn:hover{background-color:#586ba4;color:#fff}body .link-btn[disabled]{opacity:.6;pointer-events:none;user-select:none}body .site-message{width:100%;height:auto;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;padding:5em 0}body .site-message h1{font-family:InterUI,sans-serif;font-weight:700;font-size:2.25em;line-height:1;margin-top:0}body .img-placeholder{opacity:0;transform:translateY(20px)}body .loading{position:fixed;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;left:0;top:0;z-index:5;background:#fff}body .loading svg{visibility:hidden;transform-origin:50% 50%;width:6vw;height:8vw;max-width:50px;max-height:50px;min-width:40px;min-height:40px}body .loading svg circle{fill:transparent;stroke:#282a2a}#home-title{display:flex;align-items:center;width:100%;height:75vh;max-height:calc(1200px - 10em);position:relative;user-select:none}#home-title ul{padding-left:0;margin:0;list-style:none;font-size:3em;line-height:1.25}@media (min-width:800px){#home-title ul{font-size:3.75em;line-height:1.25}}@media (min-width:1200px){#home-title ul{font-size:4em}}#home-title ul li:nth-child(-n+2){font-weight:900}#home-title ul li:nth-child(-n+2) span{display:inline-block;opacity:0;transform:translateY(40%)}#home-title ul li:nth-child(3){margin-top:.4em;margin-bottom:.4em;border-bottom:4px solid;transform:scaleY(0);opacity:0}@media (min-width:800px){#home-title ul li:nth-child(3){border-bottom:5px solid}}@media (min-width:1000px){#home-title ul li:nth-child(3){border-bottom:6px solid}}#home-title ul li:nth-child(n+4){font-weight:700;opacity:0;transform:translateY(-40%);font-size:.34em;line-height:1.65}.main[data-v-4f97ab8c]{padding:1em 0}@media (min-width:800px){.main[data-v-4f97ab8c]{padding:2em 0}}@media (min-width:1000px){.main[data-v-4f97ab8c]{padding:3em 0}}.main .container div h1[data-v-4f97ab8c]{display:block;line-height:1;font-weight:900;transform:translateY(3rem) scale(1);opacity:0;font-size:1.5em}@media (min-width:800px){.main .container div h1[data-v-4f97ab8c]{text-align:center}}.main .container div .projects[data-v-4f97ab8c]{padding-bottom:10vh;display:flex;align-items:flex-start;flex-flow:row wrap;justify-content:flex-start;width:auto;margin-left:-1em;margin-right:-1em}.main .container div .projects .project-container[data-v-4f97ab8c]{position:relative;display:flex;flex-flow:column;flex-direction:column-reverse;background-color:#fff;flex-flow:row;width:calc(50% - 1.5em);margin:1em;margin-top:0;height:30vh;border:1px solid #f2f2f2;text-decoration:none;transform:translateY(5em) scale(1);opacity:0}.main .container div .projects .project-container[data-v-4f97ab8c]:nth-child(2n){margin-left:0}.main .container div .projects .project-container[data-v-4f97ab8c]:active,.main .container div .projects .project-container[data-v-4f97ab8c]:focus,.main .container div .projects .project-container[data-v-4f97ab8c]:hover{outline:0}.main .container div .projects .project-container:active .project[data-v-4f97ab8c],.main .container div .projects .project-container:focus .project[data-v-4f97ab8c],.main .container div .projects .project-container:hover .project[data-v-4f97ab8c]{color:#586ba4!important}@media (min-width:500px){.main .container div .projects .project-container[data-v-4f97ab8c]{height:34vh}}@media (min-width:800px){.main .container div .projects .project-container[data-v-4f97ab8c]{width:calc(33.333333% - 2em);margin-top:unset;margin:1em;height:auto;border:none}.main .container div .projects .project-container[data-v-4f97ab8c]:nth-child(2n){margin-left:1em}}@media (min-width:1000px){.main .container div .projects .project-container[data-v-4f97ab8c]{width:calc(25% - 2em)}}@media (min-width:1200px){.main .container div .projects .project-container[data-v-4f97ab8c]{flex-flow:row}}.main .container div .projects .project-container .project[data-v-4f97ab8c]{color:#282a2a;position:relative;display:flex;flex-flow:column;width:100%;overflow:hidden;transition:box-shadow .5s ease-in-out,transform .5s ease-in-out;transition-property:width,height,transform,box-shadow;transition-timing-function:ease-in-out;text-decoration:none}@media (min-width:800px){.main .container div .projects .project-container .project[data-v-4f97ab8c]{border:none}}@media (min-width:1000px){.main .container div .projects .project-container .project[data-v-4f97ab8c]:focus,.main .container div .projects .project-container .project[data-v-4f97ab8c]:hover{box-shadow:0 12px 20px rgba(40,42,42,.2);transform:translateY(0) scale(1.05)!important;z-index:2}}.main .container div .projects .project-container .project>div[data-v-4f97ab8c]{pointer-events:none}.main .container div .projects .project-container .project .image[data-v-4f97ab8c]{position:relative;overflow:hidden;top:0;left:0;height:22vh;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid #f2f2f2}@media (min-width:1000px){.main .container div .projects .project-container .project .image[data-v-4f97ab8c]{height:20vh;max-height:240px}}.main .container div .projects .project-container .project .image>div[data-v-4f97ab8c],.main .container div .projects .project-container .project .image>img[data-v-4f97ab8c]{position:relative;display:flex;width:100%;height:100%;object-fit:cover}.main .container div .projects .project-container .info[data-v-4f97ab8c]{display:flex;justify-content:center;align-items:flex-start;flex-flow:column;padding:0 0 .75em 1em;z-index:1;width:100%}@media (min-width:500px){.main .container div .projects .project-container .info[data-v-4f97ab8c]{border-bottom:none}}@media (min-width:800px){.main .container div .projects .project-container .info[data-v-4f97ab8c]{border-right:none}}@media (min-width:1200px){.main .container div .projects .project-container .info[data-v-4f97ab8c]{border-top:none}}.main .container div .projects .project-container .info>div[data-v-4f97ab8c]{width:100%;pointer-events:none}.main .container div .projects .project-container .info .name[data-v-4f97ab8c]{font-weight:700;font-size:1em;line-height:1.5}.main .container div .projects .project-container .info .tags[data-v-4f97ab8c]{list-style:none;margin:0;padding:0}.main .container div .projects .project-container .info .tags li[data-v-4f97ab8c]{display:inline-block;padding:.5em;line-height:.8;font-size:.8em;margin-right:.5em;background-color:#f2f2f2}.main .container div .projects .project-container .info .date[data-v-4f97ab8c]{font-size:.8em;padding:.5em 0}.main .container div .projects .project-container[data-v-4f97ab8c]:active,.main .container div .projects .project-container[data-v-4f97ab8c]:focus,.main .container div .projects .project-container[data-v-4f97ab8c]:hover{outline:none}.main .container div .projects .project-container:active>div[data-v-4f97ab8c],.main .container div .projects .project-container:focus>div[data-v-4f97ab8c],.main .container div .projects .project-container:hover>div[data-v-4f97ab8c]{cursor:pointer;border-color:transparent}@media (min-width:500px){.main .container div .projects .project-container:active>div[data-v-4f97ab8c],.main .container div .projects .project-container:focus>div[data-v-4f97ab8c],.main .container div .projects .project-container:hover>div[data-v-4f97ab8c]{border-bottom:none}}.about{display:flex;flex-direction:column;justify-content:center;height:100%;padding:5em 0}.about .content{width:100%;height:auto;display:flex;align-items:center;justify-content:flex-start;flex-flow:wrap}.about .content .display-container{position:relative;width:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}.about .content .display-container h1{font-family:InterUI,sans-serif;font-weight:700;font-size:1.5em;line-height:1;margin-top:0}.about .content .display-container h1 span{display:inline-block;opacity:0;transform:translateY(60%)}.about .content .display-container div.me{border-radius:100%;opacity:0;transform:translateY(20px);margin:1em 0;width:9em;height:9em;max-width:50vw;max-height:50vw;overflow:hidden;display:flex;align-items:flex-start}.about .content .display-container div.me img{width:100%;height:auto;max-width:260px}.about .content .display-container div.bio{position:relative;opacity:0;transform:translateY(20px);width:90%}@media (min-width:800px){.about .content .display-container div.bio{width:50%;text-indent:2em}.about .content .display-container div.bio>div{margin-bottom:0;padding-right:5em}}.contact{flex-direction:column;height:100%}.contact,.contact .content{display:flex;justify-content:center}.contact .content{width:100%;height:auto;align-items:center;flex-flow:wrap}.contact .content .display-container{padding:5em 0;display:flex;flex-direction:column;align-items:center}@media (min-width:800px){.contact .content .display-container{flex-direction:row;flex-flow:wrap;align-items:center;justify-content:center}}.contact .content .display-container h1{font-family:InterUI,sans-serif;font-weight:700;font-size:1.5em;line-height:1;text-align:center;width:100%}.contact .content .display-container h1 span{display:inline-block;opacity:0;transform:translateY(60%)}.contact .content .display-container h1+section.info{margin-top:2em}.contact .content .display-container a.link-btn{opacity:0;transform:translateY(20px);margin-top:1em}.contact .content .display-container a.link-btn:last-child{margin-right:0}#carouselMargin{opacity:0;transform:translateY(3em)}#carouselMargin #carousel{position:relative;align-self:flex-start;width:100%;height:40vh;max-height:600px;z-index:0;overflow:hidden;background-color:#f2f2f2}@media (min-width:1000px){#carouselMargin #carousel{height:50vh}}#carouselMargin #carousel #fixed-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:inherit;z-index:1;min-height:inherit}#carouselMargin #carousel #fixed-container,#carouselMargin #carousel #fixed-container:active,#carouselMargin #carousel #fixed-container:focus,#carouselMargin #carousel #fixed-container:hover{outline:0}@media (min-width:1000px){#carouselMargin #carousel #fixed-container{position:relative}}#carouselMargin #carousel #fixed-container .flickity-viewport{width:100%;height:100%;overflow:hidden;cursor:move;cursor:grab;cursor:-webkit-grab}#carouselMargin #carousel #fixed-container .flickity-viewport.is-pointer-down{cursor:grabbing!important;cursor:-webkit-grabbing!important}#carouselMargin #carousel #fixed-container .flickity-viewport .flickity-slider{width:100%;height:100%}#carouselMargin #carousel #fixed-container .flickity-viewport .flickity-slider .carousel-cell{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}@media (min-width:1200px){#carouselMargin #carousel #fixed-container .flickity-viewport .flickity-slider .carousel-cell{padding:3em}}#carouselMargin #carousel #fixed-container .flickity-viewport .flickity-slider .carousel-cell>img{position:absolute}#carouselMargin #carousel #progressBar,#carouselMargin #carousel .debug.progressBar.progress{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}#carouselMargin #carousel .progress{opacity:0}#carouselMargin #carousel a.next,#carouselMargin #carousel a.next:active,#carouselMargin #carousel a.next:focus,#carouselMargin #carousel a.prev,#carouselMargin #carousel a.prev:active,#carouselMargin #carousel a.prev:focus{position:absolute;font-size:2em;top:50%;transform:translateY(-50%);padding:1em;color:rgba(66,58,47,.65);opacity:.35;cursor:pointer;outline:none;z-index:2}#carouselMargin #carousel a.next:active svg,#carouselMargin #carousel a.next:focus svg,#carouselMargin #carousel a.next svg,#carouselMargin #carousel a.prev:active svg,#carouselMargin #carousel a.prev:focus svg,#carouselMargin #carousel a.prev svg{pointer-events:none}#carouselMargin #carousel a.next{right:0}#carouselMargin #carousel a.prev{left:0}.project.content[data-v-4969eb5a]{padding-top:1em}#project-content[data-v-4969eb5a]{opacity:0;transform:translateY(5em);padding:1em 0}section.split[data-v-4969eb5a]{display:flex;flex-flow:column;flex-direction:column-reverse;align-items:center}@media (min-width:1000px){section.split[data-v-4969eb5a]{flex-flow:row}}section.split>div[data-v-4969eb5a]:first-child{width:100%;padding-top:3em}@media (min-width:1000px){section.split>div[data-v-4969eb5a]:first-child{padding-top:0;padding-right:5em}}section.img-center[data-v-4969eb5a]{display:flex;justify-content:center;align-items:center}section.img-center>img[data-v-4969eb5a]{width:auto;height:auto;max-width:100%;min-width:100px;min-height:100px}section div.gif[data-v-4969eb5a]{display:flex;justify-content:center;align-items:center;width:100%}@media (min-width:1000px){section div.gif[data-v-4969eb5a]{min-width:50%}}section div.gif img[data-v-4969eb5a]{width:auto;height:auto;max-width:100%;min-width:100px;min-height:100px}.links-list[data-v-4969eb5a]{list-style:none;padding:0;margin:0}.links-list li[data-v-4969eb5a]:last-child{border-bottom:none}.template-main[data-v-4969eb5a]{display:flex;flex-direction:column-reverse}@media (min-width:1200px){.template-main[data-v-4969eb5a]{padding:5em 0}}.template-main .template-aside[data-v-4969eb5a]{position:relative;width:100%;height:auto}@media (min-width:1000px){.template-main .template-aside[data-v-4969eb5a]{display:flex;align-items:flex-start}}.template-main .template-aside>div[data-v-4969eb5a]{opacity:0;transform:translateY(8%)}@media (min-width:1000px){.template-main .template-aside>div[data-v-4969eb5a]{transform:translateX(-8%)}}.template-main .template-aside .template-title[data-v-4969eb5a]{font-size:2em;line-height:1.5;margin-top:2em;margin-bottom:0}@media (min-width:800px){.template-main .template-aside .template-title[data-v-4969eb5a]{font-size:2.5em}}@media (min-width:1200px){.template-main .template-aside .template-title[data-v-4969eb5a]{margin-top:0;line-height:1}}.batman-poster div.flickity-slider>div.carousel-cell:first-child > img{width:auto;height:auto;max-width:90%;max-height:90%}div.member-redesign div.flickity-slider>div.carousel-cell:first-child > img{height:100%}div.member-redesign div.flickity-slider>div.carousel-cell:nth-child(2)>img{width:auto;height:auto;max-width:90%;max-height:90%}div.member-redesign div.flickity-slider>div.carousel-cell:nth-child(3)>img{height:auto;max-width:90%;max-height:90%}div.member-redesign video{width:100%;height:auto}div.combo-smash div.flickity-slider>div.carousel-cell:first-child > img,div.combo-smash div.flickity-slider>div.carousel-cell:nth-child(2)>img,div.combo-smash div.flickity-slider>div.carousel-cell:nth-child(3)>img,div.cycles div.flickity-slider>div.carousel-cell:first-child > img,div.cycles div.flickity-slider>div.carousel-cell:nth-child(2)>img,div.cycles div.flickity-slider>div.carousel-cell:nth-child(3)>img{max-width:90%;max-height:90%}div.shapes div.flickity-slider>div.carousel-cell:first-child > img{width:auto;height:auto;max-width:90%;max-height:90%}#nav-title[data-v-644611fc]{pointer-events:none;max-height:calc(1200px - 10em);position:relative;user-select:none}@media (min-width:1000px){#nav-title[data-v-644611fc]{padding:0}}#nav-title h1[data-v-644611fc]{font-size:2em;line-height:1.25;font-weight:900;margin:0;display:block}#nav-title h1>span[data-v-644611fc]{display:block}#nav-title h1>span span[data-v-644611fc]{opacity:0}#nav-title .border[data-v-644611fc]{display:block;border:.12em solid #282a2a;margin-top:.2em;margin-bottom:.4em;opacity:0;transform:translateY(-30%)}#nav-title h2[data-v-644611fc]{font-weight:700;opacity:0;transform:translateY(-40%);margin:0;line-height:1.25;font-size:.9em}nav#main-navigation[data-v-4fe5c01e]{width:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;z-index:3;justify-content:space-between;padding-top:1em;padding-bottom:1em;font-family:InterUI,sans-serif;pointer-events:none}@media (min-width:800px){nav#main-navigation[data-v-4fe5c01e]{padding-top:2em;padding-bottom:2em}}nav#main-navigation div.nav-wrapper[data-v-4fe5c01e]{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden}@media (min-width:800px){nav#main-navigation div.nav-wrapper[data-v-4fe5c01e]{position:relative;top:unset;left:unset;width:auto;height:auto}}nav#main-navigation a[data-v-4fe5c01e],nav#main-navigation a[data-v-4fe5c01e]:active,nav#main-navigation a[data-v-4fe5c01e]:visited{display:flex;text-decoration:none;color:#282a2a;font-weight:600;pointer-events:visible}nav#main-navigation .nav-menu[data-v-4fe5c01e]{line-height:1;display:none;outline:none}nav#main-navigation .nav-menu svg[data-v-4fe5c01e]{pointer-events:none;width:6vw;height:6vw;max-width:40px;max-height:40px;min-width:30px;min-height:30px;transform:scale(1);transition:transform .2s cubic-bezier(.17,.67,.59,1.23)}nav#main-navigation .nav-menu:active svg[data-v-4fe5c01e]{transform:scale(.7)}nav#main-navigation .nav-items[data-v-4fe5c01e]{list-style:none;display:flex;padding:0;align-items:flex-end;margin:0 -1em 0 0}nav#main-navigation .nav-items a[data-v-4fe5c01e]{padding:1em;opacity:0;transform:translateY(50%)}nav#main-navigation .nav-items a[data-v-4fe5c01e]:hover{color:#94a0c5}nav#main-navigation .nav-items.expanded .nav-menu[data-v-4fe5c01e]{color:#fff}@media (max-width:800px){nav#main-navigation .nav-menu[data-v-4fe5c01e]{position:relative;display:block;margin:0 -1rem 0 0;padding:10px;padding-right:13px;z-index:4;opacity:0;transform:translateY(50%)}nav#main-navigation .nav-items[data-v-4fe5c01e]{width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#282a2a;padding-left:2.5rem;font-size:30px;position:absolute;top:0;left:100%;pointer-events:painted}nav#main-navigation .nav-items li[data-v-4fe5c01e]{margin:1rem 0}nav#main-navigation .nav-items li a[data-v-4fe5c01e]{color:#fff}}footer[data-v-1b52b13d]{position:relative;background-color:#282a2a;color:#fff;padding:5em 0;z-index:1}@media (min-width:1200px){footer[data-v-1b52b13d]{padding:5em 0}}footer .footer-content[data-v-1b52b13d]{z-index:0;display:flex;flex-flow:column;line-height:1.6}@media (min-width:1000px){footer .footer-content[data-v-1b52b13d]{flex-flow:row}}footer .footer-content div[data-v-1b52b13d]:nth-child(2){padding:2em 0}@media (min-width:1000px){footer .footer-content div[data-v-1b52b13d]:nth-child(2){padding:0}}footer .footer-content div>span[data-v-1b52b13d]{display:block;padding:.2em 0}footer .footer-content div>span a[data-v-1b52b13d],footer .footer-content div>span a[data-v-1b52b13d]:active,footer .footer-content div>span a[data-v-1b52b13d]:focus,footer .footer-content div>span a[data-v-1b52b13d]:hover{text-decoration:underline;color:#fff;font-weight:900}@media (min-width:1000px){footer .footer-content div>span[data-v-1b52b13d]{font-size:.85em;line-height:.85em;padding:.6em 0}}