@import url("https://use.typekit.net/pvq8elb.css");
html {overscroll-behavior: none;scroll-behavior: auto;background: #1c1c1e;}
body{margin:0;font-family: 'Mukta', sans-serif;position: relative;z-index: 0;text-rendering: optimizelegibility;-webkit-font-smoothing: antialiased;}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:#4d4d52}
::-webkit-scrollbar-track{background:#1c1f21}

a{text-decoration:none}
img { pointer-events: none;}

/* Nav */
.nav{height: 5dvh;display:flex;align-items:center;justify-content: flex-end;}
.nav-item{color:#fff;text-decoration:none;margin: 0 2%;}

/* Main Content */
.core-page *{box-sizing:border-box;font-family: 'Mukta', sans-serif;width: 100%;}
.core-page{width:100%;margin:0 auto;overflow:hidden}
.core-page img{display:block;position:relative;width:100%}
.page-content{width:97%; margin-left: 3%;}

/* Hero */
.hero{width:100vw;height:86dvh;display:flex;justify-content:center;align-items:center}
.hero-inner{width:35%;position:relative;display:flex;justify-content:center;align-items:center}
.hero-copy{font-size:18rem;line-height:15rem;letter-spacing:-5px;text-align:center;color:#171719;font-family:jetlab-variable,sans-serif;font-variation-settings: "HORZ" 0, "LIFT" 50, "THRU" 60, "VERT" 0;font-size:18rem;font-weight:700;letter-spacing:0rem;}
.logo-wrapper{display:flex;width:100%}
.logo{width:100%;position:absolute;mix-blend-mode:lighten}
.logo-letter{display:flex;flex-grow:1;margin:0 1%}

.letter-one-r{display:inline-block;transform-origin:center;animation:logo-letter-one-r 2s ease 0s infinite normal none}
@keyframes logo-letter-one-r{
0%{transform:none;opacity:1}
7%{transform:translate(-3px,-4px);opacity:1}
10%{transform:none;opacity:1}
27%{transform:none;opacity:1}
30%{transform:translate(-7px,-3px);opacity:1}
35%{transform:none;opacity:1}
52%{transform:none;opacity:1}
55%{transform:translate(-7px,-1px);opacity:1}
50%{transform:none;opacity:1}
72%{transform:none;opacity:1}
75%{transform:translate(-3px,-6px);opacity:1}
80%{transform:none;opacity:1}
100%{transform:none;opacity:1}
}
.letter-two-r{display:inline-block;transform-origin:center;animation:logo-letter-two-r 2s ease 0s infinite normal none}
@keyframes logo-letter-two-r{
0%{transform:none;opacity:1}
7%{transform:skew(-.7deg,-.2deg);opacity:1}
10%{transform:none;opacity:1}
27%{transform:none;opacity:1}
30%{transform:skew(.99deg,-.3deg);opacity:1}
35%{transform:none;opacity:1}
52%{transform:none;opacity:1}
55%{transform:skew(-3deg,.4deg);opacity:1}
50%{transform:none;opacity:1}
72%{transform:none;opacity:1}
75%{transform:skew(.6deg,2.5deg);opacity:1}
80%{transform:none;opacity:1}
100%{transform:none;opacity:1}
}

.letter-one-g{display:inline-block;transform-origin:center;animation:logo-letter-one-g 2s ease 0s infinite normal none}
@keyframes logo-letter-one-g{
0%{transform:none;opacity:1}
7%{transform:translate(-3px,-4px);opacity:1}
10%{transform:none;opacity:1}
27%{transform:none;opacity:1}
30%{transform:translate(-7px,-3px);opacity:1}
35%{transform:none;opacity:1}
52%{transform:none;opacity:1}
55%{transform:translate(-7px,-1px);opacity:1}
50%{transform:none;opacity:1}
72%{transform:none;opacity:1}
75%{transform:translate(-3px,-6px);opacity:1}
80%{transform:none;opacity:1}
100%{transform:none;opacity:1}
}
.letter-two-g{display:inline-block;transform-origin:center;animation:logo-letter-two-g 2s ease 0s infinite normal none}
@keyframes logo-letter-two-g{
0%{transform:none;opacity:1}
7%{transform:skew(-.7deg,-.2deg);opacity:1}
10%{transform:none;opacity:1}
27%{transform:none;opacity:1}
30%{transform:skew(.99deg,-.3deg);opacity:1}
35%{transform:none;opacity:1}
52%{transform:none;opacity:1}
55%{transform:skew(-3deg,.4deg);opacity:1}
50%{transform:none;opacity:1}
72%{transform:none;opacity:1}
75%{transform:skew(.6deg,2.5deg);opacity:1}
80%{transform:none;opacity:1}
100%{transform:none;opacity:1}
}

/* Content */
p {color: #fff;font-size:.8rem;text-align: center;}
.box-shadow{box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;/* border-radius: 5px; *//* margin: .3%; */}
.core-section{display: block;position:relative;width:100%;margin: 0 auto;}
.core-section:first-of-type{margin: 0 auto;padding: 50px;}
.core-section.w90{width:90vw;}
.core-wrap {display: flex;flex-wrap: wrap;}
.core-spot{display:flex;width: 24%;flex-direction:column;justify-content:center;flex-grow:1;position:relative;text-align:center}
.core-spot.m0{margin:0 auto}

.panel{box-sizing:border-box;align-items:center;margin:.5%;display:flex;align-content:space-between;justify-content:space-between;flex-wrap:wrap;border-radius:20px;}
.panel img{border-radius:20px}
.feature, .featuretwo { opacity: 0; }
.is-visible { opacity: 1; }

/* Footer */
footer {margin: 30px auto;}
