/* Responsive hello-unit moved from homepage.php */
@media (max-width: 599px) {
  .hello-unit { width: 75vw !important; height: 75vw !important; min-width: 140px !important; min-height: 140px !important; max-width: 90vw !important; max-height: 90vw !important; transform: translate(20vw, 24vw) !important; }
  .hello-unit .hello-video-box { width: 100% !important; height: 100% !important; }
  .hello-unit video { width: 100% !important; height: 100% !important; }
}
@media (min-width: 600px) and (max-width: 999px) {
  .hello-unit { width: 80vw !important; height: 80vw !important; min-width: 220px !important; min-height: 220px !important; max-width: 420px !important; max-height: 420px !important; transform: translate(25vw, 18vw) !important; }
  .hello-unit .hello-video-box { width: 100% !important; height: 100% !important; }
  .hello-unit video { width: 100% !important; height: 100% !important; }
}
@media (min-width: 1000px) and (max-width: 1499px) {
  .hello-unit { width: 38vw !important; height: 38vw !important; max-width: 420px !important; max-height: 420px !important; transform: translate(30vw, 150px) !important; }
  .hello-unit .hello-video-box { width: 100% !important; height: 100% !important; }
  .hello-unit video { width: 100% !important; height: 100% !important; }
}
@media (min-width: 1500px) {
  .hello-unit { width: 30vw !important; height: 30vw !important; max-width: 400px !important; max-height: 400px !important; transform: translate(30vw, 135px) !important; }
  .hello-unit .hello-video-box { width: 100% !important; height: 100% !important; }
  .hello-unit video { width: 100% !important; height: 100% !important; }
}
.footer-box {
  -ms-flex-item-align: end;
  align-self: end;
  transition: opacity, 0.35s ease-out;
  width: 100vw;
  will-change: opacity;
}
.home-site-footer {
  isolation: isolate;
  position: relative;
  z-index: 100;
}
.home-site-footer .home-site-footer__box {
  --box-f-color: #f9f9ed;
  margin-top: 32px;
  padding: 24px 42px 28px;
  width: 100%;
}
.home-site-footer .home-site-footer__box:after {
  background-color: var(--box-f-color);
  bottom: 0;
  clip-path: polygon(
    99.968% 32.578%,
    99.968% 32.578%,
    99.931% 30.821%,
    99.822% 29.148%,
    99.647% 27.578%,
    99.412% 26.134%,
    99.121% 24.837%,
    98.782% 23.707%,
    98.399% 22.767%,
    97.977% 22.037%,
    97.522% 21.539%,
    97.04% 21.294%,
    3.355% 0.058%,
    3.355% 0.058%,
    2.826% 0.099%,
    2.32% 0.449%,
    1.846% 1.083%,
    1.411% 1.975%,
    1.022% 3.101%,
    0.688% 4.435%,
    0.414% 5.951%,
    0.21% 7.625%,
    0.082% 9.43%,
    0.037% 11.342%,
    0.037% 99.808%,
    99.968% 99.808%,
    99.968% 32.578%
  );
  content: "";
  height: calc(100% + 30px);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .home-site-footer .home-site-footer__box:after {
    clip-path: polygon(
      99.963% 23.066%,
      99.963% 23.066%,
      99.91% 21.676%,
      99.755% 20.35%,
      99.506% 19.105%,
      99.17% 17.958%,
      98.756% 16.925%,
      98.271% 16.023%,
      97.723% 15.268%,
      97.12% 14.678%,
      96.468% 14.268%,
      95.777% 14.056%,
      4.941% 0.206%,
      4.941% 0.206%,
      4.165% 0.219%,
      3.424% 0.484%,
      2.727% 0.981%,
      2.088% 1.689%,
      1.516% 2.587%,
      1.023% 3.656%,
      0.62% 4.873%,
      0.319% 6.22%,
      0.13% 7.674%,
      0.064% 9.216%,
      0.064% 99.864%,
      99.963% 99.864%,
      99.963% 23.066%
    );
  }
}
@media (max-width: 767.98px) {
  .home-site-footer .home-site-footer__box:after {
    clip-path: polygon(
      99.955% 19.371%,
      99.955% 19.371%,
      99.888% 17.975%,
      99.694% 16.645%,
      99.383% 15.397%,
      98.965% 14.248%,
      98.449% 13.213%,
      97.844% 12.311%,
      97.161% 11.558%,
      96.409% 10.97%,
      95.598% 10.564%,
      94.738% 10.357%,
      6.098% 0.155%,
      6.098% 0.155%,
      5.14% 0.175%,
      4.224% 0.445%,
      3.364% 0.946%,
      2.575% 1.656%,
      1.869% 2.555%,
      1.262% 3.622%,
      0.765% 4.838%,
      0.393% 6.181%,
      0.16% 7.631%,
      0.079% 9.168%,
      0.079% 99.864%,
      99.955% 99.864%,
      99.955% 19.371%
    );
  }
}
@media (min-width: 1600px) {
  .home-site-footer .home-site-footer__box:after {
    height: calc(100% + 50px);
  }
}
.home-site-footer .home-site-footer__copyright {
  background: #212121;
  color: #fffff5;
  width: 100%;
}
.home-site-footer .home-site-footer__copyright-container {
  -ms-flex-pack: justify;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 15px 42px 16px;
}
.home-site-footer .home-site-footer__copyright-container p {
  color: #fffff5;
  font-size: clamp(12px, 0.75vw, 18px);
  font-weight: 400;
  line-height: 135%;
  margin: 0;
}
.home-site-footer .home-site-footer__content {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1620px;
  padding: 16px 40px;
}
.site__socials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.site__socials-title {
  margin: 0;
}
.site__socials-wrapper {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.footer-menu__list {
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
.footer-content__list,
.footer-content__list ul,
.footer-menu__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer-content {
  -ms-flex-pack: justify;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.footer-content .footer-content__list {
  display: -ms-flexbox;
  display: flex;
  gap: clamp(24px, 2.5vw, 48px);
}
.footer-content__list > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer-content__list > li > .menu-title,
.footer-content__list > li > a {
  color: #212121;
  font-size: clamp(16px, 1.075vw, 28px);
  font-weight: 600;
  line-height: 135%;
  margin: 0 0 8px;
}
.footer-content__list .sub-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}
.footer-content__list .menu-title,
.footer-content__list a {
  color: #212121;
  font-size: clamp(12px, 0.75vw, 18px);
  line-height: 135%;
  text-decoration: none;
}
.footer-content__list a:hover {
  text-decoration: underline;
}
.footer-content__socials {
  -ms-flex-item-align: end;
  align-self: end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 5px;
}
.footer-content__socials .footer-content__socials__title {
  color: #212121;
  font-size: clamp(16px, 1.075vw, 28px);
  font-weight: 600;
  line-height: 135%;
  margin: 0 0 8px;
}
.footer-content__socials .footer-content__socials__wrapper {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.footer-content__socials .footer-content__socials__wrapper a {
  height: clamp(35px, 2.4vw, 58px);
  width: clamp(35px, 2.4vw, 58px);
}
.f-cl-divider {
  display: none;
}
@media screen and (max-width: 524px) {
  .home-site-footer .home-site-footer__box {
    background-color: var(--box-f-color);
    margin-top: 72px;
  }
  .home-site-footer .home-site-footer__box:after {
    bottom: unset;
    clip-path: polygon(
      100% 28.596%,
      100% 28.596%,
      99.876% 23.586%,
      99.518% 18.881%,
      98.948% 14.55%,
      98.19% 10.663%,
      97.266% 7.29%,
      96.197% 4.499%,
      95.007% 2.36%,
      93.718% 0.942%,
      92.352% 0.315%,
      90.932% 0.548%,
      6.932% 40.576%,
      6.932% 40.576%,
      5.773% 41.439%,
      4.687% 42.859%,
      3.684% 44.791%,
      2.777% 47.185%,
      1.977% 49.996%,
      1.297% 53.175%,
      0.747% 56.675%,
      0.34% 60.448%,
      0.087% 64.447%,
      0 68.625%,
      0 100%,
      100% 100%,
      100% 28.596%
    );
    height: 64px;
    top: 0;
    -webkit-transform: translateY(-70%) scaleX(-1);
    transform: translateY(-70%) scaleX(-1);
  }
  .f-cl-divider {
    background-color: #000;
    display: block;
    height: 16px;
    width: 1px;
  }
  .footer-content {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-content .footer-content__socials {
    -ms-flex-item-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: center;
  }
  .footer-content .footer-content__socials p {
    color: #212121;
    font-family: AmsiProNormal, sans-serif;
    margin: 34px 0 12px;
  }
  .footer-content .footer-content__list {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .footer-content .footer-content__list a {
    display: block;
  }
  .footer-content .footer-content__list > li {
    text-align: center;
  }
  .footer-content .footer-content__list > li:first-child {
    -ms-flex-order: 2;
    order: 2;
  }
  .footer-content .footer-content__list > li:first-child > .sub-menu {
    -ms-flex-pack: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px 10px;
    justify-content: center;
    max-width: 280px;
  }
  .footer-content
    .footer-content__list
    > li:first-child
    > .sub-menu
    .menu-item:not(:last-child):not(:nth-child(2n)) {
    padding-right: 10px;
    position: relative;
  }
  .footer-content
    .footer-content__list
    > li:first-child
    > .sub-menu
    .menu-item:not(:last-child):not(:nth-child(2n)):after {
    background-color: #212121;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
  }
  .footer-content .footer-content__list > li:nth-child(2) {
    -ms-flex-order: 1;
    order: 1;
  }
  .footer-content .footer-content__list > li:nth-child(3) {
    -ms-flex-order: 3;
    order: 3;
  }
  .footer-content .footer-content__list > li:nth-child(4) {
    -ms-flex-order: 4;
    order: 4;
  }
  .footer-content .footer-content__list > li:nth-child(5) {
    -ms-flex-order: 5;
    order: 5;
  }
  .footer-content .footer-content__list > li:nth-child(6) {
    -ms-flex-order: 6;
    order: 6;
  }
  .footer-content .footer-content__list > li:nth-child(7) {
    -ms-flex-order: 7;
    order: 7;
  }
  .home-site-footer .home-site-footer__copyright-container {
    padding: 22px 18px;
  }
  .home-site-footer .home-site-footer__copyright-container p {
    font-size: 12px;
    font-weight: 400;
  }
}
body.home {
  -ms-scroll-chaining: none;
  font-size: 16px;
  height: 100vh;
  margin: 0 !important;
  overscroll-behavior: none;
  padding: 0 !important;
  scrollbar-width: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100vw;
}
body.home::-webkit-scrollbar,
html.home::-webkit-scrollbar,
body.home html::-webkit-scrollbar {
  display: none;
}
body.home,
html.home {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body.home #ot-sdk-btn.ot-sdk-show-settings,
html #ot-sdk-btn.ot-sdk-show-settings {
  display: none !important;
}
body.home *,
html * {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hp-container {
  height: calc(8350px + 75vh);
  position: relative;
  width: 100%;
}
.hp-container canvas,
.hp-container img,
.hp-container svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.hp-container .js-lottie {
  display: none;
}
.hp-container .js-lottie.lottie-initialized {
  display: inline;
}
.hp-container .hide-lg {
  display: block;
}
.hp-container .hide-sm {
  display: none;
}
.hp-container .none-events {
  pointer-events: none !important;
}
.hp-container__sticky {
  height: 100vh;
  position: sticky;
  top: 0;
  width: 100%;
}
.hp-container .hp-space {
  --current-bg-color: #7B1FA2;
  background-color: var(--current-bg-color);
  color: #fff;
  height: 100vh;
  overflow: hidden;
  perspective: 500px;
  -webkit-perspective: 500px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  transition: background-color, 0.4s ease-out, -webkit-transform;
  transition: background-color, transform, 0.4s ease-out;
  transition: background-color, transform, 0.4s ease-out, -webkit-transform;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: background-color, transform;
  -webkit-transition-timing-function: ease-out;
  width: 100vw;
  will-change: background-color, transform;
}
.hp-container .main-scene {
  -webkit-transform: translateZ(-8350px);
  transform: translateZ(-8350px);
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
  will-change: transform;
}
.hp-container .main-scene,
.hp-container .main-scene__section {
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  background: transparent !important;
}
.hp-container .main-scene__section {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.hp-container .main-scene__section.main-scene__section--0 {
  -webkit-transform: translateZ(8350px);
  transform: translateZ(8350px);
}
.hp-container
  .main-scene__section.main-scene__section--0
  .main-scene__slides
  .main-scene__slide-item:first-child {
  --slide-opacity: 1;
}
.hp-container .main-scene__section.main-scene__section--1 {
  -webkit-transform: translate3d(0, -25vh, 7350px);
  transform: translate3d(0, -25vh, 7350px);
}
.hp-container
  .main-scene__section.main-scene__section--1
  .main-scene__slides
  .main-scene__slide-item:first-child {
  -webkit-transform: translate3d(0, -5vh, 0);
  transform: translate3d(0, -5vh, 0);
}
.hp-container
  .main-scene__section.main-scene__section--1
  .main-scene__slides
  .main-scene__slide-item:nth-child(2) {
  -webkit-transform: translate3d(0, -55vh, -1200px);
  transform: translate3d(0, -55vh, -1200px);
}
.hp-container .main-scene__section.main-scene__section--2 {
  -webkit-transform: translate3d(0, -140vh, 4700px);
  transform: translate3d(0, -140vh, 4700px);
}
.hp-container
  .main-scene__section.main-scene__section--2
  .main-scene__slides
  .main-scene__slide-item:first-child {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hp-container
  .main-scene__section.main-scene__section--2
  .main-scene__slides
  .main-scene__slide-item:nth-child(2) {
  -webkit-transform: translate3d(0, -45.5vh, -650px);
  transform: translate3d(0, -45.5vh, -650px);
}
.hp-container .main-scene__section.main-scene__section--3 {
  -webkit-transform: translate3d(0, -350vh, 2000px);
  transform: translate3d(0, -350vh, 2000px);
}
.hp-container .main-scene__section.main-scene__section--3 .main-scene__slides {
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
}
.hp-container
  .main-scene__section.main-scene__section--3
  .main-scene__slides
  .main-scene__slide-item:first-child {
  min-height: 100vh;
  position: static;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hp-container
  .main-scene__section.main-scene__section--3
  .main-scene__slides
  .main-scene__slide-item:nth-child(2) {
  grid-template-rows: 1fr auto;
  margin-top: 20vh;
  min-height: 100vh;
  position: static;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hp-container .main-scene__slides {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  pointer-events: none;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
}
.hp-container .main-scene__slide-item,
.hp-container .main-scene__slides {
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.hp-container .main-scene__slide-item {
  --slide-opacity: 0;
  display: grid;
  min-height: 100%;
  place-items: center;
  transition: 0.35s ease-out, -webkit-transform;
  transition: transform, 0.35s ease-out;
  transition: transform, 0.35s ease-out, -webkit-transform;
  width: 100%;
}
.hp-container .main-scene__slide-item__title {
  color: #fffff5;
  font-size: clamp(42px, 7.15vw, 200px);
  font-weight: 400;
  opacity: var(--slide-opacity);
  text-align: center;
  text-transform: uppercase;
  transition: opacity, 0.35s ease-out;
  will-change: opacity;
}
.hp-container .main-scene__slide-item__title span {
  -webkit-animation: title-animation 0.5s linear forwards;
  animation: title-animation 0.5s linear forwards;
  display: block;
  line-height: 100%;
  -webkit-transform: translateY(-100px) rotateX(90deg);
  transform: translateY(-100px) rotateX(90deg);
}
.hp-container .main-scene__slide-item__title span:last-of-type {
  font-size: clamp(120px, 18vw, 460px);
  line-height: 80%;
}
.hp-container .main-scene__slide-item__subtitle {
  color: #fffff5;
  font-size: clamp(52px, 9.75vw, 255px);
  font-weight: 400;
  line-height: 100%;
  opacity: var(--slide-opacity);
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: opacity, 0.35s ease-out;
  will-change: opacity;
}
.hp-container .main-scene__slide-item__subtitle .word-box {
  color: transparent;
  cursor: pointer;
  display: inline-block;
  font-size: clamp(52px, 9.75vw, 255px);
}
.hp-container .main-scene__slide-item__subtitle .word-box.offset canvas,
.hp-container .main-scene__slide-item__subtitle .word-box.offset img,
.hp-container .main-scene__slide-item__subtitle .word-box.offset svg {
  margin-top: -2%;
}
@media (max-width: 575.98px) {
  .hp-container .main-scene__slide-item__subtitle .word-box.offset canvas,
  .hp-container .main-scene__slide-item__subtitle .word-box.offset img,
  .hp-container .main-scene__slide-item__subtitle .word-box.offset svg {
    height: 110%;
    margin-top: 0;
  }
}
.hp-container .main-scene__slide-item__subtitle .word-box.we canvas,
.hp-container .main-scene__slide-item__subtitle .word-box.we img,
.hp-container .main-scene__slide-item__subtitle .word-box.we svg {
  height: 72%;
  left: 45%;
  margin-top: 6%;
}
@media (max-width: 575.98px) {
  .hp-container .main-scene__slide-item__subtitle .word-box.we canvas,
  .hp-container .main-scene__slide-item__subtitle .word-box.we img,
  .hp-container .main-scene__slide-item__subtitle .word-box.we svg {
    height: 110%;
    left: 50%;
    margin-top: 0;
  }
}
.hp-container .main-scene__slide-item__subtitle .word-box.games canvas,
.hp-container .main-scene__slide-item__subtitle .word-box.games img,
.hp-container .main-scene__slide-item__subtitle .word-box.games svg {
  height: 92%;
  margin-top: -2%;
  width: 110%;
}
@media (max-width: 575.98px) {
  .hp-container .main-scene__slide-item__subtitle .word-box.games canvas,
  .hp-container .main-scene__slide-item__subtitle .word-box.games img,
  .hp-container .main-scene__slide-item__subtitle .word-box.games svg {
    height: 140%;
    margin-top: 0;
  }
}
.hp-container .main-scene__slide-item__subtitle .word-box span {
  color: transparent;
  position: relative;
}
.hp-container .main-scene__slide-item__subtitle .word-box canvas,
.hp-container .main-scene__slide-item__subtitle .word-box img,
.hp-container .main-scene__slide-item__subtitle .word-box svg {
  height: 83%;
  left: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.hp-container .hello-unit {
  bottom: 0;
  left: 75%;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate3d(-70%, -17.5%, clamp(80px, 20vh, 140px));
  transform: translate3d(-70%, -17.5%, clamp(80px, 20vh, 140px));
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: clamp(400px, 65vh, 1000px);
}
.hp-container .rewards-box {
  height: 100vh;
  left: 50%;
  max-width: 2000px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 8150px);
  transform: translate3d(-50%, -50%, 8150px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100vw;
}
.hp-container .rewards-box .rewards-box__item {
  --start-c-zPosition: -250px;
  --start-c-top: 50%;
  --start-c-left: 50%;
  --end-c-zPosition: -250px;
  --end-c-top: 45%;
  --end-c-left: 45%;
  --rotate-animation-delay: 16s;
  -webkit-animation: 2s main-coin-animation 0.75s ease-out forwards,
    var(--rotate-animation-delay) rotate-coin-animation 2.75s alternate infinite
      forwards;
  animation: 2s main-coin-animation 0.75s ease-out forwards,
    var(--rotate-animation-delay) rotate-coin-animation 2.75s alternate infinite
      forwards;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, var(--start-c-zPosition))
    rotate(0deg);
  transform: translate3d(-50%, -50%, var(--start-c-zPosition)) rotate(0deg);
  width: 0;
}
.hp-container .rewards-box .rewards-box__item:first-child {
  z-index: 5;
}
.hp-container .rewards-box .rewards-box__item:nth-child(2) {
  --end-c-top: 45%;
  --end-c-left: 90%;
  --end-c-zPosition: 200px;
  --rotate-animation-delay: 20s;
}
.hp-container .rewards-box .rewards-box__item:nth-child(2),
.hp-container .rewards-box .rewards-box__item:nth-child(3) {
  -webkit-animation: 2s main-coin-animation 0.75s ease-out forwards,
    var(--rotate-animation-delay) main-coin-live-animation 2.75s alternate
      infinite forwards;
  animation: 2s main-coin-animation 0.75s ease-out forwards,
    var(--rotate-animation-delay) main-coin-live-animation 2.75s alternate
      infinite forwards;
}
.hp-container .rewards-box .rewards-box__item:nth-child(3) {
  --end-c-top: 20%;
  --end-c-left: 15%;
  --end-c-zPosition: 150px;
  --rotate-animation-delay: 24s;
}
.hp-container .rewards-box .rewards-box__item:nth-child(4) {
  --end-c-top: 75%;
  --end-c-left: 55%;
  --end-c-zPosition: 190px;
  --rotate-animation-delay: 16s;
}
.hp-container .rewards-box .rewards-box__item:nth-child(4),
.hp-container .rewards-box .rewards-box__item:nth-child(5) {
  -webkit-animation: 2s main-coin-animation 0.75s ease-out forwards,
    var(--rotate-animation-delay) main-coin-live-animation 2.75s alternate
      infinite forwards;
  animation: 2s main-coin-animation 0.75s ease-out forwards,
    var(--rotate-animation-delay) main-coin-live-animation 2.75s alternate
      infinite forwards;
}
.hp-container .rewards-box .rewards-box__item:nth-child(5) {
  --end-c-top: 75%;
  --end-c-left: 20%;
  --end-c-zPosition: 275px;
  --rotate-animation-delay: 18s;
}
.hp-container .rewards-box .rewards-box__item:nth-child(6) {
  --end-c-top: 22.5%;
  --end-c-left: 65%;
  --end-c-zPosition: 290px;
  --rotate-animation-delay: 14s;
  -webkit-animation: 2s main-coin-animation 0.75s ease-out forwards,
    var(--rotate-animation-delay) main-coin-live-animation 2.75s alternate
      infinite forwards;
  animation: 2s main-coin-animation 0.75s ease-out forwards,
    var(--rotate-animation-delay) main-coin-live-animation 2.75s alternate
      infinite forwards;
}
.hp-container .gallery-box {
  height: 100%;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
}
.hp-container .gallery-box .gallery-box__item {
  display: grid;
  opacity: var(--slide-opacity);
  place-items: center;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 225px);
  transform: translate3d(-50%, -50%, 225px);
  transition: opacity, 0.35s ease-out;
  width: clamp(318px, 24%, 625px);
  will-change: opacity;
}
.hp-container .gallery-box .gallery-box__item:first-child {
  bottom: -20%;
  left: 60%;
}
.hp-container .gallery-box .gallery-box__item:nth-child(2) {
  bottom: 15%;
  left: 25%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.hp-container .gallery-box .gallery-box__item:nth-child(3) {
  bottom: 15%;
  left: 95%;
  -webkit-transform: translate3d(-50%, -50%, -375px);
  transform: translate3d(-50%, -50%, -375px);
}
.hp-container .gallery-box .gallery-box__item:nth-child(4) {
  bottom: 90%;
  left: 40%;
  -webkit-transform: translate3d(-50%, -50%, -750px);
  transform: translate3d(-50%, -50%, -750px);
}
.hp-container .gallery-box .gallery-box__item:nth-child(5) {
  bottom: 15%;
  left: 75%;
  -webkit-transform: translate3d(-50%, -50%, 550px);
  transform: translate3d(-50%, -50%, 550px);
}
.hp-container .gallery-box .gallery-box__item:nth-child(6) {
  bottom: -35%;
  left: 25%;
  -webkit-transform: translate3d(-50%, -50%, 375px);
  transform: translate3d(-50%, -50%, 375px);
}
.hp-container .gallery-box .gallery-box__item:nth-child(7) {
  bottom: 140%;
  left: 95%;
  -webkit-transform: translate3d(-50%, -50%, -1150px);
  transform: translate3d(-50%, -50%, -1150px);
}
.hp-container .gallery-box .gallery-box__item img {
  border-radius: 50px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  height: 80%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.hp-container .gallery-box .gallery-box__coin {
  --end-c-zPosition: -300px;
  --rotate-animation-delay: 14s;
  -webkit-animation: var(--rotate-animation-delay) rotate-coin-animation 0.5s
    alternate infinite forwards;
  animation: var(--rotate-animation-delay) rotate-coin-animation 0.5s alternate
    infinite forwards;
  opacity: var(--slide-opacity);
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  transition: opacity, 0.35s ease-out;
  width: clamp(85px, 10%, 240px);
  will-change: opacity;
}
.hp-container .gallery-box .gallery-box__coin:nth-child(8) {
  --end-c-zPosition: 250px;
  --rotate-animation-delay: 12s;
  bottom: 25%;
  right: 15%;
}
.hp-container .gallery-box .gallery-box__coin:nth-child(9) {
  --end-c-zPosition: 100px;
  --rotate-animation-delay: 14s;
  bottom: 0;
  left: 25%;
}
.hp-container .gallery-box .gallery-box__coin:nth-child(10) {
  --end-c-zPosition: -450px;
  --rotate-animation-delay: 10s;
  bottom: 25%;
  left: 60%;
}
.hp-container .gallery-box .gallery-box__coin:nth-child(11) {
  --end-c-zPosition: -350px;
  --rotate-animation-delay: 10s;
  bottom: 75%;
  left: 35%;
}
.hp-container .gallery-box .gallery-box__coin:nth-child(12) {
  --end-c-zPosition: -250px;
  --rotate-animation-delay: 15s;
  left: 75%;
  top: 0;
}
.hp-container .gallery-box .gallery-box__coin:nth-child(13) {
  --end-c-zPosition: 700px;
  --rotate-animation-delay: 24s;
  left: 70%;
  top: 84%;
}
.hp-container .gallery-box .gallery-box__coin:nth-child(14) {
  --end-c-zPosition: 175px;
  --rotate-animation-delay: 15s;
  left: 10%;
  top: 20%;
}
.hp-container .gallery-box .gallery-box__coin img {
  height: 100%;
  width: 100%;
}
.hp-container .gallery-box .gallery-box__cube {
  opacity: var(--slide-opacity);
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 125px);
  transform: translate3d(-50%, -50%, 125px);
  transition: opacity, 0.35s ease-out;
  width: clamp(120px, 10%, 300px);
  will-change: opacity;
}
.hp-container .gallery-box .gallery-box__cube:nth-child(15) {
  left: 45%;
  top: 70%;
}
.hp-container .gallery-box .gallery-box__cube:nth-child(16) {
  left: 25%;
  top: 20%;
  -webkit-transform: translate3d(-50%, -50%, 50px);
  transform: translate3d(-50%, -50%, 50px);
}
.hp-container .gallery-box .gallery-box__cube:nth-child(17) {
  left: 55%;
  top: 0;
  -webkit-transform: translate3d(-50%, -50%, -400px);
  transform: translate3d(-50%, -50%, -400px);
}
.hp-container .gallery-box .gallery-box__cube img {
  height: 100%;
  width: 100%;
}
.hp-container .team-box {
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
}
.hp-container .team-box * {
  opacity: var(--slide-opacity);
  transition: opacity, 0.35s ease-out;
}
.hp-container .team-box img {
  height: 100%;
  width: 100%;
}
.hp-container .team-box .team-box__member {
  position: absolute;
  -webkit-transform: translate3d(-50%, -26%, 125px);
  transform: translate3d(-50%, -26%, 125px);
  width: clamp(330px, 45vh, 670px);
}
.hp-container .team-box .team-box__member:first-child {
  bottom: 0;
  left: 50%;
}
.hp-container .team-box .team-box__member:nth-child(2) {
  left: 85%;
  top: 25%;
  -webkit-transform: translate3d(-50%, -50%, -245px);
  transform: translate3d(-50%, -50%, -245px);
}
.hp-container .team-box .team-box__member:nth-child(3) {
  left: 65%;
  top: -65%;
  -webkit-transform: translate3d(-50%, -50%, -950px);
  transform: translate3d(-50%, -50%, -950px);
}
.hp-container .team-box .team-box__fragment {
  -webkit-animation: rotate-domino-animation 6s ease-in-out infinite;
  animation: rotate-domino-animation 6s ease-in-out infinite;
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, var(--z-position));
  transform: translate3d(-50%, -50%, var(--z-position));
  width: clamp(160px, 15%, 340px);
}
.hp-container .team-box .team-box__fragment:nth-child(4) {
  --z-position: 265px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  bottom: 5%;
  right: 15%;
}
.hp-container .team-box .team-box__fragment:nth-child(5) {
  --z-position: -140px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  right: -15%;
  top: 40%;
}
.hp-container .team-box .team-box__fragment:nth-child(6) {
  --z-position: -150px;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  left: 40%;
  top: 15%;
}
.hp-container .team-box .team-box__fragment:nth-child(7) {
  --z-position: 25px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  left: 30%;
  top: 50%;
}
.hp-container .team-box .team-box__fragment:nth-child(8) {
  --z-position: -900px;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  left: 60%;
  top: 10%;
}
.hp-container .team-box .team-box__coin {
  --end-c-zPosition: 285px;
  --rotate-animation-delay: 18s;
  -webkit-animation: var(--rotate-animation-delay) rotate-coin-animation 0.5s
    alternate infinite forwards;
  animation: var(--rotate-animation-delay) rotate-coin-animation 0.5s alternate
    infinite forwards;
  position: absolute;
  width: clamp(85px, 10%, 240px);
}
.hp-container .team-box .team-box__coin:nth-child(9) {
  --rotate-animation-delay: 12s;
  bottom: 0;
  left: 35%;
}
.hp-container .team-box .team-box__coin:nth-child(10) {
  --end-c-zPosition: 200px;
  --rotate-animation-delay: 14s;
  bottom: 20%;
  left: 25%;
}
.hp-container .team-box .team-box__coin:nth-child(11) {
  --end-c-zPosition: -150px;
  --rotate-animation-delay: 10s;
  bottom: 5%;
  left: 25%;
}
.hp-container .team-box .team-box__coin:nth-child(12) {
  --end-c-zPosition: -350px;
  --rotate-animation-delay: 16s;
  bottom: 40%;
  left: 45%;
}
.hp-container .team-box .team-box__coin:nth-child(13) {
  --end-c-zPosition: -350px;
  --rotate-animation-delay: 13s;
  bottom: 65%;
  left: -5%;
}
.hp-container .team-box .team-box__coin:nth-child(14) {
  --end-c-zPosition: -50px;
  --rotate-animation-delay: 17s;
  bottom: -5%;
  right: 10%;
}
.hp-container .team-box .team-box__coin:nth-child(15) {
  --end-c-zPosition: -400px;
  --rotate-animation-delay: 11s;
  bottom: 5%;
  right: -5%;
}
.hp-container .team-box .team-box__coin:nth-child(16) {
  --end-c-zPosition: -550px;
  --rotate-animation-delay: 15s;
  right: -30%;
  top: 60%;
}
.hp-container .team-box .team-box__coin:nth-child(17) {
  --end-c-zPosition: -600px;
  --rotate-animation-delay: 12s;
  right: 15%;
  top: -10%;
}
.hp-container .team-box .team-box__coin:nth-child(18) {
  --end-c-zPosition: -650px;
  --rotate-animation-delay: 14s;
  right: -50%;
  top: -20%;
}
.hp-container .team-box .team-box__coin:nth-child(19) {
  --end-c-zPosition: -750px;
  --rotate-animation-delay: 13s;
  right: -80%;
  top: 15%;
}
.hp-container .team-box .team-box__coin:nth-child(20) {
  --end-c-zPosition: -825px;
  --rotate-animation-delay: 16s;
  left: 15%;
  top: -25%;
}
.hp-container .scroll-indicator {
  -ms-flex-pack: center;
  -ms-flex-align: start;
  align-items: flex-start;
  aspect-ratio: 1/1.5;
  border: 2px solid #fff;
  border-radius: 50px;
  bottom: -150px;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  position: absolute;
  -webkit-transform: translate3d(-70%, -20%, -300px);
  transform: translate3d(-70%, -20%, -300px);
  width: clamp(40px, 4.445vw, 64px);
}
.hp-container .scroll-indicator .scroll-icon {
  -ms-flex-pack: start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: scroll-animation 2s infinite;
  animation: scroll-animation 2s infinite;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}
.hp-container .scroll-indicator .scroll-icon .scroll-icon__line {
  background-color: #fff;
  height: 42%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 24%);
  transform: translate(-50%, 24%);
  width: 3px;
}
.hp-container .scroll-indicator .scroll-icon .scroll-icon__arrow {
  aspect-ratio: 1/1;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 25%;
}
.hp-container .coins-space {
  height: 100vh;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translateZ(8350px);
  transform: translateZ(8350px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100vw;
}
.hp-container .coins-space .small-coin {
  --coin-x: 0.75vh;
  --coin-y: 2vh;
  --coin-z: 0;
  -webkit-animation: coin-pulse 3s infinite alternate;
  animation: coin-pulse 3s infinite alternate;
  aspect-ratio: 1/1;
  background: transparent
    url(../images/y102-img-53.png)
    no-repeat 50%;
  background-size: contain;
  border-radius: 50%;
  left: 10%;
  opacity: 1;
  position: absolute;
  top: 20%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: 0.65s linear;
  width: clamp(30px, 6vh, 80px);
}
.hp-container .coins-space .small-coin:nth-child(2n) {
  --coin-x: -0.75vh;
  --coin-y: -2vh;
  --coin-z: 0;
  animation: coin-pulse 2s infinite alternate-reverse;
  background-image: url(../images/y102-img-54.png);
  left: 85%;
  top: 65%;
  width: clamp(20px, 3.5vh, 60px);
}
.hp-container .coins-space .small-coin:nth-child(3n + 1) {
  --coin-x: -2.75vh;
  --coin-y: -4vh;
  animation: coin-pulse 4s infinite alternate-reverse;
  background-image: url(../images/y102-img-57.png);
  width: clamp(30px, 5.5vh, 90px);
}
.hp-container .coins-space .small-coin:nth-child(5n + 1) {
  --coin-x: -2.75vh;
  --coin-y: -4vh;
  animation: coin-pulse 4s infinite alternate-reverse;
  background-image: url(../images/y102-img-55.png);
  width: 4.5vh;
}
.hp-container .coins-space .small-coin:nth-child(7n + 1) {
  --coin-x: 5vh;
  --coin-y: 5vh;
  -webkit-animation: coin-pulse 5s infinite alternate;
  animation: coin-pulse 5s infinite alternate;
  background-image: url(../images/y102-img-56.png);
  width: 5.5vh;
}
.hp-container .coins-space .small-coin.small-coin--hide {
  opacity: 0;
}
.hp-container .coins-space .small-coin img {
  height: 100%;
  width: 100%;
}
.hp-container .explore-section {
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(48px, 7.5vw, 160px);
  padding: 12.5vh 0 7.5vh;
}
.hp-container .explore-section .explore-section__text {
  opacity: var(--slide-opacity);
  position: relative;
  transition: opacity, 0.35s ease-out;
  will-change: opacity;
}
.hp-container .explore-section .explore-section__text h3 {
  color: #fffff5;
  font-size: clamp(54px, 7.05vw, 130px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 94%;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}
.hp-container .explore-section .explore-section__text img {
  bottom: 0;
  transform: translateY(-40px);
  -webkit-filter: drop-shadow(4px 4px 20px rgba(34, 34, 34, 0.25));
  filter: drop-shadow(4px 4px 20px rgba(34, 34, 34, 0.25));
  height: auto;
  position: absolute;
  right: -7.5%;
  width: 70%;
}
.hp-container .explore-section .explore-section__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 36px;
  opacity: var(--slide-opacity);
  position: relative;
  transition: opacity, 0.35s ease-out;
  will-change: opacity;
}
.hp-container .explore-section .explore-section__actions:before {
  background: #c94bff;
  border-radius: 100%;
  content: "";
  -webkit-filter: blur(50px);
  filter: blur(50px);
  height: 75%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 125%;
}
.hp-container .explore-section .explore-section__actions:after {
  aspect-ratio: 1/0.15;
  background-color: #7000a0;
  border-radius: 100%;
  bottom: 0;
  content: "";
  -webkit-filter: blur(2px);
  filter: blur(2px);
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 7.5vh);
  transform: translate(-50%, 7.5vh);
  width: 55%;
}
.hp-container .explore-btn {
  --e-btn-delay: 0.25s;
  --e-btn-endY: 150%;
  --e-btn-startY: -150%;
  --e-btn-rotate: -22deg;
  --e-btn-scale: 1;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #ffd400;
  border: 2px solid #ffe14c;
  border-radius: 180px;
  box-shadow: 0 8px 0 0 #eb8d00;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  justify-content: center;
  overflow: hidden;
  padding: 24px clamp(38px, 3.75vw, 78px);
  position: relative;
  -webkit-transform: rotate(-1.65deg);
  transform: rotate(-1.65deg);
  transition: 0.35s ease-out;
}
.hp-container .explore-btn:before {
  -webkit-border-end: 10px solid hsla(0, 0%, 100%, 0.4);
  -webkit-border-start: 36px solid hsla(0, 0%, 100%, 0.4);
  -webkit-animation: shine-effect 5s linear infinite;
  animation: shine-effect 5s linear infinite;
  -webkit-animation-delay: var(--e-btn-delay);
  animation-delay: var(--e-btn-delay);
  background: transparent;
  border-inline-end: 10px solid hsla(0, 0%, 100%, 0.4);
  border-inline-start: 36px solid hsla(0, 0%, 100%, 0.4);
  content: "";
  height: 200%;
  left: var(--e-btn-startY);
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(var(--e-btn-rotate)) translate(-50%, -50%)
    scale(var(--e-btn-scale));
  transform: rotate(var(--e-btn-rotate)) translate(-50%, -50%)
    scale(var(--e-btn-scale));
  width: 14px;
  z-index: -1;
}
.hp-container .explore-btn:nth-of-type(2) {
  --e-btn-delay: 2.5s;
  --e-btn-endY: -150%;
  --e-btn-startY: 150%;
  --e-btn-scale: -1;
  --e-btn-rotate: 22deg;
  -webkit-transform: rotate(2.25deg);
  transform: rotate(2.25deg);
}
.hp-container .explore-btn:nth-of-type(3) {
  --e-btn-delay: 3.75s;
}
.hp-container .explore-btn:hover {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.hp-container .explore-btn span {
  color: #212121;
  font-size: clamp(28px, 2.3625vw, 48px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 105%;
  text-align: center;
  text-transform: capitalize;
}
.hp-container .explore-btn img {
  height: 24px;
  scale: var(--e-btn-scale);
  width: 32px;
}
.hp-container .footer-box {
  opacity: var(--slide-opacity);
}
@media screen and (max-width: 524px) {
  .hp-container .hide-lg {
    display: none;
  }
  .hp-container .hide-sm {
    display: block;
  }
  .hp-container .hello-unit {
    -webkit-transform: translate3d(-50%, -5%, 5vh);
    transform: translate3d(-50%, -5%, 5vh);
  }
  .hp-container .main-scene__slide-item__title {
    font-size: 70px;
    line-height: 92.5%;
    max-width: 350px;
  }
  .hp-container .main-scene__slide-item__title span:last-of-type {
    font-size: 70px;
    line-height: 92.5%;
  }
  .hp-container .main-scene__slide-item__subtitle {
    font-size: 70px;
    max-width: 336px;
  }
  .hp-container .main-scene__slide-item__subtitle .word-box {
    display: block;
    font-size: 70px;
  }
  .hp-container .main-scene__slide-item__subtitle .word-box span {
    display: block;
  }
  .hp-container .main-scene__slide-item__subtitle .word-box video {
    height: 90px;
  }
  .hp-container
    .main-scene__section.main-scene__section--1
    .main-scene__slides
    .main-scene__slide-item:nth-child(2) {
    -webkit-transform: translate3d(0, -57vh, -1000px);
    transform: translate3d(0, -57vh, -1000px);
  }
  .hp-container
    .main-scene__section.main-scene__section--2
    .main-scene__slides
    .main-scene__slide-item:nth-child(2) {
    -webkit-transform: translate3d(0, -63.5vh, -850px);
    transform: translate3d(0, -63.5vh, -850px);
  }
  .hp-container .gallery-box .gallery-box__item:first-child {
    bottom: -10%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  .hp-container .gallery-box .gallery-box__item:nth-child(2) {
    bottom: 25%;
    left: -45%;
    -webkit-transform: translateZ(-350px);
    transform: translateZ(-350px);
  }
  .hp-container .gallery-box .gallery-box__item:nth-child(3) {
    bottom: 65%;
    left: 85%;
    -webkit-transform: translateZ(-800px);
    transform: translateZ(-800px);
  }
  .hp-container .gallery-box .gallery-box__item:nth-child(4) {
    bottom: 135%;
    left: -20%;
    -webkit-transform: translateZ(-1200px);
    transform: translateZ(-1200px);
  }
  .hp-container .gallery-box .gallery-box__item:nth-child(5) {
    display: none;
  }
  .hp-container .gallery-box .gallery-box__coin:nth-child(7) {
    --end-c-zPosition: 175px;
    bottom: 35%;
    right: -25%;
  }
  .hp-container .gallery-box .gallery-box__coin:nth-child(8) {
    --end-c-zPosition: -100px;
    bottom: 15%;
    left: 0;
  }
  .hp-container .gallery-box .gallery-box__coin:nth-child(9) {
    --end-c-zPosition: -725px;
    bottom: 100%;
    left: -30%;
  }
  .hp-container .gallery-box .gallery-box__coin:nth-child(10) {
    --end-c-zPosition: -650px;
    bottom: 50%;
    left: 40%;
  }
  .hp-container .gallery-box .gallery-box__coin:nth-child(11) {
    --end-c-zPosition: -800px;
    bottom: 20%;
    left: 115%;
  }
  .hp-container .gallery-box .gallery-box__cube:nth-child(15) {
    left: 45%;
    top: 80%;
    -webkit-transform: translate3d(-50%, -50%, -200px);
    transform: translate3d(-50%, -50%, -200px);
  }
  .hp-container .gallery-box .gallery-box__cube:nth-child(16) {
    left: -15%;
    top: 25%;
    -webkit-transform: translate3d(-50%, -50%, -500px);
    transform: translate3d(-50%, -50%, -500px);
  }
  .hp-container .gallery-box .gallery-box__cube:nth-child(17) {
    left: 45%;
    top: -30%;
    -webkit-transform: translate3d(-50%, -50%, -950px);
    transform: translate3d(-50%, -50%, -950px);
  }
  .hp-container .team-box .team-box__member {
    -webkit-transform: translate3d(-50%, -50%, -5px);
    transform: translate3d(-50%, -50%, -5px);
  }
  .hp-container .team-box .team-box__member:first-child {
    bottom: -20%;
    left: 45%;
  }
  .hp-container .team-box .team-box__member:nth-child(2) {
    left: 115%;
    top: 30%;
    -webkit-transform: translate3d(-50%, -50%, -800px);
    transform: translate3d(-50%, -50%, -800px);
  }
  .hp-container .team-box .team-box__member:nth-child(3) {
    left: 85%;
    top: -75%;
    -webkit-transform: translate3d(-50%, -50%, -1250px);
    transform: translate3d(-50%, -50%, -1250px);
  }
  .hp-container .team-box .team-box__fragment:nth-child(4) {
    --z-position: 115px;
    bottom: -10%;
    right: -30%;
  }
  .hp-container .team-box .team-box__fragment:nth-child(5) {
    --z-position: -550px;
    right: -70%;
    top: -10%;
  }
  .hp-container .team-box .team-box__fragment:nth-child(6) {
    --z-position: -650px;
    left: -5%;
    top: -5%;
  }
  .hp-container .team-box .team-box__fragment:nth-child(7) {
    --z-position: -250px;
    left: 10%;
    top: 40%;
  }
  .hp-container .team-box .team-box__fragment:nth-child(8) {
    --z-position: -1250px;
    left: 60%;
    top: -15%;
  }
  .hp-container .team-box .team-box__coin:nth-child(9) {
    --end-c-zPosition: 40px;
    bottom: -10%;
    left: 25%;
  }
  .hp-container .team-box .team-box__coin:nth-child(10) {
    --end-c-zPosition: 100px;
    bottom: 25%;
    left: 15%;
  }
  .hp-container .team-box .team-box__coin:nth-child(11) {
    --end-c-zPosition: -500px;
    bottom: -45%;
    left: 40%;
  }
  .hp-container .team-box .team-box__coin:nth-child(12) {
    --end-c-zPosition: -220px;
    bottom: 20%;
    left: 30%;
  }
  .hp-container .team-box .team-box__coin:nth-child(13) {
    --end-c-zPosition: -950px;
    bottom: 80%;
    left: -60%;
  }
  .hp-container .team-box .team-box__coin:nth-child(14) {
    --end-c-zPosition: -800px;
    bottom: -5%;
    left: 165%;
  }
  .hp-container .team-box .team-box__coin:nth-child(15) {
    --end-c-zPosition: -1650px;
    bottom: 35%;
    right: 65%;
  }
  .hp-container .team-box .team-box__coin:nth-child(17) {
    --end-c-zPosition: -1500px;
    left: 140%;
    top: -100%;
  }
  .hp-container .team-box .team-box__coin:nth-child(18) {
    --end-c-zPosition: -850px;
    right: 100%;
    top: -55%;
  }
  .hp-container .team-box .team-box__coin:nth-child(19) {
    --end-c-zPosition: -1550px;
    right: -80%;
    top: -35%;
  }
  .hp-container .team-box .team-box__coin:nth-child(20) {
    --end-c-zPosition: -1525px;
    left: 30%;
    top: -65%;
  }
  .hp-container .explore-section {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .hp-container .explore-section .explore-section__actions:after {
    height: 32px;
    -webkit-transform: translate(-50%, 56px);
    transform: translate(-50%, 56px);
  }
  .hp-container .explore-btn {
    gap: 20px;
    padding: 16px 42px;
  }
  .hp-container .explore-btn span {
    font-size: 24px;
  }
  .hp-container .explore-btn img {
    height: 16px;
    width: 20px;
  }
}
@-webkit-keyframes title-animation {
  0% {
    -webkit-transform: translateY(-100px) rotateX(90deg);
    transform: translateY(-100px) rotateX(90deg);
  }
  to {
    -webkit-transform: translateY(0) rotateX(0deg);
    transform: translateY(0) rotateX(0deg);
  }
}
@keyframes title-animation {
  0% {
    -webkit-transform: translateY(-100px) rotateX(90deg);
    transform: translateY(-100px) rotateX(90deg);
  }
  to {
    -webkit-transform: translateY(0) rotateX(0deg);
    transform: translateY(0) rotateX(0deg);
  }
}
@-webkit-keyframes main-coin-animation {
  0% {
    height: clamp(20px, 15vw, 80px);
    left: var(--start-c-left);
    top: var(--start-c-top);
    -webkit-transform: translate3d(-50%, -50%, var(--start-c-zPosition))
      rotate(0deg);
    transform: translate3d(-50%, -50%, var(--start-c-zPosition)) rotate(0deg);
    width: clamp(20px, 15vw, 80px);
  }
  25% {
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, var(--start-c-zPosition))
      rotate(180deg);
    transform: translate3d(-50%, -50%, var(--start-c-zPosition)) rotate(180deg);
  }
  to {
    height: clamp(50px, 15vw, 125px);
    left: var(--end-c-left);
    top: var(--end-c-top);
    -webkit-transform: translate3d(-50%, -50%, var(--end-c-zPosition))
      rotate(0deg);
    transform: translate3d(-50%, -50%, var(--end-c-zPosition)) rotate(0deg);
    width: clamp(50px, 15vw, 125px);
  }
}
@keyframes main-coin-animation {
  0% {
    height: clamp(20px, 15vw, 80px);
    left: var(--start-c-left);
    top: var(--start-c-top);
    -webkit-transform: translate3d(-50%, -50%, var(--start-c-zPosition))
      rotate(0deg);
    transform: translate3d(-50%, -50%, var(--start-c-zPosition)) rotate(0deg);
    width: clamp(20px, 15vw, 80px);
  }
  25% {
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, var(--start-c-zPosition))
      rotate(180deg);
    transform: translate3d(-50%, -50%, var(--start-c-zPosition)) rotate(180deg);
  }
  to {
    height: clamp(50px, 15vw, 125px);
    left: var(--end-c-left);
    top: var(--end-c-top);
    -webkit-transform: translate3d(-50%, -50%, var(--end-c-zPosition))
      rotate(0deg);
    transform: translate3d(-50%, -50%, var(--end-c-zPosition)) rotate(0deg);
    width: clamp(50px, 15vw, 125px);
  }
}
@-webkit-keyframes main-coin-live-animation {
  0% {
    -webkit-transform: translate3d(-50%, -50%, var(--end-c-zPosition))
      rotate(0deg);
    transform: translate3d(-50%, -50%, var(--end-c-zPosition)) rotate(0deg);
  }
  to {
    -webkit-transform: translate3d(
        -75%,
        -25%,
        calc(var(--end-c-zPosition) + 150px)
      )
      rotate(420deg);
    transform: translate3d(-75%, -25%, calc(var(--end-c-zPosition) + 150px))
      rotate(420deg);
  }
}
@keyframes main-coin-live-animation {
  0% {
    -webkit-transform: translate3d(-50%, -50%, var(--end-c-zPosition))
      rotate(0deg);
    transform: translate3d(-50%, -50%, var(--end-c-zPosition)) rotate(0deg);
  }
  to {
    -webkit-transform: translate3d(
        -75%,
        -25%,
        calc(var(--end-c-zPosition) + 150px)
      )
      rotate(420deg);
    transform: translate3d(-75%, -25%, calc(var(--end-c-zPosition) + 150px))
      rotate(420deg);
  }
}
@-webkit-keyframes rotate-coin-animation {
  0% {
    -webkit-transform: translate3d(-50%, -50%, var(--end-c-zPosition))
      rotate(0deg);
    transform: translate3d(-50%, -50%, var(--end-c-zPosition)) rotate(0deg);
  }
  to {
    -webkit-transform: translate3d(
        -75%,
        -25%,
        calc(var(--end-c-zPosition) + 25px)
      )
      rotate(420deg);
    transform: translate3d(-75%, -25%, calc(var(--end-c-zPosition) + 25px))
      rotate(420deg);
  }
}
@keyframes rotate-coin-animation {
  0% {
    -webkit-transform: translate3d(-50%, -50%, var(--end-c-zPosition))
      rotate(0deg);
    transform: translate3d(-50%, -50%, var(--end-c-zPosition)) rotate(0deg);
  }
  to {
    -webkit-transform: translate3d(
        -75%,
        -25%,
        calc(var(--end-c-zPosition) + 25px)
      )
      rotate(420deg);
    transform: translate3d(-75%, -25%, calc(var(--end-c-zPosition) + 25px))
      rotate(420deg);
  }
}
@-webkit-keyframes rotate-domino-animation {
  0%,
  to {
    -webkit-transform: translate3d(-50%, -50%, var(--z-position)) rotate(0deg);
    transform: translate3d(-50%, -50%, var(--z-position)) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, var(--z-position)) rotate(6deg);
    transform: translate3d(-50%, -50%, var(--z-position)) rotate(6deg);
  }
}
@keyframes rotate-domino-animation {
  0%,
  to {
    -webkit-transform: translate3d(-50%, -50%, var(--z-position)) rotate(0deg);
    transform: translate3d(-50%, -50%, var(--z-position)) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, var(--z-position)) rotate(6deg);
    transform: translate3d(-50%, -50%, var(--z-position)) rotate(6deg);
  }
}
@-webkit-keyframes scroll-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    opacity: 0.3;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes scroll-animation {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  70% {
    opacity: 0.3;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes coin-pulse {
  0% {
    -webkit-transform: translateZ(var(--coin-z));
    transform: translateZ(var(--coin-z));
  }
  to {
    -webkit-transform: translate3d(var(--coin-x), var(--coin-y), var(--coin-z));
    transform: translate3d(var(--coin-x), var(--coin-y), var(--coin-z));
  }
}
@keyframes coin-pulse {
  0% {
    -webkit-transform: translateZ(var(--coin-z));
    transform: translateZ(var(--coin-z));
  }
  to {
    -webkit-transform: translate3d(var(--coin-x), var(--coin-y), var(--coin-z));
    transform: translate3d(var(--coin-x), var(--coin-y), var(--coin-z));
  }
}
@-webkit-keyframes shine-effect {
  0% {
    left: var(--e-btn-startY);
  }
  35% {
    left: var(--e-btn-endY);
  }
  to {
    left: var(--e-btn-endY);
  }
}
@keyframes shine-effect {
  0% {
    left: var(--e-btn-startY);
  }
  35% {
    left: var(--e-btn-endY);
  }
  to {
    left: var(--e-btn-endY);
  }
}
/*# sourceMappingURL=block-home-page-animation.css.map*/