@import url("https://use.typekit.net/pvq8elb.css");
html {overscroll-behavior: none;scroll-behavior: auto;background: #121212;}
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%;}

.back-wrapper {margin: 2%;}
.back{width: 1.2%;position: absolute;mix-blend-mode:lighten}
.r{animation:15s infinite linear rd}
@keyframes rd{
    0%{transform:scaleY(.9);}
    50%{transform:scaleY(1.4)scaleX(1.2);}
    100%{transform:scaleY(.9);}
    }
.g{animation:15s infinite linear grn}
@keyframes grn{
0%{transform:skew(.3deg,.3deg)scaleY(1);}
25%{transform:skew(-.3deg,-1.3deg)}
50%{transform:skew(-.3deg,-.3deg)scaleY(1.5)scaleX(1.3);}
75%{transform:skew(1.3deg,.3deg)}
100%{transform:skew(.3deg,.3deg)scaleY(1);}
}
.b{animation:15s infinite linear blu}
@keyframes blu{
0%{transform:skew(-.3deg,-.3deg)scaleY(.8);}
25%{transform:skew(.3deg,1.3deg)}
50%{transform:skew(.3deg,.3deg)scaleY(1.3)scaleX(1.5);}
75%{transform:skew(-1.3deg,-.3deg)}
100%{transform:skew(-.3deg,-.3deg)scaleY(.8);}
}

/* 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;}

.container {width: 100%;height: 88vh;display: grid;place-items: center;}
.scene{width: 30vw;height: 50vh;display:grid;place-items:center;}
.asset{grid-area:1/1;border-radius:12px;transition:transform .1s ease-out;will-change:transform;animation:idleOrbit linear infinite;width: 100%;mix-blend-mode:lighten}
.asset-1{position:relative;top: -1%;left:1%;z-index:1;animation-duration:5s;animation-direction:reverse}
.asset-2{position:relative;top: 0%;left: 0%;z-index:2;animation-duration:4s}
.asset-3{position:relative;top: 1%;left: -1%;z-index:3;animation-duration:3s;animation-direction:reverse}
@keyframes idleOrbit{
0%{transform:translate(0,-1px)}
12.5%{transform:translate(1px,-1px)}
25%{transform:translate(1px,0)}
47.5%{transform:translate(1px,1px)}
50%{transform:translate(0,1px)}
62.5%{transform:translate(-1px,1px)}
75%{transform:translate(-1px,0)}
87.5%{transform:translate(-1px,-1px)}
100%{transform:translate(0,-1px)}
}


/* 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;}

/* Mobile only */
@media (width < 768px) {
.nav{justify-content:space-around}
.scene{width:65vw;height:90vh}
 }