.noise-container{pointer-events:none;background-color:#0a0a0a;background-image:url(/assets/gif/DIRT.gif);width:100vw;height:100vh;position:fixed}.layout-desktop-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.layout-desktop-container ::-webkit-scrollbar{display:none}.layout-desktop-container .header-desktop-container{mix-blend-mode:difference;width:100%;position:absolute}.layout-desktop-container .header-desktop-container .header-info-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 40px;display:flex;position:relative}.layout-desktop-container .header-desktop-container .header-info-container .line-header{border-bottom:1px solid #fff}.layout-desktop-container .header-desktop-container .header-name{text-align:center;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;width:250px;font-family:Altoma,monospace;font-size:16px;display:flex}.layout-desktop-container .content-home-container{flex-direction:row;justify-content:space-between;padding:0 40px;display:flex}.layout-desktop-container .content-home-container .content-home{height:100%}.layout-desktop-container .footer-desktop-container{mix-blend-mode:difference;width:100%;position:absolute;bottom:0}.layout-desktop-container .footer-desktop-container .footer-info-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 40px;display:flex;position:relative}.layout-desktop-container .footer-desktop-container .footer-info-container .line-footer{border-bottom:1px solid #fff}.layout-desktop-container .footer-desktop-container .footer-info-container .gif-image{object-fit:cover;filter:invert();flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.layout-desktop-container .footer-desktop-container .footer-info-container .footer-info-copyright{text-transform:uppercase;flex-direction:row;justify-content:space-between;padding:0 40px;font-family:Roboto Mono,monospace;display:flex;position:absolute;top:50%;left:0;right:0}.layout-desktop-container .footer-desktop-container .footer-info-container .footer-info-copyright .text-footer{margin-top:10px;font-weight:700;animation:.2s linear infinite StrobeEffect;color:gray!important;font-size:8px!important}.layout-desktop-container .footer-desktop-container .footer-desktop-background{padding:0 40px}.time-loading-home{text-align:center;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Altoma,monospace;font-size:18px;display:flex;position:absolute;top:0;left:0}.time-loading-home .time-loading-init{margin-left:5px;animation:.3s infinite StrobeEffect}
.image-content-home{border-radius:none;filter:invert()grayscale();width:4%;height:70%;transition:all .3s;position:relative}.image-content-home:hover{cursor:pointer;color:#fff;width:4.5%}
.sider-right{mix-blend-mode:difference;border-left:1px solid #fff;flex-direction:column;margin-right:40px;font-family:Roboto Mono Local,monospace;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sider-right .header-right-box{flex-direction:column;flex:1;justify-content:flex-start;width:100%;padding-left:35px;display:flex;position:relative}.sider-right .header-right-box .text-title-experiments{cursor:pointer;color:#000;background-color:#fff;margin:0 0 10px;padding:5px;font-weight:700;text-decoration:none}.sider-right .header-right-box .number-project{float:right;animation:.2s linear infinite StrobeEffect}.sider-right .header-right-box .list-project-name{overflow-y:scroll}.sider-right .header-right-box .list-project-name a{color:inherit;text-decoration:none;display:block}.sider-right .header-right-box .list-project-name .text-title-project{color:gray;cursor:pointer;margin:0;padding:2px 5px;text-decoration:none;display:block}.sider-right .header-right-box .list-project-name .text-title-project:hover,.sider-right .header-right-box .list-project-name .text-title-project-active{color:#000;background-color:#fff}.sider-right .header-right-box .list-project-name::-webkit-scrollbar{display:none}.sider-right .content-right-box{flex-direction:column;justify-content:flex-end;width:100%;padding-left:35px;display:flex;position:relative}.sider-right .content-right-box .number-project{float:right}.sider-right .content-right-box .contact-content{flex-direction:column;flex:1;justify-content:space-evenly;display:flex}.sider-right .content-right-box .contact-content .social-item{cursor:pointer;color:#fff;margin:2% 0;text-decoration:none}.sider-right .content-right-box .contact-content .social-item:hover{text-decoration:underline}.sider-right .content-right-box .contact-content .final-or{margin:8% 0}.sider-right .button-right{text-align:center;color:#000;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:0;width:75%;height:70%;font-family:Roboto Mono,monospace;font-weight:400;display:inline-block;padding-left:0!important;padding-right:0!important}.sider-right .button-right:hover{color:#fff;background:0 0;border:1px solid #fff}.sider-right .text-gray{color:gray;margin:4% 0;font-weight:700}.sider-right .text-gray-safari{color:gray;margin-bottom:10px;margin-left:5px;font-weight:500}.sider-right .text-gray-safari2{color:gray;margin-top:10px;margin-left:5px;font-weight:500}
@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--cursor-color)}}.sider-left{--cursor-color:white;mix-blend-mode:difference;border-right:1px solid #fff;flex-direction:column;justify-content:space-between;margin-left:40px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sider-left .content-left-box{flex-direction:column;margin-right:40px;font-family:Roboto Mono Local,monospace;display:flex;position:relative}.sider-left .content-left-box .text-loading-left{text-overflow:ellipsis;-webkit-line-clamp:1;letter-spacing:0;-webkit-box-orient:vertical;min-height:15px;margin:0;padding:0;display:-webkit-box;overflow:hidden}.sider-left .content-left-box .text-gray-no-margin{color:gray}.sider-left .content-left-box .paragraph-with-margin{margin:10px 0}.sider-left .typewriter-container{border-right:.5em solid var(--cursor-color);animation:.75s step-end infinite blink-caret}.sider-left .typewriter-container.pause{animation:none}.sider-left .text-gray{color:gray;margin:10px 0}.sider-left .span-text-loading{margin-top:0;font-weight:700;animation:.2s linear infinite StrobeEffect;color:gray!important}
.mobile-container{background-color:#0a0a0a;background-image:url(/assets/gif/DIRT.gif);background-size:100%;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;bottom:0}.mobile-container:has(.home-intro-mobile.is-title-slide) .content-mobile{height:100%;position:absolute}.mobile-container:has(.home-intro-mobile.is-title-slide) .header-mobile-border{display:none}.mobile-container:has(.home-intro-mobile.is-title-slide) .header-right-container{opacity:1}.mobile-container:has(.home-intro-mobile:not(.is-title-slide)) .content-mobile{height:90%}.mobile-container .header-mobile{background:0 0;width:100vw;margin:0;padding:0}.mobile-container .header-mobile .header-mobile-border{z-index:1;border-bottom:1px solid;position:relative}.mobile-container .content-mobile{background:0 0;flex:1;width:100%;min-height:0;margin:0;padding:0;position:relative;overflow:clip}.mobile-container .content-mobile .swipe-transition-panel{position:absolute;inset:0}.mobile-container .header-mobile-container{flex-direction:row;align-items:center;width:100%;height:100%;padding:0 10px;display:flex;position:relative}.mobile-container .header-mobile-container .header-left-container{z-index:500;mix-blend-mode:difference;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative}.mobile-container .header-mobile-container .header-left-container .logo-mobile-container{filter:invert();justify-content:center;width:25%;height:100%;padding:5px;display:flex}.mobile-container .header-mobile-container .header-left-container .logo-mobile-container .logo-mobile{width:100%;height:auto}.mobile-container .header-mobile-container .header-left-container .title-header{margin-left:-4%;font-family:Roboto Mono,monospace;font-size:10px;font-weight:700;line-height:15px}.mobile-container .header-mobile-container .header-right-container{z-index:500;opacity:0;transition:opacity .25s ease-in-out;position:relative}.mobile-container .header-mobile-container .header-button{z-index:1;justify-content:center;align-items:center;width:35%;height:50%;display:flex;-webkit-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:#0000!important}.mobile-container .header-mobile-container .header-button .audio-indicator-mobile{z-index:1;color:#000;aspect-ratio:1;background-color:#ffffffbf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:9.52vmin;padding-top:.5vmin;font-family:Roboto Mono,monospace;font-weight:700;line-height:normal;display:flex;-webkit-user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:#0000!important;font-size:2vmin!important}.mobile-container .header-mobile-container .header-button .audio-indicator-mobile .audio-icon{color:#000;text-align:center;display:block}.mobile-container::-webkit-scrollbar{display:none}