body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}img{max-width:100%;height:auto}ul{padding:0}li{list-style-type:none}a,a:hover,a:visited{color:inherit;text-decoration:none;outline:none}html{font-size:16px}body,html{overflow:hidden;height:100vh}body{font-family:Muli,sans-serif;color:#030303}#slides-main .abs-mask,#slides-main .slide{position:absolute;top:0;left:0;height:100%;width:100%}#hero-slider{position:relative;height:100vh;display:flex;background:#fff}#hero-slider:not(.ready){visibility:hidden}#slideshow{position:relative;flex:0 0 100%;display:flex;align-items:flex-end}#slides-main{position:absolute;top:0;left:0;height:100%;width:100%}#slides-main .slide-image{position:absolute;top:0;left:0;height:80%;width:30%;margin-top:5rem;margin-left:8rem;margin-bottom:5rem;background-position:50%;background-size:cover;z-index:-1}#slides-aux{position:relative;bottom:32%;left:36%;width:40%;height:20%}#slides-aux .slide-title{font-size:7vw;font-weight:700}#slides-aux .slide-text,#slides-aux .slide-title{position:absolute;mix-blend-mode:difference;z-index:300;padding:.2rem;line-height:1;color:#fff}#slides-aux .slide-text{right:-10%;top:-25%;margin-bottom:10rem;font-size:1.6rem;font-weight:400}#info{bottom:0;-webkit-transition:opacity 1s cubic-bezier(.694,0,.335,1);transition:opacity 1s cubic-bezier(.694,0,.335,1)}#info,#info .slider-title-wrapper{position:absolute;left:0;width:100%;height:100%}#info .slider-title-wrapper{top:0}#info .slider-title{position:relative;font-size:9vmax;line-height:1.3;white-space:nowrap;font-weight:700;text-align:center;text-indent:-1%}#info .line1{position:absolute;top:0;left:12%;height:8%;width:18px;background:#ff0}#info .line2{bottom:12%;left:15%;background:#00f}#info .line2,#info .line3{position:absolute;height:12%;width:22px}#info .line3{bottom:0;left:65%;background:red}#info .line4{top:6%;left:85%;height:10%;width:18px}#info .line4,#info .line5{position:absolute;background:#030303}#info .line5{bottom:5%;left:90%;height:100px;width:100px;color:#fff;border-radius:100%;text-align:center;z-index:900;padding:35px 20px}#info .about{position:absolute;bottom:2rem;right:2rem;text-align:right;max-width:85%;font-size:.8rem;line-height:1.2}#info .about a:hover{opacity:.8}#logo{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;top:5rem;left:0;padding-right:1rem}#logo .logo-text{position:relative;font-size:1.2rem;font-weight:500;color:#000}.floating-box{background-color:transparent;position:absolute;z-index:7000;top:0;left:0;height:22%;width:6%}.floating-text{font-size:1.2rem;font-weight:500;color:#000}#slider-nav,.floating-text{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#slider-nav{top:40%;right:calc(2% - 110px);display:flex;align-items:center;justify-content:space-around;z-index:500;opacity:0;-webkit-transition:opacity 1s cubic-bezier(.694,0,.335,1);transition:opacity 1s cubic-bezier(.694,0,.335,1)}#slider-nav .current{color:#000}#slider-nav .sep:before{content:"";position:absolute;height:100%;width:var(--dynamic-width)}#slider-nav .sep{--dynamic-width:25%;position:relative;width:220px;height:2px;margin:0 1rem;background-color:#d3d3d3}#slider-nav .sep:before{background-color:#000;left:0}#slider-nav .total{color:#030303}#slider-nav>span{font-size:1.5rem}#hero-slider #logo:after{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition:-webkit-transform .35s cubic-bezier(.694,0,.335,1);transition:-webkit-transform .35s cubic-bezier(.694,0,.335,1);transition:transform .35s cubic-bezier(.694,0,.335,1);transition:transform .35s cubic-bezier(.694,0,.335,1),-webkit-transform .35s cubic-bezier(.694,0,.335,1)}#hero-slider .logo-text{display:block;-webkit-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0);opacity:0;-webkit-transition:opacity .5s .2s,-webkit-transform .8s .2s;transition:opacity .5s .2s,-webkit-transform .8s .2s;transition:transform .8s .2s,opacity .5s .2s;transition:transform .8s .2s,opacity .5s .2s,-webkit-transform .8s .2s}#hero-slider .current,#hero-slider .sep:before{opacity:0;-webkit-transition:opacity .4s 1.3s;transition:opacity .4s 1.3s}#hero-slider .line{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .7s cubic-bezier(.694,0,.335,1) 1s;transition:-webkit-transform .7s cubic-bezier(.694,0,.335,1) 1s;transition:transform .7s cubic-bezier(.694,0,.335,1) 1s;transition:transform .7s cubic-bezier(.694,0,.335,1) 1s,-webkit-transform .7s cubic-bezier(.694,0,.335,1) 1s}#hero-slider .slider-title{overflow:hidden}#hero-slider .slider-title>span{display:block;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .5s 1.5s;transition:-webkit-transform .5s 1.5s;transition:transform .5s 1.5s;transition:transform .5s 1.5s,-webkit-transform .5s 1.5s}#hero-slider.ready #logo:after{-webkit-transform:scaleY(1);transform:scaleY(1)}#hero-slider.ready .line{-webkit-transform:scaleX(1);transform:scaleX(1)}#hero-slider.ready .logo-text{opacity:1}#hero-slider.ready #info,#hero-slider.ready .logo-text,#hero-slider.ready .slider-title>span{-webkit-transform:translateZ(0);transform:translateZ(0)}#hero-slider.ready .current,#hero-slider.ready .sep:before{opacity:1}#hero-slider:not(.loaded) .slide:not(:first-child){visibility:hidden}#slides-main,#slides-main .abs-mask{overflow:hidden}#slides-main .slide{overflow:hidden}#slides-main .slide,#slides-main .slide .img-1,#slides-main .slide .slide-image{will-change:transform}#slides-main .slide.prev{z-index:5;-webkit-transform:translate3d(0,-500%,0);transform:translate3d(0,-500%,0)}#slides-main .slide.prev,#slides-main .slide.prev .abs-mask{-webkit-transition:1s cubic-bezier(.694,0,.335,1);transition:1s cubic-bezier(.694,0,.335,1)}#slides-main .slide.prev .abs-mask{-webkit-transform:translateY(80%);transform:translateY(80%)}#slides-main .slide.active{z-index:10}#slides-main .slide.active,#slides-main .slide.active .abs-mask{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform 1s cubic-bezier(.694,0,.335,1);transition:-webkit-transform 1s cubic-bezier(.694,0,.335,1);transition:transform 1s cubic-bezier(.694,0,.335,1);transition:transform 1s cubic-bezier(.694,0,.335,1),-webkit-transform 1s cubic-bezier(.694,0,.335,1)}#slides-main .slide:not(.prev):not(.active){z-index:-1;-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0)}#slides-main .slide:not(.prev):not(.active) .abs-mask{-webkit-transform:translateY(-450%);transform:translateY(-450%)}#hero-slider.prev #slides-main .slide.prev{-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0)}#hero-slider.prev #slides-main .slide.prev .abs-mask{-webkit-transform:translate3d(0,-450%,0);transform:translate3d(0,-450%,0)}#hero-slider.prev #slides-main .slide:not(.prev):not(.active){-webkit-transform:translate3d(0,-500%,0);transform:translate3d(0,-500%,0)}#hero-slider.prev #slides-main .slide:not(.prev):not(.active) .abs-mask{-webkit-transform:translate3d(0,450%,0);transform:translate3d(0,450%,0)}#slides-aux .slide:not(.active){-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}#slides-aux .slide.prev{-webkit-transition:opacity .2s,-webkit-transform 0s .9s;transition:opacity .2s,-webkit-transform 0s .9s;transition:transform 0s .9s,opacity .2s;transition:transform 0s .9s,opacity .2s,-webkit-transform 0s .9s}#slides-aux .slide.active{-webkit-transition:opacity .6s .8s,-webkit-transform .5s cubic-bezier(.23,1,.32,1) .8s;transition:opacity .6s .8s,-webkit-transform .5s cubic-bezier(.23,1,.32,1) .8s;transition:opacity .6s .8s,transform .5s cubic-bezier(.23,1,.32,1) .8s;transition:opacity .6s .8s,transform .5s cubic-bezier(.23,1,.32,1) .8s,-webkit-transform .5s cubic-bezier(.23,1,.32,1) .8s}@media only screen and (max-device-width:812px) and (orientation:landscape){#info .about,#info .line{display:none}#info .slider-title-wrapper{top:auto;bottom:2rem;left:calc(70% + 11px);-webkit-transform-origin:35% -100%;transform-origin:35% -100%}#slides-aux{top:0}}@media only screen and (max-device-width:768px) and (orientation:portrait){#info{display:none}#slides-aux{display:flex;align-items:flex-end;top:0}#slides-aux .slide-title{font-size:3rem}#slider-nav{right:2rem}}@media only screen and (max-device-width:680px) and (orientation:portrait){#slides-aux .slide-title{font-size:2.5rem}#slider-nav{top:6rem;right:auto;left:2rem}}#circle{-webkit-transition:opacity .8s cubic-bezier(.694,0,.335,1) .2s,-webkit-transform .8s cubic-bezier(.694,0,.335,1) .2s;transition:opacity .8s cubic-bezier(.694,0,.335,1) .2s,-webkit-transform .8s cubic-bezier(.694,0,.335,1) .2s;transition:transform .8s cubic-bezier(.694,0,.335,1) .2s,opacity .8s cubic-bezier(.694,0,.335,1) .2s;transition:transform .8s cubic-bezier(.694,0,.335,1) .2s,opacity .8s cubic-bezier(.694,0,.335,1) .2s,-webkit-transform .8s cubic-bezier(.694,0,.335,1) .2s;mix-blend-mode:difference;top:25%;left:12%;height:300px;opacity:0}#circle,#circle .circle-inner{z-index:800;position:absolute;width:300px}#circle .circle-inner{-webkit-transition:-webkit-transform 1s cubic-bezier(.694,0,.335,1) .4s;transition:-webkit-transform 1s cubic-bezier(.694,0,.335,1) .4s;transition:transform 1s cubic-bezier(.694,0,.335,1) .4s;transition:transform 1s cubic-bezier(.694,0,.335,1) .4s,-webkit-transform 1s cubic-bezier(.694,0,.335,1) .4s;height:150px;background-color:transparent;border-top-left-radius:270px;border-top-right-radius:270px}abs-text{top:0;left:30%;z-index:100;font-size:4vw;color:#fff}.img-1,abs-text{position:absolute}.img-1{z-index:1000;top:20%;left:15%;height:55%}.cursor{cursor:pointer;height:2.5rem;width:2.5rem;position:absolute;z-index:100000;top:0;mix-blend-mode:difference;background:#ff0;border-radius:100%;pointer-events:none;display:flex;justify-content:center;align-items:center}.cursor p{text-align:center;font-size:.7rem;line-height:.5rem}.floating-image{z-index:2000}.contact{left:0}.contact,.intro{position:absolute;top:0;height:100vh;width:100vw}.intro{bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.intro .intro-title{padding:.8rem;font-size:7vw}.intro .intro-subtitle,.intro .intro-title{z-index:1000;font-weight:700;line-height:1;color:#000}.intro .intro-subtitle{margin-top:-2rem;margin-bottom:1rem;padding:.2rem;font-size:3vw}.intro .textloop{margin:0 .8rem}.intro .line{background-color:#000;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .7s cubic-bezier(.694,0,.335,1) 1s;transition:-webkit-transform .7s cubic-bezier(.694,0,.335,1) 1s;transition:transform .7s cubic-bezier(.694,0,.335,1) 1s;transition:transform .7s cubic-bezier(.694,0,.335,1) 1s,-webkit-transform .7s cubic-bezier(.694,0,.335,1) 1s}.mask-test{position:absolute;top:0;left:0;width:6%;height:25%;z-index:1000;background-color:#40e0d0}
/*# sourceMappingURL=main.3b203a90.chunk.css.map */