body{width:100vw;height:100dvh;margin:0}.container{max-width:inherit}img{max-width:inherit;margin:0;padding:0}p,h1,h2,h3,input,button,h4{background:none;border:none;margin:0;padding:0}ul,li{margin:0;padding:0;list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.view{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}button{margin:0;padding:0;font-size:1em;border:none;background:none;cursor:pointer;color:#fff;pointer-events:all;-webkit-user-select:none;user-select:none}.three-container{width:100%;height:100%}.three-container canvas{width:100%;height:100%;pointer-events:all}.swapVertical{display:flex;align-items:center;justify-content:center;gap:10px}.swapVertical:hover .text1{transform:translateY(-100%);opacity:0}.swapVertical:hover .text2{transform:translateY(0);opacity:1}.swapVertical .text{flex:0;white-space:nowrap;position:relative;display:block}.swapVertical .text1{display:block;transform:translateY(0);opacity:1;transition:transform .5s,opacity .5s}.swapVertical .text2{position:absolute;top:0;left:0;display:block;transform:translateY(100%);transition:transform .5s,opacity .5s;opacity:0}.swapVertical .image{position:relative;width:100px;height:100px;background-size:50%;background-repeat:no-repeat;background-position:center;border:6px solid #000000;box-sizing:border-box;border-radius:20px;display:block;flex:1}.swapVertical .image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:calc(100% - 10px);transition:filter .5s}.menuButton .lines{position:absolute;top:50%;left:50%;width:50%;transform:translate(-50%,-50%)}.menuButton .lines .line{position:absolute;top:50%;left:50%;width:100%;height:3px;background-color:#fff;transform-origin:50% 50%;transition:transform .5s}.menuButton .lines .line.line1{transform:translate(-50%,-50%) translateY(-10px)}.menuButton .lines .line.line2{transform:translate(-50%,-50%) translateY(0)}.menuButton .lines .line.line3{transform:translate(-50%,-50%) translateY(10px)}.menuButton:hover .line.line1,.menuButton:hover .line.line2{transform:translate(-50%,-50%) translateY(0) rotate(45deg)}.menuButton:hover .line.line3{transform:translate(-50%,-50%) translateY(0) rotate(-45deg)}.closeButton .lines{position:absolute;top:50%;left:50%;width:50%;transform:translate(-50%,-50%) rotate(0)}.closeButton .lines .line{position:absolute;top:50%;left:50%;width:100%;height:3px;background-color:#fff;transform-origin:50% 50%}.closeButton .lines .line.line1{transform:translate(-50%,-50%) rotate(45deg);transition:transform .5s}.closeButton .lines .line.line2{transform:translate(-50%,-50%) rotate(-45deg);transition:transform .5s}.closeButton:hover .lines .line.line1{transform:translate(-50%,-50%) rotate(225deg)}.closeButton:hover .lines .line.line2{transform:translate(-50%,-50%) rotate(135deg)}.translateYButton .content{transition:transform .5s;display:inline-block;transform:translateY(0)}.translateYButton:hover .content{transform:translateY(-20%)}.soundTesterReactView{background-color:#000;color:#fff}.soundTesterReactView .title{font-size:2em;margin-bottom:3em}.soundTesterReactView .soundsContainer{display:inline-flex;flex-direction:column;gap:3em}.soundTesterReactView .soundsContainer .soundTester{display:flex;flex-direction:column;gap:.5em}.soundTesterReactView .soundsContainer .soundTester .name{display:flex;gap:1em}.soundTesterReactView .soundsContainer .soundTester .timeline{pointer-events:all;height:1em;position:relative;background-color:#444;cursor:pointer}.soundTesterReactView .soundsContainer .soundTester .timeline .position{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#fff}.soundTesterReactView .soundsContainer .soundTester .loop{display:flex;gap:4em}.soundTesterReactView .soundsContainer .soundTester .loop .start,.soundTesterReactView .soundsContainer .soundTester .loop .end{display:flex;gap:1em}.soundTesterReactView .soundsContainer .soundTester .loop input{border:1px solid #eeeeee;text-align:right;color:#000}.soundTesterReactView .soundsContainer .soundTester .buttonsContainer{display:flex;gap:1em}.quickLinks{position:absolute;top:0;left:0;pointer-events:none}.quickLinks .openButton{position:absolute;top:0;left:0;padding:1vh;background-color:#000000e6;color:#fff}.quickLinks .openButton.bottom{top:auto;bottom:0}.quickLinks .openButton.middle{top:50%;transform:translateY(-50%)}.quickLinks .openButton.right{left:auto;right:0}.quickLinks .openButton.center{left:50%;transform:translate(-50%)}.quickLinks .links{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;color:#fff;flex-direction:column;gap:1vh;padding:2vh;justify-content:center;display:none}.quickLinks .links.open{display:flex}.quickLinks .links .buttonLink{width:100%;border:1px solid white;padding:1vh}.theaterPreloadReactView{background-color:#000;display:flex;align-items:center;justify-content:center;color:#fff}.theaterPreloadReactView .loaded{display:none}.virtualGamePadReactView{pointer-events:none}.virtualGamePadReactView .interactive{pointer-events:all;cursor:pointer}.virtualGamePadReactView .interactive>*{pointer-events:none}.virtualGamePadReactView .button{position:absolute;top:0;left:0;border-radius:100%;background-color:#ffffff80;border:1px solid #ffffff;width:50px;height:50px;transform:translate(-50%,-50%)}.virtualGamePadReactView .button span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.virtualGamePadReactView .analog{position:absolute;width:100px;height:100px;border-radius:100%}.virtualGamePadReactView .analog.analogLeft{bottom:20px;left:80px}.virtualGamePadReactView .analog.analogRight{bottom:20px;right:80px}.virtualGamePadReactView .analog .padContainer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%}.virtualGamePadReactView .analog .padContainer .background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;border:1px solid #ffffff;background-color:#fff3}.virtualGamePadReactView .analog .padContainer .pad{top:50%;left:50%}.virtualGamePadReactView .buttons{position:absolute;bottom:230px;right:100px}.virtualGamePadReactView .buttons .buttonA{top:0;left:50px}.virtualGamePadReactView .buttons .buttonB{top:50px;left:0}.virtualGamePadReactView .buttons .buttonX{top:-50px;left:0}.virtualGamePadReactView .buttons .buttonY{top:0;left:-50px}.virtualGamePadReactView .dPad{position:absolute;bottom:230px;left:100px}.virtualGamePadReactView .dPad .button span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0px;height:0px;border-style:solid;border-width:0 10px 20px 10px;border-color:transparent transparent #ffffff transparent}.virtualGamePadReactView .dPad .buttonUp{top:-50px;left:0}.virtualGamePadReactView .dPad .buttonDown{top:50px;left:0}.virtualGamePadReactView .dPad .buttonDown span{transform:translate(-50%,-50%) rotate(180deg)}.virtualGamePadReactView .dPad .buttonLeft{top:0;left:-50px}.virtualGamePadReactView .dPad .buttonLeft span{transform:translate(-50%,-50%) rotate(-90deg)}.virtualGamePadReactView .dPad .buttonRight{top:0;left:50px}.virtualGamePadReactView .dPad .buttonRight span{transform:translate(-50%,-50%) rotate(90deg)}.virtualGamePadReactView .shoulder{position:absolute;bottom:370px}.virtualGamePadReactView .shoulder.left{left:100px}.virtualGamePadReactView .shoulder.left .LT{left:-50px}.virtualGamePadReactView .shoulder.left .LB{left:50px}.virtualGamePadReactView .shoulder.right{right:100px}.virtualGamePadReactView .shoulder.right .RT{left:-50px}.virtualGamePadReactView .shoulder.right .RB{left:50px}.pixi-container{width:100%;height:100%}.pixi-container canvas{width:100%;height:100%;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none}@font-face{font-family:Quicksand;src:url(../assets/fonts/Quicksand/Quicksand-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Quicksand;src:url(../assets/fonts/Quicksand/Quicksand-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Quicksand;src:url(../assets/fonts/Quicksand/Quicksand-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Quicksand;src:url(../assets/fonts/Quicksand/Quicksand-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Quicksand;src:url(../assets/fonts/Quicksand/Quicksand-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Atrament;src:url(../assets/fonts/Atrament/Atrament-Light.otf) format("opentype");font-weight:300}@font-face{font-family:Atrament;src:url(../assets/fonts/Atrament/Atrament-Regular.otf) format("opentype");font-weight:400}@font-face{font-family:Atrament;src:url(../assets/fonts/Atrament/Atrament-Medium.otf) format("opentype");font-weight:500}@font-face{font-family:Atrament;src:url(../assets/fonts/Atrament/Atrament-SemiBold.otf) format("opentype");font-weight:600}@font-face{font-family:Atrament;src:url(../assets/fonts/Atrament/Atrament-Bold.otf) format("opentype");font-weight:700}@font-face{font-family:Proximanova;src:url(../assets/fonts/Proximanova/Proximanova-Light.otf) format("opentype");font-weight:300}@font-face{font-family:Proximanova;src:url(../assets/fonts/Proximanova/Proximanova-Regular.otf) format("opentype");font-weight:400}@font-face{font-family:Proximanova;src:url(../assets/fonts/Proximanova/Proximanova-SemiBold.otf) format("opentype");font-weight:600}@font-face{font-family:Proximanova;src:url(../assets/fonts/Proximanova/Proximanova-Bold.otf) format("opentype");font-weight:700}*{font-family:Proximanova;font-weight:600;-webkit-user-select:none;user-select:none;pointer-events:none}* button,* a,* input,* video{pointer-events:all;cursor:pointer}h1{font-family:Atrament;text-transform:uppercase}h2,h3{text-transform:uppercase}*[data-color] h1,*[data-color] h2,*[data-color] h3,*[data-color] p,*[data-color] span,*[data-color] a,*[data-color] button,*[data-color] input{color:var(--color);transition:color .3s ease-in-out}.preloadView{display:flex;justify-content:center;align-items:center;background:#000;color:#fff}.preloadView .loadingContent{transition:opacity .5s ease-in-out}.preloadView .loadingContent.loading{opacity:100%}.preloadView .loadingContent.loaded{opacity:0%}.title_slide{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}.title_slide h1{margin:.5dvh 0;font-size:6dvh}.title_slide h2{font-size:2dvh}.title_slide .title_slide_content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;bottom:15dvh}@media screen and (orientation: portrait){.title_slide h1{font-size:4dvh;width:100dvw;text-align:center;margin-top:1dvh}.title_slide h2{font-size:1.7dvh}}.context_slide{display:flex;justify-content:center;align-items:center}.context_slide .context_slide_content{position:absolute;width:80vw;height:80vh}.context_slide .context_slide_content .content_header{display:inline-block}.context_slide .context_slide_content .content_header h1{font-size:10dvh}.context_slide .context_slide_content .content_header svg{height:2dvh}.context_slide .context_slide_content .content_body{margin-top:3dvh;width:100%;height:80%}.context_slide .context_slide_content .content_body .content_description{font-size:2.3dvh;width:40dvw;max-height:45%;column-width:30dvw;gap:1dvh;margin:2dvh 0;font-weight:400}.context_slide .context_slide_content .content_body .content_collaborators{font-size:2.3dvh;font-weight:400;text-underline-offset:.5dvh}.context_slide .context_slide_content .content_body .content_techno{height:20%;display:flex;align-items:center;margin:10dvh 0 0}.context_slide .context_slide_content .content_body .content_techno.right{right:0%}.context_slide .context_slide_content .content_body .content_techno svg{height:100%;width:15px}.context_slide .context_slide_content .content_body .content_techno svg.left-side{width:10px}.context_slide .context_slide_content .content_body .content_techno svg.right-side{margin-left:.2dvw}.context_slide .context_slide_content .content_body .content_techno .techno_icon{height:10dvh;width:10dvh;display:flex;align-items:center;justify-content:center}.context_slide .context_slide_content .content_body .content_techno .techno_icon img{height:70%;pointer-events:all}.context_slide .context_slide_content .content_body .project_links{margin:6dvh 0 0}.context_slide .context_slide_content .content_body .project_links .project_link{color:#000;height:3dvh;display:flex;justify-content:center;align-items:center;margin:0 0 3dvh}.context_slide .context_slide_content .content_body .project_links .project_link span{font-size:2.5dvh;font-weight:700;margin-right:.2dvw}.context_slide .context_slide_content .content_body .project_links .project_link svg{height:100%;width:3dvw;transition:width .2s ease-in-out}.context_slide .context_slide_content .content_body .project_links .project_link:hover svg{width:7dvw;animation:unset;opacity:100%}@keyframes typeAnimation{0%{opacity:0}50%{opacity:0}51%{opacity:100%}to{opacity:100%}}@media screen and (orientation: portrait){.context_slide .context_slide_content{width:90.5dvw;height:87dvh;margin-top:5dvh}.context_slide .context_slide_content .content_header h1{font-size:10dvw}.context_slide .context_slide_content .content_body{margin-top:-1dvh}.context_slide .context_slide_content .content_body .content_description{font-size:2dvh;max-height:unset;column-width:unset}.context_slide .context_slide_content .content_body .content_techno{height:10%;margin:3dvh 0 0}.context_slide .context_slide_content .content_body .content_techno.right{left:0%}.context_slide .context_slide_content .content_body .content_techno svg.left-side{width:5px}.context_slide .context_slide_content .content_body .content_techno .techno_icon{height:100%;width:12dvw}.context_slide .context_slide_content .content_body .content_techno .techno_icon img{height:50%}.context_slide .context_slide_content .content_body .project_link{margin-top:3dvh}}.simple_slide{display:flex;justify-content:center;align-items:center}.simple_slide .simple_slide_content{max-width:220dvh;width:100%;height:100%;padding:10px;box-sizing:border-box}.simple_slide .simple_slide_content img{width:100%;height:100%;object-fit:contain}.simple_slide .simple_slide_content video{width:100%;height:100%;object-fit:contain}@media screen and (orientation: portrait){.simple_slide .simple_slide_content{transform:rotate(-90deg);transform-origin:center;position:absolute;max-width:unset;width:92dvh;height:100dvw;padding:20px}.simple_slide .simple_slide_content img,.simple_slide .simple_slide_content video{width:100%;height:100%}}.dual_slide{display:flex;justify-content:center;align-items:center}.dual_slide .dual_slide_content{max-width:220dvh;width:100%;height:100%;padding:10px;box-sizing:border-box;display:flex;justify-content:center;gap:1%}.dual_slide .dual_slide_content img{width:100%;height:100%;object-fit:cover}.dual_slide .dual_slide_content video{width:100%;height:100%;object-fit:contain}@media screen and (orientation: portrait){.dual_slide .dual_slide_content{flex-direction:column;gap:.1dvh;width:85dvw}}.triple_slide{display:flex;justify-content:center;align-items:center}.triple_slide .triple_slide_content{max-width:220dvh;width:100%;height:100%;padding:10px;box-sizing:border-box;display:flex;justify-content:center;gap:1%}.triple_slide .triple_slide_content .left_content{width:50%}.triple_slide .triple_slide_content .right_content{width:50%;display:grid;flex-direction:column;grid-template-rows:repeat(2,49.5%);gap:1%}.triple_slide .triple_slide_content img{width:100%;height:100%;object-fit:cover}.triple_slide .triple_slide_content video{width:100%;height:100%;object-fit:contain}@media screen and (orientation: portrait){.triple_slide .triple_slide_content{transform:rotate(-90deg);transform-origin:center;position:absolute;max-width:unset;width:92dvh;height:100dvw;padding:20px}.triple_slide .triple_slide_content img,.triple_slide .triple_slide_content video{width:100%;height:100%}}.stat_slide{display:flex;justify-content:center;align-items:center}.stat_slide .stats_container{width:100dvw;height:100dvh;display:flex;justify-content:center;align-items:center}.stat_slide .stats_container .center_element{position:absolute}.stat_slide .stats_container .indicator_container{position:absolute;width:100dvw;height:100dvh}.stat_slide .stats_container .indicator_container .indicator_text{position:absolute;font-size:2.5dvh;opacity:0;transition:opacity .5s ease-in-out}.stat_slide svg{position:absolute;width:100dvw;height:100dvh}@media screen and (orientation: portrait){.stat_slide .stats_container .indicator_container .indicator_text{font-size:2dvh}}.sound_slide .sound_slide_content{position:absolute;top:10dvh;left:10dvw;width:80dvw;height:80dvh;display:grid;grid-template-columns:40dvw 40dvw;justify-content:center;align-items:center}.sound_slide .sound_slide_content .sound_player{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sound_slide .sound_slide_content .sound_player .sound_player_wrapper_left{width:10dvh;height:10dvh;border:2px solid #fff;border-right-width:1px}.sound_slide .sound_slide_content .sound_player .sound_player_wrapper_left svg{width:100%;height:100%}.sound_slide .sound_slide_content .sound_player .sound_player_wrapper_right{width:70dvh;height:10dvh;border:2px solid #fff;border-left-width:1px;justify-content:center;align-items:center;display:flex}.sound_slide .sound_slide_content .sound_player .sound_player_wrapper_right svg{width:80%;height:100%}.sound_slide .sound_slide_content .sound_player .sound_player_wrapper_right .sound_player_time{text-align:center;width:20%}.sound_slide .sound_slide_content .sound_explaination{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:2.5vh}.ep{pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;justify-content:center}.ep .project_name{position:absolute;display:flex;align-items:center;transform:rotate(-90deg) translate(50%) translateY(15dvh);bottom:1dvh;right:0;height:5dvh;width:40dvh;opacity:0;transition:opacity .5s ease-in-out}.ep .project_name span{height:100%;display:flex;align-items:center;font-size:3dvh;font-family:Atrament;text-transform:uppercase}.ep .project_name svg{height:100%;width:1.5dvw}.ep .project_slides_indicator{pointer-events:all;position:absolute;bottom:2dvh}.ep .project_slides_indicator svg{height:15dvh;width:6dvh;overflow:visible}.ep .project_slides_indicator svg circle{transition:cy .5s ease-in-out}.ep .project_slides_indicator svg circle.wiggle{animation:wiggle 2s infinite}@media screen and (orientation: portrait){.ep .project_name{display:none;transform:rotate(0) translate(0) translateY(0);top:3dvh;left:5dvw;height:2dvh;width:70dvw;opacity:1}.ep .project_name span{font-size:5dvw}.ep .project_name svg{width:2dvh}.ep .project_slides_indicator{bottom:1dvh}.ep .project_slides_indicator svg{height:25dvw;width:10dvw}.ep .project_slides_indicator svg circle{transition:cy .5s ease-in-out}.ep .project_slides_indicator svg circle.wiggle{animation:wiggle 2s infinite}}@keyframes wiggle{0%{transform:translateY(0)}50%{transform:translateY(-6%)}to{transform:translateY(0)}}.project_background .background{width:100%;height:100%}#homepage_view{background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center}#homepage_view .contacts{position:absolute;top:3dvh;right:3dvw;display:flex;gap:2dvh}#homepage_view .contacts .contact_item{display:flex;justify-content:center}#homepage_view .contacts .contact_item svg{height:5dvh}#homepage_view .name{font-size:15dvh;font-weight:500;text-wrap:nowrap}#homepage_view .description{position:absolute;width:100dvw;height:100dvh;-webkit-user-select:none;user-select:none;pointer-events:none}#homepage_view .description .description_item{position:absolute}#homepage_view .description .description_item p{font-size:2.5dvh;position:absolute;text-transform:uppercase;font-family:Proximanova;font-weight:400;opacity:0;transition:opacity .5s ease-in-out}#homepage_view .description .description_item svg{width:100dvw;height:100dvh}#homepage_view .nav_bar{position:absolute;bottom:5dvh}#homepage_view .nav_bar button{font-family:Atrament;font-weight:600;text-transform:uppercase;font-size:3dvh;transition:transform .2s ease-in-out;text-decoration:underline;text-underline-offset:.5dvh}#homepage_view .nav_bar button:hover{transform:scale(1.1)}@media screen and (orientation: portrait){#homepage_view .contacts{right:5dvw}#homepage_view .name{font-size:6dvh}#homepage_view .description .description_item p{font-size:2dvh}}#global_ep .about{position:absolute;top:7dvh;right:0;transform:rotate(-90deg);transition:transform .2s ease-in-out}#global_ep .about span{font-size:3dvh;font-family:Atrament;text-transform:uppercase;font-weight:600;text-decoration:underline;text-underline-offset:.5dvh}#global_ep .about:hover{transform:scale(1.1) rotate(-90deg)}#global_ep .project_indicators{width:100dvw;height:100dvh;display:flex;justify-content:center;align-items:center}#global_ep .project_indicators .indicator{pointer-events:all;position:absolute;opacity:1;transition:opacity .2s ease-in-out;height:15dvh;width:5dvh;display:flex;justify-content:center;align-items:center;cursor:pointer}#global_ep .project_indicators .indicator.previous_projects_indicator{left:5dvh}#global_ep .project_indicators .indicator.next_projects_indicator{right:5dvh}#global_ep .project_indicators .indicator.hide{opacity:0;pointer-events:none}#global_ep .project_indicators .indicator svg{height:100%;width:100%}#global_ep .project_indicators .indicator svg circle{transition:cy .5s ease-in-out}@media screen and (orientation: portrait){#global_ep .about{top:3dvh;right:3dvh;height:2dvh;transform:rotate(0)}#global_ep .about span{font-size:6dvw}#global_ep .about:hover{transform:scale(1) rotate(0)}#global_ep .project_indicators .indicator.previous_projects_indicator{left:3dvw}#global_ep .project_indicators .indicator.next_projects_indicator{right:3dvw}}