@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{font-family:Montserrat,sans-serif;color:#dedede}.experience{position:fixed;width:100vw;height:100vh}.exp-canvas{width:100%;height:100%}.hidden{display:none}.preloader{background-color:#d7ccbc;width:100%;height:100vh;position:fixed;opacity:1;z-index:999999999999}.preloader .preloader-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.preloader .preloader-wrapper .loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.preloader .preloader-wrapper .loading .circle{width:10px;height:10px;border-radius:50%;background-color:#242424;-webkit-animation:load 1s ease-in-out infinite;animation:load 1s ease-in-out infinite}.preloader .preloader-wrapper .loading .circle:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.preloader .preloader-wrapper .loading .circle:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.page{z-index:99999;width:100%;height:100vh;overflow:hidden}.page .page-wrapper{position:relative}.page .page-wrapper .animatedis{display:inline-block;-webkit-transform:translateY(100%);transform:translateY(100%)}.page .page-wrapper .intro-text{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:50%;left:50%;font-size:16px;font-weight:500;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.page .page-wrapper .arrow-wrapper{position:absolute;top:90%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:bounce .5s ease-in alternate infinite;animation:bounce .5s ease-in alternate infinite}.page .page-wrapper .section-margin{height:1000px;width:100%}.page .page-wrapper .hero{width:100vw;height:100vh;color:#242424}.page .page-wrapper .hero-wrapper{position:relative;height:100%;width:calc(100% - 160px);margin:0 auto;max-width:1100px}.page .page-wrapper .hero-wrapper .hero-main{position:absolute;bottom:50px}.page .page-wrapper .hero-wrapper .hero-main h1{font-size:64px}.page .page-wrapper .hero-wrapper .hero-main p{font-size:18px}.page .page-wrapper .hero-wrapper .hero-subheading{position:absolute;top:calc(50% - 120px);right:0}.page .page-wrapper .hero-wrapper .hero-subheading p{font-size:32px;text-transform:uppercase}.page .page-wrapper .section{position:relative;width:50%;padding:1000px 4%;margin:0;background-color:#242424;overflow:hidden}.page .page-wrapper .section.left{margin-right:auto;border-top-right-radius:700px;border-bottom-right-radius:0}.page .page-wrapper .section.right{margin-left:auto;border-top-left-radius:700px;border-bottom-left-radius:0}.page .page-wrapper .section .section-intro-wrapper{position:relative;padding:20% 5% 400px;border-bottom:2px solid #dedede}.page .page-wrapper .section .section-intro-wrapper .section-number{position:absolute;bottom:15px;right:0;color:#dedede;font-size:24px}.page .page-wrapper .section .section-intro-wrapper h2{position:relative;color:#dedede}.page .page-wrapper .section .section-intro-wrapper h2 .section-title-text{display:block;font-size:40px;font-weight:500;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:skewY(25deg);transform:skewY(25deg);z-index:5;text-transform:uppercase}.page .page-wrapper .section .section-intro-wrapper h2 .decoration:nth-of-type(2),.page .page-wrapper .section .section-intro-wrapper h2 .decoration:nth-of-type(3),.page .page-wrapper .section .section-intro-wrapper h2 .decoration:nth-of-type(4){position:absolute;display:block;width:100%;width:278px;height:60px;border:1px solid #dedede;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:skewY(-25deg);transform:skewY(-25deg)}.page .page-wrapper .section .section-intro-wrapper h2 .decoration:nth-of-type(2){top:0}.page .page-wrapper .section .section-intro-wrapper h2 .decoration:nth-of-type(3){top:80px}.page .page-wrapper .section .section-intro-wrapper h2 .decoration:nth-of-type(4){top:80px;-webkit-transform:skewY(25deg);transform:skewY(25deg);background-color:#dedede}.page .page-wrapper .section .section-detail-wrapper{position:relative;padding:20% 5%}.page .page-wrapper .section .section-detail-wrapper h3{font-size:18px;font-weight:700;line-height:1.8;margin-top:64px}.page .page-wrapper .section .section-detail-wrapper p{line-height:2;margin-top:18px;font-size:16px}.page .page-wrapper .section .progress-wrapper{height:0;width:12px;z-index:99999}.page .page-wrapper .section .progress-wrapper-left{position:absolute;top:0;left:0}.page .page-wrapper .section .progress-wrapper-right{position:absolute;top:0;right:0}.page .page-wrapper .section .progress-wrapper .progress-bar{background:#76855A;height:100vh;width:100%;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:scaleY(1);transform:scaleY(1)}@media screen and (max-width: 968px){.page .page-wrapper .section{width:100%}.page .page-wrapper .section .progress-wrapper-left{right:0;left:auto}.page .page-wrapper .hero-wrapper{width:calc(100% - 60px)}.page .page-wrapper .hero-wrapper .hero-main{bottom:120px}.page .page-wrapper .hero-wrapper .hero-main h1{font-size:32px}.page .page-wrapper .hero-wrapper .hero-subheading{top:160px}.page .page-wrapper .hero-wrapper .hero-subheading p{font-size:18px}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes load{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}40%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes load{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}40%{-webkit-transform:translateY(0);transform:translateY(0)}}