#header-pos{height:70px;position:absolute;top:0;z-index:0}header{-webkit-clip-path:polygon(0 19px,5px 14px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 14px,100% 19px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 19px,5px 14px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 14px,100% 19px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);display:flex;font-weight:500;height:50px;left:14px;padding-top:14px;pointer-events:none;position:fixed;top:0;width:calc(100% - 28px);z-index:9999}@media only screen and (max-width:768px){header{-webkit-clip-path:polygon(0 11px,5px 6px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 6px,100% 11px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 11px,5px 6px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 6px,100% 11px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);height:36px;left:6px;padding-top:6px;width:calc(100% - 12px)}}header #burger,header #search,header a{pointer-events:all}#tags{pointer-events:none;position:fixed;right:14px;text-align:right;top:70px;z-index:9999}@media only screen and (max-width:768px){#tags{right:6px;top:45px}#tags>div:not(:last-of-type){display:none}}#tags.open{pointer-events:all}#search-bar,#tags a{background-color:#787878e6;box-sizing:border-box;-webkit-clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);color:#e1e1e1;cursor:pointer;display:inline-block;font-size:20px;height:50px;line-height:23px;margin:0 0 6px 6px;opacity:0;padding:13.5px 20.25px;pointer-events:none;text-align:center;transform:translateY(15px);transition:transform 0s ease .25s,opacity .2s ease,color .2s ease,background-color .2s ease}@media only screen and (max-width:768px){#search-bar,#tags a{font-size:16px;height:36px;line-height:16px;padding:10px 15px;transform:translateY(0)}#tags a{margin:0 0 3px 3px;width:calc(50vw - 7.5px)}}body[data-mouse] #tags a:not(.unavailable):hover{color:#787878}#tags a.show{opacity:1;pointer-events:all;transform:translateY(0);transition:transform .2s ease 0s,opacity .2s ease,color .2s ease,background-color .2s ease}@media only screen and (max-width:768px){#tags a.show-mbl{opacity:1;pointer-events:all;transform:translateY(0);transition:transform .2s ease 0s,opacity .3s ease,color .2s ease,background-color .2s ease}}#tags a.active,#tags a.router-link-active{background-color:#dbdbdbe6;color:#787878}#tags a.unavailable:not(.active){color:#afafaf}#search{-webkit-clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);flex-shrink:0;overflow:hidden;transition:width .5s cubic-bezier(.3,1,.7,1);width:52px}@media only screen and (max-width:768px){#search{font-size:0}}#search.active{width:52px}@media only screen and (max-width:768px){#search.active{width:36px}}#search #magni-glass{transform:translate(0);transition:background-color .2s ease}#magni-glass:after,#magni-glass:before{content:"";display:block;left:50%;position:absolute;top:50%}#magni-glass:before{border:2px solid #fff;border-radius:100%;height:15px;transform:translate(-13px,-13px);transition:opacity .2s ease .2s,border-color .2s ease;width:15px}@media only screen and (max-width:768px){#magni-glass:before{border-radius:100%;height:10px;transform:translate(-9px,-10px);width:10px}}body[data-mouse] #magni-glass:hover:before{border-color:#787878}#magni-glass.open:before{opacity:0;transition:opacity .2s ease 0s,border-color .2s ease}#magni-glass:after{background-color:#fff;height:2px;left:calc(50% + 1px);top:calc(50% + 6px);transform:rotate(45deg);transition:left .3s ease,top .3s ease,width .3s ease,transform .3s ease,background-color .2s ease;width:14px}@media only screen and (max-width:768px){#magni-glass:after{left:calc(50% + .5px);top:calc(50% + 3.5px);width:9px}}#magni-glass span{background-color:#fff;height:2px;left:calc(50% - 14px);opacity:0;position:absolute;top:calc(50% - 1px);transform:rotate(-44deg);transition:opacity .2s ease 0s,background-color .2s ease;width:14px;width:28px}@media only screen and (max-width:768px){#magni-glass span{left:calc(50% - 7px)}}body[data-mouse] #magni-glass:hover span,body[data-mouse] #magni-glass:hover:after{background-color:#787878}#magni-glass.open span{opacity:1;transition:opacity .3s ease .2s,background-color .2s ease}#magni-glass.open:after{left:calc(50% - 14px);top:calc(50% - 1px);transform:rotate(44deg);width:28px}@media only screen and (max-width:768px){#magni-glass span,#magni-glass.open:after{left:calc(50% - 11px);width:22px}}#burger,#magni-glass{-webkit-clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);height:50px;text-indent:-999px;width:52px}@media only screen and (max-width:768px){#burger,#magni-glass{height:36px;width:36px}}#burger{flex-shrink:0;position:relative;transition:background-color .2s ease}body[data-mouse] #burger:hover,body[data-mouse] #magni-glass:hover,body[data-mouse] #tags a:not(.active):not(.router-link-active):not(.unavailable):hover{background-color:#dbdbdbe6;background-color:var(--hov,hsla(0,0%,86%,.9))}#burger span,#burger:after,#burger:before{background-color:#fff;display:block;height:2px;left:13px;position:absolute;top:50%;width:26px}@media only screen and (max-width:768px){#burger span,#burger:after,#burger:before{left:calc(50% - 10px);width:20px}}body[data-mouse] #burger:hover span,body[data-mouse] #burger:hover:after,body[data-mouse] #burger:hover:before{background-color:#787878}#burger:after,#burger:before{content:"";transition:left .3s ease,width .3s ease,transform .3s ease,background-color .2s ease}#burger span{transform:translateY(-50%);transition:opacity .2s ease .1s,background-color .2s ease}.close #burger span,.open #burger span{opacity:0;transition:opacity .2s ease 0s,background-color .2s ease}#burger:before{transform:translateY(calc(-50% - 8px)) rotate(0)}@media only screen and (max-width:768px){#burger:before{transform:translateY(calc(-50% - 6px)) rotate(0)}}#burger:after{transform:translateY(calc(-50% + 8px)) rotate(0)}@media only screen and (max-width:768px){#burger:after{transform:translateY(calc(-50% + 6px)) rotate(0)}}.close #burger:after,.close #burger:before,.open #burger:after,.open #burger:before{left:12px;width:28px}@media only screen and (max-width:768px){.close #burger:after,.close #burger:before,.open #burger:after,.open #burger:before{left:calc(50% - 11px);width:22px}}.close #burger:before,.open #burger:before{transform:translateY(-50%) rotate(44deg)}.close #burger:after,.open #burger:after{transform:translateY(-50%) rotate(-44deg)}#burger,#magni-glass,header nav a{background-color:#787878e6}#nav{display:flex;flex-shrink:0;height:50px;left:66px;transition:width .5s cubic-bezier(.3,1,.7,1);width:calc(100% - 116px)}@media only screen and (max-width:768px){#nav{width:calc(100% - 78px)}}.expanded #nav{width:calc(100% - 58px)}@media only screen and (max-width:768px){.expanded #nav{width:calc(100% - 39px)}}#nav>*{-webkit-clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);overflow:hidden}#menu{overflow:hidden;text-align:right;white-space:nowrap}#menu,header .middle{flex-shrink:0;transition:width .5s cubic-bezier(.3,1,.7,1);width:0}body:not(.ticker-scrolled) header.open .middle,header.expanded .middle{min-width:6px}.list header.open .middle{min-width:0}header:not(.open) .middle.active{width:100%}header:not(.open) #nav.search .middle.active{width:calc(100% - 385px)}@media only screen and (max-width:768px){header:not(.open) #nav.search .middle.active{width:0}}header:not(.open) #nav.search #ticker:not(.on-home){width:0}#menu nav{display:inline-flex;transition:width .5s cubic-bezier(.3,1,.7,1);white-space:nowrap;width:calc(100vw - 144px)}@media only screen and (max-width:768px){#menu nav{width:calc(100vw - 90px)}}body:not(.ticker-scrolled) .ticker #menu nav{width:calc(50vw - 69px)}@media only screen and (max-width:768px){body:not(.ticker-scrolled) .ticker #menu nav{width:calc(100vw - 90px)}}body.ticker-scrolled .ticker #menu nav{width:calc(100vw - 144px)}@media only screen and (max-width:768px){body.ticker-scrolled .ticker #menu nav{width:calc(100vw - 90px)}}#nav.expanded #menu nav{width:calc(100vw - 86px)}@media only screen and (max-width:768px){#nav.expanded #menu nav{width:calc(100vw - 51px)}}.move .copy,.move .original{display:inline-block}.move .copy{width:100vw}#menu a,.half button{background-color:#787878e6;box-sizing:border-box;-webkit-clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);color:#e1e1e1;flex-grow:1;font-size:20px;height:50px;line-height:23px;padding:13.5px 0;text-align:center;transition:width .5s cubic-bezier(.3,1,.7,1),color .2s ease,background-color .2s ease;width:0}@media only screen and (max-width:768px){#menu a,.half button{font-size:16px;height:36px;line-height:16px;padding:10px 0}#menu a:first-child{width:20%!important}#menu a:nth-child(2){width:25%!important}#menu a:nth-child(3){width:17%!important}#menu a:nth-child(4){width:18%!important}}#menu a:nth-child(n+2){margin-left:6px}@media only screen and (max-width:768px){#menu a:nth-child(n+2){margin-left:3px}}body[data-mouse] #menu a:hover{background-color:#dbdbdbe6;background-color:var(--hov,hsla(0,0%,86%,.9));color:#787878}#menu a.router-link-active,#menu a.router-link-child-active{background-color:#dbdbdbe6;color:#787878}header:not(.ticker) #menu a.router-link-active,header:not(.ticker) #menu a.router-link-child-active{width:calc(50vw - 246px)}#nav.open #menu{width:100%}body:not(.ticker-scrolled) .ticker #nav.open #menu{width:50%}@media only screen and (max-width:768px){body:not(.ticker-scrolled) .ticker #nav.open #menu{width:100%}}header .spacer{flex-shrink:0}.list header .spacer.nav-search,header .spacer,header .spacer:not(.nav-search),header.ticker .spacer.nav-search{width:6px}@media only screen and (max-width:768px){.list header .spacer.nav-search,header .spacer,header .spacer:not(.nav-search),header.ticker .spacer.nav-search{width:3px}}#ticker{transform:translateZ(0);transition:width .5s cubic-bezier(.3,1,.7,1),transform .5s cubic-bezier(.3,1,.7,1);width:0}.ticker #ticker{height:50px;overflow:hidden;width:100%}@media only screen and (max-width:768px){.ticker #ticker{height:36px}}#nav.search #ticker{width:calc(100% - 380px)}@media only screen and (max-width:768px){#nav.search #ticker{width:0}}#search-bar{margin-left:0;opacity:1;padding-left:0;padding-right:0;pointer-events:all!important;transform:translateY(0);transition:width .5s cubic-bezier(.3,1,.7,1),margin .5s cubic-bezier(.3,1,.7,1);width:0}#search-bar input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;box-sizing:border-box;color:#e1e1e1;font-size:20px;line-height:23px;margin-top:-3px!important;outline:none;padding:0 20px;width:100%;width:380px}@media only screen and (max-width:768px){#search-bar input{font-size:16px;line-height:16px;padding:0 10px;width:100%}}#search-bar input::-moz-placeholder{color:#afafaf}#search-bar input::placeholder{color:#afafaf}#nav.search #search-bar{margin-left:6px;width:380px}@media only screen and (max-width:768px){#nav.search #search-bar{margin-left:0;width:100%}}#nav.expanded #ticker{transform:translate3d(52px,0,0)}.scrolled #nav.expanded #ticker{transform:translate3d(52px,-100%,0)}.move{animation-iteration-count:infinite;animation-name:ticker;animation-timing-function:linear;display:inline-block;position:fixed;right:70px;transform:translate3d(calc(100% - 100vw + 210px),0,0);white-space:nowrap;width:auto}.scrolled #ticker .move{animation-play-state:paused}#ticker a{background-color:#1e1e1ee6;box-sizing:border-box;-webkit-clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);color:#afafaf;display:inline-block;font-size:17px;height:50px;line-height:19px;margin-right:6px;padding:12.0001026308px 16px;transition:color .2s ease,background-color .2s ease;vertical-align:top}@media only screen and (max-width:768px){#ticker a{font-size:16px;height:36px;line-height:16px;margin-right:3px;padding:10px 12px}}#ticker *{font-size:17px;height:50px}@media only screen and (max-width:768px){#ticker *{font-size:16px;height:36px;line-height:16px}}body[data-mouse] #ticker a:hover{background-color:#787878e6;background-color:var(--hov,hsla(0,0%,47%,.9));color:#787878}.move.pause{animation-play-state:paused}#ticker .item{display:inline-block;padding:10px}@keyframes ticker{0%{transform:translate3d(calc(100% - 100vw + 210px),0,0)}to{transform:translate3d(210px,0,0)}}@font-face{font-family:StyreneA;font-weight:400;src:url(./StyreneA-Medium-Web.2c90756d.woff2) format("woff2")}@font-face{font-family:StyreneA;font-style:italic;src:url(./StyreneA-MediumItalic-Web.8dc8af11.woff2) format("woff2")}@font-face{font-family:StyreneA;font-weight:300;src:url(./StyreneA-Regular-Web.1b8217e4.woff2) format("woff2")}@font-face{font-family:StyreneA;font-style:italic;font-weight:300;src:url(./StyreneA-RegularItalic-Web.7b77836c.woff2) format("woff2")}body,html{background-color:#fff}body,body>div,body>div>div,html,html>div,html>div>div{height:100%}*{-webkit-font-smoothing:antialiased;color:inherit;font-family:StyreneA,sans-serif;font-size:22px;line-height:26px;margin:0;padding:0;text-rendering:optimizeLegibility}@media only screen and (max-width:768px){*{font-size:18px;line-height:23px}}a{color:inherit;text-decoration:none}body[data-mouse] a{transition:color .3s ease}body[data-mouse] a:hover{color:var(--hov)}button{background:none;border:none;border-radius:0;cursor:pointer}body{margin-top:0}.flx-g-1{flex-grow:1}.page{box-sizing:border-box;padding:70px 14px 14px}@media only screen and (max-width:768px){.page{padding:48px 6px 6px}}.page-enter-active,.page-leave-active{transition:opacity .3s!important}.fade-enter-from,.fade-leave-to,.page-enter-from,.page-leave-to{opacity:0}.fade-leave-active{transition:opacity .15s ease}.item-enter-active,.item-leave-active{transition:all .3s cubic-bezier(.25,1,.5,1)!important}#no-projects.item-enter-active{transition:all .3s cubic-bezier(.25,1,.5,1) 5s!important}.item-enter-from{opacity:0;transform:translate3d(0,20px,0)!important}.gallery .item-enter-active{transition:all .3s cubic-bezier(.25,1,.5,1) .2s!important}.gallery img:nth-child(2).item-enter-active{transition:all .3s cubic-bezier(.25,1,.5,1) .25s!important}.item-leave-to{opacity:0}#error{left:50%;position:fixed;top:calc(50% - 64px);transform:translate(-50%,-50%)}#error div{background:#e1e1e1;-webkit-clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);clip-path:polygon(0 5px,5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);color:#787878;padding:14px}#animation{background-color:#323232;z-index:99999}#animation,#animation>div{height:100%;left:0;padding:0;position:fixed;top:0;width:100%}#animation>div{opacity:0;transition:opacity .15s ease}#animation>div.show{opacity:1}#animation-1{background-color:var(--hov)}#animation-1 span{color:#323232;font-size:8vw;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:768px){#animation-1 span{font-size:16vw}}#animation-2{background-color:#323232}#animation-2 svg{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:35vw}@media only screen and (max-width:768px){#animation-2 svg{width:65vw}}#animation-2 svg *{fill:var(--hov)}