@font-face{font-family:Sansita;src:url(/font/Sansita-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mattone;src:url(/font/Mattone-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.mattone{font-family:Mattone,-apple-system,BlinkMacSystemFont,Segoe UI}.sansita{font-family:Sansita,-apple-system,BlinkMacSystemFont,Segoe UI}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth;font-family:Sansita,-apple-system,BlinkMacSystemFont,Segoe UI;font-size:20px;scrollbar-width:none}::-webkit-scrollbar{width:10px}canvas{touch-action:none!important}.ui-container{color:#fff;z-index:500000;position:fixed;width:100vw;height:100svh;pointer-events:none;padding:2rem 4rem;display:flex;flex-direction:column;justify-content:space-between;mix-blend-mode:difference}@media(max-width:599px){.ui-container{padding:1rem 0;align-items:center;background:#000;background:linear-gradient(180deg,#000,#0000 16%,#0000 84%,#000)}.ui-container .info-container p{margin:0;text-align:center}}@media(max-width:599px){.ui-container .bottom-ui .continue-to-scroll{text-align:center}}.ui-container .btn-container a{pointer-events:auto!important}.scroll-lenght-container{width:300px;height:14px;position:relative}.scroll-lenght-container .scroll-lenght{border-radius:10px;height:100%;position:absolute;top:0;left:0}.scroll-lenght-container .scroll-lenght-white{border:2px #fff solid;width:100%}.scroll-lenght-container .scroll-lenght-red{background-color:#df6060;transition:width .2s ease;height:4px;top:50%;left:4px;transform:translateY(-50%)}.ui-container-no-blend{z-index:500001;position:fixed;width:100vw;height:100svh;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 4rem}@media(max-width:599px){.ui-container-no-blend{padding:1rem 0;align-items:center}.ui-container-no-blend .info-container p{margin:0;text-align:center}}@keyframes soundBar{0%{transform:scaleY(.125)}to{transform:scaleY(1)}}@keyframes dirPulse{0%{opacity:0;transform:translate(-50%) translateY(-4px)}15%{opacity:1;transform:translate(-50%) translateY(0)}55%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:0;transform:translate(-50%) translateY(6px)}}@keyframes mouseFloat{0%{transform:translate(-2px) rotate(-6deg)}50%{transform:translate(2px) rotate(6deg)}to{transform:translate(-2px) rotate(-6deg)}}.bottom-ui .mid-container{position:absolute;left:50%;transform:translate(-50%);bottom:4rem}.bottom-ui .mid-container .icon-container{width:40px;height:40px;margin:auto;display:flex;flex-direction:column;align-items:center}.bottom-ui .mid-container .icon-container .scroll-icon{position:relative;text-align:center}.bottom-ui .mid-container .icon-container .scroll-icon .mouse{width:40px}.bottom-ui .mid-container .icon-container .scroll-icon .direction{width:15px;position:absolute;left:50%;transform:translate(-50%);top:105%;opacity:0;animation:dirPulse 1.8s ease-in-out infinite;will-change:opacity,transform}@media(pointer:coarse){.bottom-ui .mid-container .icon-container .scroll-icon .direction{top:38%}}.bottom-ui .mid-container .icon-container .scroll-icon .direction:nth-child(2){top:117%;animation-delay:.2s}@media(pointer:coarse){.bottom-ui .mid-container .icon-container .scroll-icon .direction:nth-child(2){top:50%}}.bottom-ui .mid-container .icon-container .scroll-icon .direction:nth-child(3){top:129%;animation-delay:.4s}@media(pointer:coarse){.bottom-ui .mid-container .icon-container .scroll-icon .direction:nth-child(3){top:62%}}.bottom-ui .mid-container .icon-container .move-icon{position:absolute;text-align:center}@media(pointer:coarse){.bottom-ui .mid-container .icon-container .move-icon{top:-40%}}.bottom-ui .mid-container .icon-container .move-icon .mouse{width:40px;transform-origin:50% 60%;animation:mouseFloat 2.5s ease-in-out infinite;will-change:transform}.bottom-ui .mid-container .icon-container .move-icon .mousemove{width:70px}.bottom-ui .mid-container .icon-container .text{color:#fff}.bottom-ui .right-container{position:absolute;right:clamp(.5rem,-19.8636363636rem + .3181818182 * 100vw,4rem);bottom:2rem;display:flex;justify-content:center;align-items:center;gap:50px}@media(max-width:599px){.bottom-ui .right-container{flex-direction:column}}@media(max-width:1024px){.bottom-ui .right-container{right:.7rem;bottom:3.5rem;flex-direction:column}}.bottom-ui .right-container .rs-container{display:flex;gap:clamp(4px,-3.9733777038px + .0133111481 * 100vw,12px);align-items:center}@media(max-width:1024px){.bottom-ui .right-container .rs-container{flex-direction:column}}.bottom-ui .right-container .rs-container a{pointer-events:auto}.bottom-ui .right-container .sound-btn{pointer-events:auto;border:#fff 2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;height:42px;width:42px;gap:4px;position:relative;background-color:transparent;outline:none;cursor:pointer}@media(max-width:599px){.bottom-ui .right-container .sound-btn{height:32px;width:32px;border:#fff 2px solid;gap:2px}}.bottom-ui .right-container .sound-btn:after{content:"";position:absolute;background-color:#fff;width:100%;height:2px;top:3px;right:5px;transform-origin:right;transform:rotate(-45deg) scaleX(1);transition:transform .2s ease}.bottom-ui .right-container .sound-btn .sound-bar{width:2px;border-radius:1px;height:16px;transform:scaleY(.125);animation:soundBar alternate-reverse .6s infinite ease-in-out;background-color:#ffffff70;transition:transform background-color .2s ease}@media(max-width:599px){.bottom-ui .right-container .sound-btn .sound-bar{height:12px}}.bottom-ui .right-container .sound-btn .sound-bar:nth-child(1){animation-delay:.2s}.bottom-ui .right-container .sound-btn .sound-bar:nth-child(2){animation-delay:.4s}.bottom-ui .right-container .sound-btn .sound-bar:nth-child(3){animation-delay:.6s}.bottom-ui .right-container .sound-btn .sound-bar:nth-child(4){animation-delay:.8s}.bottom-ui .right-container .sound-btn.active .sound-bar{background-color:#fff}.bottom-ui .right-container .sound-btn.active:after{transform:rotate(-45deg) scaleX(0)}.container-content-one{pointer-events:none;padding-left:4rem;padding-top:clamp(2rem,17.9733777038rem + -.2129783694 * 100vw,10rem)}@media(max-width:599px){.container-content-one{padding-left:0;width:90%;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}}.container-content-one p{font-size:clamp(40px,-15.8136439268px + .0931780366 * 100vw,96px);white-space:nowrap}.container-content-one p:nth-child(2),.container-content-one p:nth-child(3){margin-top:20rem}.acte-four-container{width:100vw;height:100vh;pointer-events:none;touch-action:none;z-index:999999;position:relative}.acte-four-container p,.acte-four-container .html-container{position:absolute;transform:translate(-50%,-50%);left:50%;top:70%;text-align:center}@media(max-width:599px){.acte-four-container p,.acte-four-container .html-container{width:90%;top:50%}}.acte-four-container .images-container{position:relative;height:100%}.acte-four-container .images-container .image-center{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%)}@media(max-width:599px){.acte-four-container .images-container .image-center{top:30%}}.acte-four-container .images-container .image-center .image-container img{max-height:clamp(200px,-99.0016638935px + .4991680532 * 100vw,500px);max-width:clamp(200px,-99.0016638935px + .4991680532 * 100vw,500px);object-fit:cover;display:block}.acte-four p{padding-bottom:20px}.custom-scroll{margin-top:32px;width:320px}.custom-scroll-track{position:relative;height:2px;background:#0003;overflow:hidden}.custom-scroll-thumb{position:absolute;left:0;top:0;height:100%;background:#000;transition:width .2s ease-out}.custom-scroll-label{display:block;margin-top:12px;font-size:12px;letter-spacing:.12em;opacity:.6}@media(max-width:599px){.project-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-300%)}}.project-container h1{font-size:clamp(.8rem,.4013311148rem + .0106489185 * 100vw,1.2rem);white-space:nowrap}.project-container .btn-container a{pointer-events:auto;text-decoration:none;color:#000;background-color:#fff;padding:.6rem 1.6rem;border-radius:12px;font-size:.8rem;border:solid 2px black;white-space:nowrap}@media(max-width:599px){.project-container .btn-container a{font-size:.6rem}}.project-container .btn-container a:hover{background-color:#5c82fd;color:#fff;border-color:#5c82fd}.points-container{gap:6px}.points-container.visible{display:flex}.points-container .point{width:clamp(10px,-4.9500831947px + .0249584027 * 100vw,25px);height:clamp(10px,-4.9500831947px + .0249584027 * 100vw,25px);border-radius:50%;border:rgba(92,130,253,.4274509804) 2px solid;position:relative}.points-container .point:after{content:"";position:absolute;width:4px;height:4px;background-color:#5c82fd6d;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border-radius:100%}.points-container .point.empty{opacity:.4}.points-container .point.visited{border-color:#5c82fd}.points-container .point.visited:after{height:clamp(10px,5.0166389351px + .0083194676 * 100vw,15px);width:clamp(10px,5.0166389351px + .0083194676 * 100vw,15px);transition:all .4s ease;background-color:#5c82fd}.visible{opacity:1;transform:translateY(0);pointer-events:none;touch-action:none;transition:opacity .35s ease,transform .35s ease}.invisible{opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .35s ease,transform .35s ease .35s}.points-container.visible .point{opacity:0;transform:scale(.6);animation:pointIn .25s ease forwards .35s}@keyframes pointIn{to{opacity:1;transform:scale(1)}}.points-container.visible .point:nth-child(1){animation-delay:0s}.points-container.visible .point:nth-child(2){animation-delay:.06s}.points-container.visible .point:nth-child(3){animation-delay:.12s}.points-container.visible .point:nth-child(4){animation-delay:.18s}.points-container.visible .point:nth-child(5){animation-delay:.24s}.points-container.visible .point:nth-child(6){animation-delay:.3s}.points-container.visible .point:nth-child(7){animation-delay:.36s}.points-container.visible .point:nth-child(8){animation-delay:.42s}.points-container.visible .point:nth-child(9){animation-delay:.48s}.points-container.visible .point:nth-child(10){animation-delay:.54s}.points-container.visible .point:nth-child(11){animation-delay:.6s}.points-container.visible .point:nth-child(12){animation-delay:.66s}.points-container.visible .point:nth-child(13){animation-delay:.72s}.points-container.visible .point:nth-child(14){animation-delay:.78s}.points-container.visible .point:nth-child(15){animation-delay:.84s}.points-container.visible .point:nth-child(16){animation-delay:.9s}.points-container.visible .point:nth-child(17){animation-delay:.96s}.points-container.visible .point:nth-child(18){animation-delay:1.02s}.points-container.visible .point:nth-child(19){animation-delay:1.08s}.points-container.visible .point:nth-child(20){animation-delay:1.14s}.points-container.visible .point:nth-child(21){animation-delay:1.2s}.points-container.visible .point:nth-child(22){animation-delay:1.26s}.points-container.visible .point:nth-child(23){animation-delay:1.32s}.points-container.visible .point:nth-child(24){animation-delay:1.38s}.points-container.visible .point:nth-child(25){animation-delay:1.44s}.points-container.visible .point:nth-child(26){animation-delay:1.5s}.points-container.visible .point:nth-child(27){animation-delay:1.56s}.points-container.visible .point:nth-child(28){animation-delay:1.62s}.points-container.visible .point:nth-child(29){animation-delay:1.68s}.points-container.visible .point:nth-child(30){animation-delay:1.74s}.joystick{position:absolute;left:50%;transform:translate(-50%,100%);z-index:9999;pointer-events:auto}.joystick.is-hidden{visibility:hidden}.joystick.is-visible{visibility:visible}.joystick__base{width:140px;height:140px;border-radius:9999px;border:2px solid #5C82FD;background:#5c82fd26;position:relative;touch-action:none}.joystick__stick{position:absolute;left:50%;top:50%;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:9999px;background:#5c82fd;outline:1px solid rgb(255,255,255);box-shadow:0 6px 18px #00000040;transform:translate(0);will-change:transform}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0b0b0b;color:#fff;transition:opacity .6s ease,visibility .6s ease;z-index:99999999;display:flex;flex-direction:column;justify-content:center;align-items:center}.loader-container .loader-img-container{height:98px;width:150px;position:absolute;display:flex;justify-content:center;left:0}.loader-container .loader-img-container img{position:absolute;z-index:10;height:clamp(50px,30.0665557404px + .0332778702 * 100vw,70px);width:auto;top:clamp(-45px,4.9168053245px + -.0415973378 * 100vw,-20px);transition:left .2s ease}.loader-container .progress-bar{height:3px;background-color:#fff;left:0;position:absolute;transition:width .2s ease;border-radius:2px;mix-blend-mode:exclusion}.loader-container .progress-pourcent{position:absolute;left:clamp(1rem,.003327787rem + .0266222962 * 100vw,2rem);bottom:0;font-size:clamp(3rem,-2.9800332779rem + .159733777 * 100vw,9rem);line-height:0}.loader-container.hide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s linear .2s,visibility 0s linear 1s}.loader-container.hide .progress-bar{height:100vh;transition:height .4s ease}.btn-loader{top:140%;height:70px;position:relative;color:#fff;background:transparent;outline:none;border:none;display:flex;width:140px;font-size:1rem;cursor:pointer}.btn-loader .btn-word{opacity:0;visibility:hidden}.btn-word{position:absolute;right:0;bottom:0;left:0;display:inline-block;top:50%;transform:translateY(-50%)}.btn-loader{position:relative;border:none}.btn-loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid white;border-radius:12px;clip-path:inset(0 100% 100% 0)}.btn-loader.is-ready:before{animation:drawBorder 1.2s ease forwards}@keyframes drawBorder{0%{clip-path:inset(0 100% 100% 0)}25%{clip-path:inset(0 0 100% 0)}50%{clip-path:inset(0 0 0 0)}75%{clip-path:inset(0 0 0 0 round 12px)}to{clip-path:inset(0 0 0 0)}}