@font-face{font-family:Arial;font-weight:400;src:local("Arial"),url(../../static/media/arial-regular.5afb1f7c7464ace62524.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000102;font-family:Electrolize,sans-serif;margin:0}#root{overflow:hidden}.work-content{margin:0 0 3%;padding-top:calc(10vh + 40px)}@media screen and (max-width:768px){.work-content{padding-top:70px}}.fadeIn{-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.fadeOut{-webkit-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards}body.hide-scroll{overflow:hidden}@-webkit-keyframes fadeOut{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}}@keyframes fadeOut{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translate(-20px);transform:translate(-20px)}}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.page-container{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:100vh;width:100vw}.nav-item{color:#e6e6e8;display:flex;z-index:2}.nav-logo{align-items:center;display:flex;transition:all .2s linear}.nav-logo:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hidden{visibility:hidden}.nav-logo-top{z-index:101}.nav-logo img{height:28px;margin-top:-4px;object-fit:contain;width:28px}.nav-item-label{cursor:pointer;font-size:2em;font-weight:400;vertical-align:initial}.nav-item-label:hover,.nav-subitems li:hover{color:#fff}
/*    !* transform: scale(1.25); *!*/.nav-item-faded .nav-item-label{color:#e6e6e8;font-size:2em;transition:all .5s ease-in-out}@-webkit-keyframes NavItemShowDescription{0%{opacity:0}to{opacity:1}}@keyframes NavItemShowDescription{0%{opacity:0}to{opacity:1}}.footer{align-items:end;box-sizing:border-box;display:flex;grid-column:1/-1;justify-content:space-between;margin:5vh 7.5vw 10vh}.nav-item-top-left{align-items:flex-start;margin-right:15%}.nav-item-top-left,.nav-item-top-right{flex-direction:column;justify-content:flex-start;margin-left:7.5vw;margin-top:5vh}.nav-item-top-right{align-items:flex-end;margin-right:7.5vw}.nav-item-bottom-left{align-items:flex-start}.nav-item-bottom-left,.nav-item-bottom-right{flex-direction:column;justify-content:flex-end;margin-bottom:12vh;margin-left:7.5vw;margin-right:7.5vw}.nav-item-bottom-right{align-items:flex-end}.nav-item-bottom-left .nav-work-item,.nav-item-bottom-right .nav-work-item{display:flex;justify-content:center;min-height:80px}.nav-subitems{cursor:pointer;list-style-type:none;padding:0}.nav-work-item{display:flex;flex-direction:column}.nav-item-top-right .nav-work-item{position:relative}.nav-item-top-right .nav-item-label{font-size:2em;padding-left:150px;position:relative}.nav-item-top-right .nav-item-label.nav-item-label__mobile{display:none}.nav-item-top-right .nav-item-label:before{background-color:#e6e6e8;bottom:6px;content:"";height:2px;left:0;position:absolute;width:140px}.nav-item-top-right .nav-subitems{display:flex;flex-direction:column;gap:5px 0;left:0;margin:0;position:absolute;top:38px;width:100%}.nav-item-top-right .nav-subitems li{font-size:1.5em;line-height:120%;overflow:hidden;white-space:nowrap}.nav-item-top-right .nav-subitems li p{margin:0;opacity:0;padding:0;-webkit-transform:translateY(-110%);transform:translateY(-110%);transition:all .4s}.nav-subitems.active li p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.nav-subitems.active li p:hover{color:#fff}.center-logo-container{align-items:center;display:flex;justify-content:center;position:absolute;z-index:1}.center-logo{height:55vh;width:55vw}.center-logo-container{height:100vh;width:100vw}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:.9}}@keyframes fadeIn{0%{opacity:0}to{opacity:.9}}@-webkit-keyframes fadeInModal{0%{opacity:0}to{opacity:.9}}@keyframes fadeInModal{0%{opacity:0}to{opacity:.9}}.modal-container{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;z-index:2}.modal-container,.modal-header{position:absolute;right:0;top:0}.modal-header button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:1.6em;font-weight:700;margin-right:7.5vw;margin-top:5vh}.modal-container-fade{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeInModal;animation-name:fadeInModal;background-color:#000;opacity:0}.modal-content{align-items:center;color:#e6e6e8;display:flex;flex-direction:column;margin:0 20vw;opacity:1}.modal-content ul{list-style:none;margin-left:0;padding-left:0}@-webkit-keyframes fallOut{0%{opacity:0;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}1%{opacity:0;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fallOut{0%{opacity:0;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}1%{opacity:0;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fall-out-3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.fall-out-2,.fall-out-3{-webkit-animation-name:fallOut;animation-name:fallOut}.fall-out-2{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.fall-out-1{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fallOut;animation-name:fallOut;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes fallIn{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}99%{opacity:0;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}to{opacity:0;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}}@keyframes fallIn{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}99%{opacity:0;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}to{opacity:0;-webkit-transform:translateY(-5vh);transform:translateY(-5vh)}}.fall-in-1{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fall-in-1,.fall-in-2{-webkit-animation-name:fallIn;animation-name:fallIn}.fall-in-2{-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fall-in-3{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fallIn;animation-name:fallIn}.social-links-container{color:#e6e6e8;flex-direction:column;justify-content:flex-end;margin-bottom:12vh;z-index:1}.social-links,.social-links-container{align-content:center;display:flex;flex-wrap:wrap}.social-links{flex-direction:row;gap:0 20px;justify-content:center}.social-links .social-icon{height:80px!important;width:80px!important}.social-links-container .copyright-text{font-family:Arial,sans-serif}.modal-about .modal-content{grid-gap:0 30px;align-items:center;display:grid;gap:0 30px;grid-template-columns:repeat(2,1fr);justify-content:space-between}.modal-about .modal-content .video{aspect-ratio:16/9;width:100%}.modal-about .modal-content .text{align-items:center;display:flex;flex-direction:column;gap:20px 0}.modal-about .modal-content .text *{margin:0;text-align:center}.modal-about .modal-content .video iframe{height:100%;object-fit:cover;width:100%}.modal-contacts .modal-content{display:flex;flex-direction:column;gap:20px 0}.modal-contacts .modal-content .mail{color:#fff;font-size:2em;margin:0;position:relative;text-decoration:none}.modal-contacts .modal-content ul{align-items:center;display:flex;flex-direction:column;gap:5px 0;margin:0}.modal-contacts .modal-content ul a{color:#fff;font-size:1.2em;text-decoration:none}.modal-contacts .modal-content ul a:before{bottom:-1px;height:1px}.modal-contacts .modal-content .social-links-container{margin:0}.modal-contacts .modal-content .social-links-container .copyright-text{display:none}.modal-contacts .social-links-container{position:static;-webkit-transform:none;transform:none}.modal-anim-link{display:inline-block;position:relative}.modal-anim-link:before{background:#fff;bottom:-3px;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .4s;width:0}.modal-anim-link:hover:before{width:100%}.mob-screen{display:none}@media screen and (max-width:1024px){.page-container{height:100vh;height:calc(var(--vh, 1vh)*100)}.nav-item-faded .nav-item-label,.nav-item-label,.nav-item-top-right .nav-item-label{font-size:1.5em}.nav-item-bottom-left,.nav-item-bottom-right{margin-bottom:8vh}.nav-item-bottom-right{grid-column:3/4}.social-links-container{bottom:8vh;left:50%;margin-bottom:0;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nav-item-top-right .nav-item-label{padding-left:110px}.nav-item-top-right .nav-item-label:before{width:100px}.nav-item-top-right .nav-subitems{opacity:0!important}}@media screen and (max-width:768px){.page-container{overflow:hidden}.nav-item-top-right{margin:30px 15px 0 0}.nav-item-top-left{margin:30px 0 0 15px}.nav-item-bottom-left{margin:0 0 42px 15px}.nav-item-bottom-right{margin:0 15px 42px 0}.social-links-container{bottom:58px}.social-links .social-icon{height:50px!important;width:50px!important}footer .copyright-text{margin:0}.modal-about .modal-content{display:flex;flex-direction:column;gap:20px 0;height:80vh;justify-content:flex-start;margin:0 45px;overflow:auto}.modal-about .modal-container{justify-content:flex-start;padding-top:15vh}.modal-about .modal-header{display:none}.modal-about .modal-content .text *{font-size:14px}.center-logo{height:auto;width:100vw}.mob-screen{align-items:center;background:#000102;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}.mob-screen video{width:90%}}.work-header{align-items:center;background-color:#000;display:flex;justify-content:space-between;left:0;padding:5vh 0;position:fixed;top:0;width:100%;z-index:3}.work-header .burger{display:none}.work-header .nav-logo-top{margin-top:0}.work-header-items{display:flex;margin-right:7%}.work-header-item,.work-header-item-separator{color:#e6e6e8;cursor:pointer;font-size:1.2em;margin-left:1vw;text-transform:uppercase}.work-header-item-selected,.work-header-item:hover{color:#aaa;-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .5s ease-in-out}.work-content{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(3,1fr);width:100%}.work-content-item{cursor:pointer;position:relative}.work-content-item,.work-content-item img{height:100%;width:100%}.play-btn.show-on-hover{opacity:1}.play-btn{bottom:0;display:block;height:auto!important;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:all .4s;width:35%!important}.work-content-item p{bottom:0;color:#fff;display:none;position:absolute;right:25%}.show-on-hover{display:block}.modal-video{height:calc(100vh - 87px);left:0;position:fixed;top:87px;width:100vw;z-index:4}@-webkit-keyframes fadeInModalVideo{0%{opacity:0}to{opacity:1}}@keyframes fadeInModalVideo{0%{opacity:0}to{opacity:1}}.modal-video .modal-container-fade{-webkit-animation-name:fadeInModalVideo;animation-name:fadeInModalVideo}.modal-video .project-title{font-size:2.3em;margin:0 0 10px;text-align:center}.modal-video .project-desc{color:#aaa;font-size:1.5em;margin:0 0 15px}.modal-video .iframe-wrapper{aspect-ratio:16/9;width:50vw}.modal-video .iframe-wrapper iframe{height:100%;object-fit:contain;width:100%}.work-footer{color:#e6e6e8}.work-footer .copyright-text{font-family:Arial,sans-serif}.thumb-vertical{background-color:#fff!important;border-radius:inherit;cursor:pointer;display:block;position:relative;width:3px}.track-vertical{border-radius:3px;bottom:2px;display:block!important;position:absolute;right:2px;top:2px;width:2px!important}footer{background-color:#000201;bottom:0;left:0;padding:1rem;position:fixed;text-align:center;width:100%}.hidden-menu{display:none}@media screen and (max-width:768px){.nav-logo img{height:20px;margin-top:-3px;width:20px}.work-header{grid-gap:10px 0;box-sizing:border-box;display:grid;gap:10px 0;grid-template-columns:repeat(2,auto);padding:30px 20px 15px}.work-header .nav-logo-top{margin-left:0;z-index:1}.work-header-items{align-items:center;display:flex;gap:0 10px;grid-column:1/-1;grid-row:2/3;justify-content:center;margin:0}.work-header-items .work-header-item{font-size:10px;margin:0}.work-header-items .work-header-item-separator{display:none}.work-content{grid-template-columns:1fr}.work-header .burger{display:block;height:30px;margin:0 0 0 auto;position:relative;width:31px;z-index:2}.work-header .burger span{background:#fff;display:block;height:2px;left:0;position:absolute;transition:all .3s;width:100%}.work-header .burger span:first-child{top:6px}.work-header .burger span:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.work-header .burger span:nth-child(3){bottom:6px}.work-header .burger.active span:first-child{top:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.work-header .burger.active span:nth-child(2){opacity:0}.work-header .burger.active span:nth-child(3){bottom:auto;top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.modal-video{height:calc(100vh - 100px);height:calc(var(--vh, 1vh)*100 - 100px);top:100px}.modal-video .modal-content{box-sizing:border-box;margin:-100px 0 0;width:calc(100% - 90px)}.modal-video .modal-header{display:none}.modal-video .iframe-wrapper{width:100%}.modal-video .project-title{font-size:1.5em;margin-bottom:5px}.modal-video .project-desc{font-size:1em;margin-bottom:10px}.work-content{box-sizing:border-box;margin-bottom:0;padding:100px 45px 10px}footer{bottom:-22px;display:block;font-size:12px;left:22px;padding:15px 40px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left;transform-origin:left;width:auto;z-index:99}.hidden-menu{align-items:center;background-color:rgba(0,1,2,.7);display:none;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:5}.hidden-menu.active{display:flex}.hidden-menu .hidden-menu__content{align-items:center;display:flex;flex-direction:column;justify-content:center}.hidden-menu .hidden-menu__content p{color:#fff;font-size:1.5em;margin:0;padding:20px 0;text-align:center}@-webkit-keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-contacts .modal-content .mail{font-size:1.7em}.modal-contacts .modal-content ul a{font-size:1em}}
/*# sourceMappingURL=main.dbb8ad97.css.map*/