#loader{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;z-index:2}#loader-text{display:flex;justify-content:center;align-items:center}canvas{width:100%;height:auto}.canvas-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:absolute;top:0;z-index:111}#loader-text{font-size:24px;color:#000;margin-bottom:20px}.letter{display:flex;align-items:center;justify-content:center;opacity:0;animation:float 3s ease-in-out forwards infinite}@keyframes float{0%{transform:translateY(0);opacity:0}50%{transform:translateY(-10px);opacity:1}0%{transform:translateY(0);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loaded .loader-container{display:none}#main-scroll{position:relative;overflow:hidden}.pin-spacer{margin:0!important;padding:0!important;display:block!important}#page,#page1,#page2,#page3{position:relative;height:600px;width:100vw}canvas{position:relative;z-index:9;max-width:100vw;max-height:100vh}#main-scroll h1{color:#bababa}#main-scroll p{color:#7c7c7c;width:20vw}#loop{display:flex;position:absolute;top:30%;height:25%;width:100%;font-size:100px;white-space:nowrap}#loop h1{margin-right:50PX;font-weight:400;font-size:9vw;animation-name:anim;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;color:#000}#loop h1 span{-webkit-text-stroke:1.2px #000;color:transparent;font-weight:500}@keyframes anim{0%{transform:translate(0)}to{transform:translate(-100%)}}#nav{display:flex;align-items:center;justify-content:space-between;height:7%;width:100%;position:fixed;z-index:99;padding:0 30px}#nav h3{font-weight:400;font-size:22px}#nav button{padding:10px 20px;border-radius:50px;background-color:#fff;color:#fff;border:none}#page h3{position:absolute;top:65%;font-weight:400;color:#fff;left:5%}#page h4{position:absolute;top:62%;left:25%;font-weight:500}#page1 #right-text{position:absolute;top:30%;left:5%}#page1 #right-text h3{font-weight:400;color:#fff}#page1 #right-text h1{line-height:1.5;font-size:50px}#page1 #left-text{position:absolute;top:50%;right:5%;text-align:end}#page1 #left-text h1{font-size:50px;line-height:1.5}#page1 #left-text h3{color:#7c7c7c;font-weight:400}#page2 #text1{position:absolute;top:30%;left:5%}#page2 #text1 h3{color:#000;font-weight:400}#page2 #text1 h1{font-size:60px;line-height:1.5}#page2 #text2{position:absolute;top:55%;right:5%;text-align:end}#page2 #text2 p{color:#0009;font-weight:400}#page3 #text3{position:absolute;top:40%;right:5%;text-align:end}#page3 #text3 h3{color:#000;font-weight:400}#page3 #text3 h1{font-size:70px}
/*# sourceMappingURL=/cdn/shop/t/29/assets/animation-scroll.css.map */