@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,500,600,700&display=swap);
@font-face {
  font-family: Ahsing;
  font-display: swap;
  src: url(../fonts/Ahsing-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Exmouth;
  font-display: swap;
  src: url(../fonts/Exmouth.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "MD Nichrome Test";
  font-display: swap;
  src: url("../fonts/MD Nichrome Test.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
*::after,
*::before {
  display: inline-block;
}
body,
html {
  height: 100%;
  min-width: 320px;
}
body {
  color: #fff;
  line-height: 1;
  font-family: "MD Nichrome Test";
  font-size: 1.5rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,
input,
textarea {
  font-family: "MD Nichrome Test";
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
}
input,
textarea {
  width: 100%;
}
label {
  display: inline-block;
}
button,
option,
select {
  cursor: pointer;
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}
body {
  background-color: #000;
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
[class*="__container"] {
  max-width: 106.875rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}
[class*="--gc"] {
  display: grid;
  min-width: 0;
  grid-template-columns: 0.9375rem 1fr minmax(auto, 105rem) 1fr 0.9375rem;
}
[class*="--gc"] > * {
  min-width: 0;
  grid-column: 3/4;
}
.menu__list {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.menu__link {
  position: relative;
  color: #fff;
  font-family: "MD Nichrome Test";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s ease 0s;
}
.menu__link::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: calc(100% + 0.125rem);
  left: 0;
  width: 0;
  height: 0.0625rem;
  background-color: #ffd090;
  transition: width 0.3s ease 0s;
}
.menu__link._navigator-active {
  color: #ffd090;
}
.menu__link._navigator-active::before {
  width: 100%;
}
.menu__button {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13.25rem;
  height: 2.75rem;
  background: url(../img/buy-now.svg) center/contain no-repeat;
}
.menu__button span {
  color: #000;
  font-family: "MD Nichrome Test";
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: letter-spacing 0.3s ease 0s;
}
.icon-menu {
  display: none;
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ibg--top {
  -o-object-position: top;
  object-position: top;
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom;
}
.ibg--left {
  -o-object-position: left;
  object-position: left;
}
.ibg--right {
  -o-object-position: right;
  object-position: right;
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
}
.header__container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer {
  position: relative;
  border-top: 0.125rem solid #fbcd8c;
  padding: 0.875rem 0;
}
.footer__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__container > span {
  color: #fff;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.footer__container > a {
  display: flex;
  align-items: center;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.footer__container > a > span {
  color: #fff;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.footer__container > a > img {
  flex-shrink: 0;
}
.page__hero {
  margin-top: 3.125rem;
}
.menu-open-bg {
  pointer-events: none;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(0.375rem);
  backdrop-filter: blur(0.375rem);
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}
.menu-open .menu-open-bg {
  opacity: 1;
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes opacity2 {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes opacity2 {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes to-top {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes to-top {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes to-left {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(3.75rem);
    transform: translateX(3.75rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes to-left {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(3.75rem);
    transform: translateX(3.75rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes to-right {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes to-right {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes start {
  0% {
    display: block;
    -webkit-backdrop-filter: blur(3.75rem);
    backdrop-filter: blur(3.75rem);
    background-color: rgba(0, 0, 0, 0.4);
  }
  99% {
    display: block;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(0, 0, 0, 0);
    display: none;
  }
  100% {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(0, 0, 0, 0);
    display: none;
  }
}
@keyframes start {
  0% {
    display: block;
    -webkit-backdrop-filter: blur(3.75rem);
    backdrop-filter: blur(3.75rem);
    background-color: rgba(0, 0, 0, 0.4);
  }
  99% {
    display: block;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(0, 0, 0, 0);
    display: none;
  }
  100% {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: rgba(0, 0, 0, 0);
    display: none;
  }
}
.start {
  pointer-events: none;
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(3.75rem);
  backdrop-filter: blur(3.75rem);
}
.start::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.loaded .start::before {
  -webkit-animation: opacity2 0.4s ease 0.4s forwards;
  animation: opacity2 0.4s ease 0.4s forwards;
}
.loaded .start {
  -webkit-animation: start 0.8s ease-out 0.6s forwards;
  animation: start 0.8s ease-out 0.6s forwards;
}
.hero {
  position: relative;
  width: 100%;
  aspect-ratio: 1920/1080;
}
.hero__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero__bg img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero__bg img:nth-child(1) {
  display: block;
}
.hero__bg img:nth-child(2) {
  display: block;
}
.hero__social-item {
  position: absolute;
  z-index: 3;
}
.hero__social-item svg {
  transition: scale 0.3s ease 0s;
}
.hero__social-item svg path {
  transition: fill 0.3s ease 0s;
}
.hero__social-item.hero__social-item--1 {
  bottom: 12%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.hero__social-item.hero__social-item--2 {
  bottom: 9.2%;
  left: 48.45%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.hero__social-item.hero__social-item--3 {
  bottom: 9.2%;
  left: 51.55%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.hero__social-item.hero__social-item--3 svg {
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
}
.about__container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about__body {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about__image {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  will-change: transform;
}
.about__image img {
  width: 100%;
}
.about__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about__title {
  position: relative;
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
}
.about__title span {
  position: relative;
  color: #fff;
  text-shadow: 0.0416666667em 0.0333333333em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.about__title span::before {
  content: "Order";
  position: absolute;
  bottom: 6%;
  left: 40%;
  z-index: -1;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 0 0 #8a5815;
}
.about__text {
  width: 100%;
  max-width: 38.75rem;
  aspect-ratio: 545/284;
  background: url(../img/about-text.png) center/contain no-repeat;
  padding: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about__text p {
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.roadmap {
  position: relative;
}
.roadmap__title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  will-change: transform;
  background: url(../img/roadmap-title.png) center/cover no-repeat;
}
.roadmap__title._watcher-view {
  -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
  animation: to-top 0.45s ease-out 0.2s forwards;
}
.roadmap__title span {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0.0416666667em 0.0333333333em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.roadmap__title span::before {
  content: "O";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  left: 10%;
  z-index: -1;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 0 0 #8a5815;
}
.roadmap__title span::after {
  content: "A";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  right: 8%;
  z-index: -1;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 0 0 #8a5815;
}
.roadmap__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.roadmap__item {
  position: relative;
  border: 0.09375rem solid #ffd090;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  will-change: transform;
}
.roadmap__item:nth-child(4) .roadmap__item-decor i:nth-child(2) {
  display: block;
}
.roadmap__item:nth-child(4) .roadmap__item-decor i:nth-child(3) {
  display: block;
}
.roadmap__item h3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.roadmap__item h3 span:nth-child(1) {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0.0555555556em 0.0462962963em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.roadmap__item h3 span:nth-child(2) {
  position: absolute;
  z-index: 1;
  left: 40%;
  top: 5%;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: -15%;
}
.roadmap__item p {
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.roadmap__item-decor {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.roadmap__item-decor i {
  position: absolute;
}
.roadmap__item-decor i:nth-child(1) {
  top: 0;
  left: 0;
  width: 12.6%;
  aspect-ratio: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../img/roadmap-decor.png) center/contain no-repeat;
}
.roadmap__item-decor i:nth-child(2) {
  top: 0;
  right: 0;
  width: 12.6%;
  aspect-ratio: 1;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  background: url(../img/roadmap-decor.png) center/contain no-repeat;
}
.roadmap__item-decor i:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 12.6%;
  aspect-ratio: 1;
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
  background: url(../img/roadmap-decor.png) center/contain no-repeat;
}
.roadmap__item-decor i:nth-child(4) {
  bottom: 0;
  left: 0;
  width: 12.6%;
  aspect-ratio: 1;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  background: url(../img/roadmap-decor.png) center/contain no-repeat;
}
.roadmap__bottom {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.roadmap__bottom._watcher-view::before {
  -webkit-animation: to-right 0.45s ease-out 0.2s forwards;
  animation: to-right 0.45s ease-out 0.2s forwards;
}
.roadmap__bottom._watcher-view::after {
  -webkit-animation: to-left 0.45s ease-out 0.2s forwards;
  animation: to-left 0.45s ease-out 0.2s forwards;
}
.roadmap__bottom::before {
  content: "";
  position: absolute;
  bottom: 15%;
  left: 6%;
  width: 48%;
  aspect-ratio: 817/694;
  background: url(../img/roadmap-ducks.png) center/contain no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-3.75rem);
  transform: translateX(-3.75rem);
}
.roadmap__bottom::after {
  content: "";
  position: absolute;
  bottom: 19%;
  right: 12.5%;
  width: 26%;
  aspect-ratio: 423/535;
  background: url(../img/roadmap-hero.png) center/contain no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(3.75rem);
  transform: translateX(3.75rem);
}
.roadmap__bottom img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video {
  position: relative;
}
.video__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video__box {
  position: relative;
  width: 100%;
  max-width: 86.1875rem;
  aspect-ratio: 1379/837;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(3.75rem);
  transform: translateY(3.75rem);
  will-change: transform;
}
.video__box._watcher-view {
  -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
  animation: to-top 0.45s ease-out 0.2s forwards;
}
.video__box::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/video-box.png) center/contain no-repeat;
}
.video__box > img {
  position: absolute;
  z-index: 1;
  top: 10%;
  left: 0;
  width: 100%;
  height: 85%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video__box button {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  min-width: 3.25rem;
}
.video__box button img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%;
  overflow: hidden;
}
.tokenomics {
  position: relative;
}
.tokenomics__container {
  display: flex;
  justify-content: center;
}
.tokenomics__left {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tokenomics__left img {
  width: 160%;
}
.tokenomics__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tokenomics__body img {
  width: 100%;
}
.tokenomics__title {
  position: relative;
  width: 100%;
  aspect-ratio: 897/302;
  background: url(../img/tokenomics-title.png) center/contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tokenomics__title span {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0.0416666667em 0.0333333333em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.tokenomics__title span::before {
  content: "Tokenomics";
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-56%);
  transform: translateY(-56%);
  left: 3%;
  z-index: -1;
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-shadow: 0 0 0 #8a5815;
}
.tokenomics__supply {
  position: relative;
  width: 90%;
  aspect-ratio: 762/220;
  background: url(../img/tokenomics-supply.png) center/contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tokenomics__supply span {
  color: #fff;
  text-shadow: 0.0181818182em 0.0363636364em 0 #8a5815;
  font-family: Ahsing;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
}
.tokenomics__items {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.tokenomics__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tokenomics__item:nth-child(1) span:nth-child(2) {
  -webkit-transform: translateY(-15%);
  transform: translateY(-15%);
  text-shadow: 0.0166666667em 0.0333333333em 0 #8a5815;
  font-family: Ahsing;
  letter-spacing: -0.08em;
}
.tokenomics__item:nth-child(3) span:nth-child(2) {
  text-shadow: 0.0416666667em 0.0333333333em 0 #8a5815;
  font-family: "MD Nichrome Test";
  text-transform: uppercase;
}
.tokenomics__item span:nth-child(1) {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tokenomics__item span:nth-child(1)::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #000;
  border: 0.0625rem solid #ffd090;
  rotate: 45deg;
}
.tokenomics__item span:nth-child(2) {
  color: #fff;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.tokenomics__items-decor {
  position: relative;
  top: 10%;
  width: 1rem;
  height: 90%;
}
.tokenomics__items-decor i {
  position: absolute;
  top: 0;
  width: 0.125rem;
  height: 100%;
  background-color: #ffd090;
}
.tokenomics__items-decor i:nth-child(1) {
  left: 0;
}
.tokenomics__items-decor i:nth-child(2) {
  right: 0;
}
.tokenomics__items-decor i:nth-child(3) {
  left: 50%;
  -webkit-transform: translateX(-0.0625rem);
  transform: translateX(-0.0625rem);
}
.tokenomics__ca {
  position: relative;
  width: 100%;
  max-width: 40rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  border: 0.125rem solid #ffd090;
}
.tokenomics__ca:has(button:hover) span:nth-child(2) {
  color: #ffd090;
}
.tokenomics__ca::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0.375rem;
  left: 0.375rem;
  width: calc(100% - 0.75rem);
  height: calc(100% - 0.75rem);
  border: 0.125rem solid #ffd090;
}
.tokenomics__ca::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0.875rem;
  left: 0.875rem;
  width: calc(100% - 1.75rem);
  height: calc(100% - 1.75rem);
  border: 0.125rem solid #ffd090;
}
.tokenomics__ca span {
  position: relative;
  z-index: 2;
}
.tokenomics__ca span:nth-child(1) {
  flex-shrink: 0;
  color: #fff;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.tokenomics__ca span:nth-child(2) {
  flex: 1 1 auto;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  width: 7.5rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  transition: color 0.3s ease 0s;
}
.tokenomics__ca button {
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.25rem;
}
.tokenomics__ca button svg {
  width: 1.25rem;
  height: 1.5rem;
}
.tokenomics__ca button svg path {
  transition: fill 0.3s ease 0s;
}
.tokenomics__bottom {
  width: 100%;
  height: 4.375rem;
  position: relative;
}
.tokenomics__bottom img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.tokenomics__right {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.tokenomics__right img {
  width: 160%;
}
.join {
  position: relative;
  width: 100%;
  aspect-ratio: 1832/1221;
  background: url(../img/join.png) center/contain no-repeat;
}
.join__box {
  position: absolute;
  top: 0;
  left: 0.9375rem;
  width: calc(100% - 1.875rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.join__title {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-3.75rem);
  transform: translateX(-3.75rem);
  will-change: transform;
}
.join__title._watcher-view {
  -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
  animation: to-top 0.45s ease-out 0.2s forwards;
}
.join__title span {
  display: inline-block;
}
.join__title span:nth-child(1) {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0.0221238938em 0.017699115em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  -webkit-transform: translateX(12%);
  transform: translateX(12%);
}
.join__title span:nth-child(2) {
  color: #ffd090;
  font-family: Exmouth;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-transform: translateX(-12%) translateY(12%);
  transform: translateX(-12%) translateY(12%);
}
.join__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 374/165;
  background: url(../img/join-bnt.png) center/contain no-repeat;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-3.75rem);
  transform: translateX(-3.75rem);
  will-change: transform;
}
.join__button._watcher-view {
  -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
  animation: to-top 0.45s ease-out 0.2s forwards;
}
.join__button span {
  color: #000;
  text-shadow: 0.0416666667em 0.0277777778em 0 #8a5815;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: letter-spacing 0.3s ease 0s;
}
.join__bottom-link {
  color: #fff;
  font-family: "MD Nichrome Test";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s ease 0s;
}
.join__social-item {
  position: absolute;
  width: 4%;
  aspect-ratio: 1;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.join__social-item svg {
  width: 55%;
  height: 55%;
  transition: scale 0.3s ease 0s;
}
.join__social-item svg path {
  transition: fill 0.3s ease 0s;
}
.join__social-item.join__social-item--1 {
  bottom: 16%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.join__social-item.join__social-item--2 {
  bottom: 12%;
  left: 47.4%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.join__social-item.join__social-item--3 {
  bottom: 12%;
  left: 52.6%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bottom-links {
  position: relative;
  border-top: 0.125rem solid #fbcd8c;
}
@media (min-width: 47.99875em) {
  .hero__bg img:nth-child(2) {
    display: none;
  }
}
@media (min-width: 61.99875em) {
  .header__menu {
    background-color: rgba(0, 0, 0, 0.9);
    transition: padding-top 0.3s ease 0s, border 0.3s ease 0s;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-bottom: 0.9375rem;
    border: 0.125rem solid transparent;
  }
  ._header-scroll .header__menu {
    padding-top: 1.25rem;
    border: 0.125rem solid #ffd090;
  }
  .about__body._watcher-view .about__image {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .about__body._watcher-view .about__content {
    -webkit-animation: to-top 0.45s ease-out 0.4s forwards;
    animation: to-top 0.45s ease-out 0.4s forwards;
  }
  .about__image {
    flex: 0 0 50%;
  }
  .about__content {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform;
  }
  .roadmap__items._watcher-view .roadmap__item:nth-child(1) {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .roadmap__items._watcher-view .roadmap__item:nth-child(2) {
    -webkit-animation: to-top 0.45s ease-out 0.3s forwards;
    animation: to-top 0.45s ease-out 0.3s forwards;
  }
  .roadmap__items._watcher-view .roadmap__item:nth-child(3) {
    -webkit-animation: to-top 0.45s ease-out 0.4s forwards;
    animation: to-top 0.45s ease-out 0.4s forwards;
  }
  .roadmap__items._watcher-view .roadmap__item:nth-child(4) {
    -webkit-animation: to-top 0.45s ease-out 0.5s forwards;
    animation: to-top 0.45s ease-out 0.5s forwards;
  }
  .roadmap__item-decor i:nth-child(2) {
    display: none;
  }
  .roadmap__item-decor i:nth-child(3) {
    display: none;
  }
  .tokenomics__container._watcher-view .tokenomics__left {
    -webkit-animation: to-right 0.45s ease-out 0.2s forwards;
    animation: to-right 0.45s ease-out 0.2s forwards;
  }
  .tokenomics__container._watcher-view .tokenomics__right {
    -webkit-animation: to-left 0.45s ease-out 0.2s forwards;
    animation: to-left 0.45s ease-out 0.2s forwards;
  }
  .tokenomics__container._watcher-view .tokenomics__body {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .tokenomics__left {
    flex: 0 0 22%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    will-change: transform;
  }
  .tokenomics__body {
    flex: 0 0 56%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform;
  }
  .tokenomics__right {
    flex: 0 0 22%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(3.75rem);
    transform: translateX(3.75rem);
  }
  .join__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 26vw;
    -moz-column-gap: 26vw;
    column-gap: 26vw;
  }
  .join__bottom-left {
    justify-content: end;
    display: flex;
    align-items: center;
  }
  .join__bottom-rigth {
    display: flex;
    align-items: center;
  }
  .bottom-links {
    display: none;
  }
}
@media (min-width: 61.99875em) and (min-width: 106.875em) {
  .header__menu {
    padding-top: 3.125rem;
  }
}
@media (min-width: 61.99875em) and (min-width: 120em) {
  .join__bottom-left {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  .join__bottom-rigth {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
}
@media (min-width: 106.875em) {
  .footer__container > span {
    font-size: 1.5rem;
  }
  .footer__container > a {
    -webkit-column-gap: 0.5625rem;
    -moz-column-gap: 0.5625rem;
    column-gap: 0.5625rem;
  }
  .footer__container > a > span {
    font-size: 1.5rem;
  }
  .footer__container > a > img {
    width: 8.875rem;
  }
  .page__about {
    padding-top: 8.75rem;
  }
  .page__about {
    padding-bottom: 3.75rem;
  }
  .page__roadmap {
    padding-top: 7.5rem;
  }
  .page__roadmap {
    padding-bottom: 6.25rem;
  }
  .page__video {
    padding-top: 6.25rem;
  }
  .page__video {
    padding-bottom: 6.25rem;
  }
  .page__tokenomics {
    padding-top: 6.25rem;
  }
  .page__tokenomics {
    padding-bottom: 6.25rem;
  }
  .page__join {
    margin-top: 5rem;
  }
  .about__body {
    -webkit-column-gap: 7.5rem;
    -moz-column-gap: 7.5rem;
    column-gap: 7.5rem;
  }
  .about__body {
    padding-left: 3.75rem;
  }
  .about__body {
    padding-right: 3.75rem;
  }
  .about__title span {
    font-size: 7.5rem;
  }
  .about__title span::before {
    font-size: 10.625rem;
  }
  .about__text p {
    font-size: 1.5rem;
  }
  .roadmap__title {
    height: 15.8125rem;
  }
  .roadmap__title {
    margin-bottom: 4.875rem;
  }
  .roadmap__title span {
    font-size: 7.5rem;
  }
  .roadmap__title span::before {
    font-size: 10.625rem;
  }
  .roadmap__title span::after {
    font-size: 10.625rem;
  }
  .roadmap__items {
    margin-right: 3.75rem;
  }
  .roadmap__items {
    margin-left: 3.75rem;
  }
  .roadmap__item {
    padding-top: 2rem;
  }
  .roadmap__item {
    padding-bottom: 2rem;
  }
  .roadmap__item {
    padding-left: 2.5rem;
  }
  .roadmap__item {
    padding-right: 2.5rem;
  }
  .roadmap__item h3 {
    margin-bottom: 3.125rem;
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: 6.75rem;
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: 8.3125rem;
  }
  .roadmap__item p {
    font-size: 1.5rem;
  }
  .roadmap__bottom {
    height: 40.625rem;
  }
  .roadmap__bottom img {
    height: 15.125rem;
  }
  .tokenomics__title span {
    font-size: 7.5rem;
  }
  .tokenomics__title span::before {
    font-size: 10.625rem;
  }
  .tokenomics__supply {
    margin-bottom: 2.1875rem;
  }
  .tokenomics__supply span {
    font-size: 5rem;
  }
  .tokenomics__items {
    -webkit-column-gap: 2.75rem;
    -moz-column-gap: 2.75rem;
    column-gap: 2.75rem;
  }
  .tokenomics__items {
    margin-bottom: 2.5rem;
  }
  .tokenomics__item span:nth-child(1) {
    width: 4.625rem;
  }
  .tokenomics__item span:nth-child(1) {
    height: 4.625rem;
  }
  .tokenomics__item span:nth-child(1) {
    font-size: 1.5rem;
  }
  .tokenomics__item span:nth-child(2) {
    font-size: 7.5rem;
  }
  .tokenomics__item span:nth-child(2) {
    margin-top: -1.25rem;
  }
  .tokenomics__item span:nth-child(2) {
    margin-left: 0.75rem;
  }
  .tokenomics__ca {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  .tokenomics__ca {
    margin-bottom: 2.5rem;
  }
  .tokenomics__ca span:nth-child(1) {
    font-size: 1.5rem;
  }
  .tokenomics__ca span:nth-child(2) {
    font-size: 1.25rem;
  }
  .join__title span:nth-child(1) {
    font-size: 14.125rem;
  }
  .join__title span:nth-child(2) {
    font-size: 17.9375rem;
  }
  .join__button {
    width: 23.375rem;
  }
  .join__button span {
    font-size: 4.5rem;
  }
}
@media (min-width: 120em) {
  .hero__social-item.hero__social-item--1 svg {
    width: 1.25rem;
  }
  .hero__social-item.hero__social-item--1 svg {
    height: 1.25rem;
  }
  .hero__social-item.hero__social-item--2 svg {
    width: 1.25rem;
  }
  .hero__social-item.hero__social-item--2 svg {
    height: 1.5rem;
  }
  .hero__social-item.hero__social-item--3 svg {
    width: 1.25rem;
  }
  .hero__social-item.hero__social-item--3 svg {
    height: 1.25rem;
  }
  .join__box {
    padding-top: 16.25rem;
  }
  .join__bottom-link {
    font-size: 1.5rem;
  }
}
@media (max-width: 20em) {
  .footer__container > span {
    font-size: 1.125rem;
  }
  .footer__container > a {
    -webkit-column-gap: 0.375rem;
    -moz-column-gap: 0.375rem;
    column-gap: 0.375rem;
  }
  .footer__container > a > span {
    font-size: 1.125rem;
  }
  .footer__container > a > img {
    width: 6.625rem;
  }
  .page__about {
    padding-top: 5rem;
  }
  .page__about {
    padding-bottom: 1.25rem;
  }
  .page__roadmap {
    padding-top: 5rem;
  }
  .page__roadmap {
    padding-bottom: 1.25rem;
  }
  .page__video {
    padding-top: 5rem;
  }
  .page__video {
    padding-bottom: 2.5rem;
  }
  .page__tokenomics {
    padding-top: 3.75rem;
  }
  .page__tokenomics {
    padding-bottom: 0.0000000625rem;
  }
  .page__join {
    margin-top: 1.25rem;
  }
  .hero__social-item.hero__social-item--1 svg {
    width: 1.125rem;
  }
  .hero__social-item.hero__social-item--1 svg {
    height: 1.125rem;
  }
  .hero__social-item.hero__social-item--2 svg {
    width: 1.125rem;
  }
  .hero__social-item.hero__social-item--2 svg {
    height: 1.125rem;
  }
  .hero__social-item.hero__social-item--3 svg {
    width: 1.125rem;
  }
  .hero__social-item.hero__social-item--3 svg {
    height: 1.125rem;
  }
  .about__title span {
    font-size: 5rem;
  }
  .about__title span::before {
    font-size: 7.0625rem;
  }
  .about__text p {
    font-size: 0.875rem;
  }
  .roadmap__title {
    height: 8.75rem;
  }
  .roadmap__title {
    margin-bottom: 2.5rem;
  }
  .roadmap__title span {
    font-size: 5rem;
  }
  .roadmap__title span::before {
    font-size: 7.0625rem;
  }
  .roadmap__title span::after {
    font-size: 7.0625rem;
  }
  .roadmap__item {
    padding-top: 1.25rem;
  }
  .roadmap__item {
    padding-bottom: 1.25rem;
  }
  .roadmap__item {
    padding-left: 0.9375rem;
  }
  .roadmap__item {
    padding-right: 0.9375rem;
  }
  .roadmap__item h3 {
    margin-bottom: 2rem;
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: 4.375rem;
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: 5.375rem;
  }
  .roadmap__item p {
    font-size: 1rem;
  }
  .roadmap__bottom {
    height: 11.25rem;
  }
  .roadmap__bottom img {
    height: 5rem;
  }
  .tokenomics__title span {
    font-size: 3.125rem;
  }
  .tokenomics__title span::before {
    font-size: 4.375rem;
  }
  .tokenomics__supply {
    margin-bottom: 1.5625rem;
  }
  .tokenomics__supply span {
    font-size: 2.125rem;
  }
  .tokenomics__items {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }
  .tokenomics__items {
    margin-bottom: 1.5625rem;
  }
  .tokenomics__item span:nth-child(1) {
    width: 3.625rem;
  }
  .tokenomics__item span:nth-child(1) {
    height: 3.625rem;
  }
  .tokenomics__item span:nth-child(1) {
    font-size: 1.25rem;
  }
  .tokenomics__item span:nth-child(2) {
    font-size: 4.375rem;
  }
  .tokenomics__item span:nth-child(2) {
    margin-top: -0.625rem;
  }
  .tokenomics__ca {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
  .tokenomics__ca {
    margin-bottom: 1.875rem;
  }
  .tokenomics__ca span:nth-child(1) {
    font-size: 1.25rem;
  }
  .tokenomics__ca span:nth-child(2) {
    font-size: 1rem;
  }
  .join__box {
    padding-top: 2.5rem;
  }
  .join__title span:nth-child(1) {
    font-size: 3.75rem;
  }
  .join__title span:nth-child(2) {
    font-size: 4.6875rem;
  }
  .join__button {
    width: 7.5rem;
  }
  .join__button span {
    font-size: 1.5rem;
  }
  .join__bottom-link {
    font-size: 1.5rem;
  }
}
@media (max-width: 61.99875em) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 0;
    overflow: auto;
    padding: 6.25rem 0.9375rem 0.9375rem 0.9375rem;
    transition: right 0.3s;
    will-change: right;
  }
  .menu-open .menu__body {
    right: 0;
  }
  .menu-open .menu__body::before {
    left: 0;
  }
  .menu__list {
    flex-direction: column;
    row-gap: 1.875rem;
    align-items: flex-end;
  }
  .menu__link {
    font-size: 1.75rem;
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 2.125rem;
    height: 2.125rem;
    z-index: 5;
  }
  .icon-menu i {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.125rem solid #ffd090;
    rotate: 45deg;
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all 0.3s ease 0s;
    right: 0.4375rem;
    position: absolute;
    width: calc(100% - 0.875rem);
    height: 0.125rem;
    background-color: #ffd090;
  }
  .icon-menu::before {
    top: 0.625rem;
  }
  .icon-menu::after {
    bottom: 0.625rem;
  }
  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }
  .menu-open .icon-menu span {
    width: 0;
  }
  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header {
    padding: 0.9375rem 0 0.625rem;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .header__container {
    justify-content: space-between;
  }
  .header__menu {
    padding-top: 0;
  }
  .about__body {
    flex-direction: column-reverse;
    row-gap: 1.25rem;
  }
  .about__image {
    width: 100%;
    max-width: 38.75rem;
  }
  .about__image._watcher-view {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .roadmap__title {
    margin: 0 -0.9375rem;
    width: calc(100% + 1.875rem);
    margin-bottom: 2.5rem;
  }
  .roadmap__items {
    margin-right: 0.9375rem;
  }
  .roadmap__items {
    margin-left: 0.9375rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .roadmap__item._watcher-view {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .roadmap__item:nth-child(1) .roadmap__item-decor i:nth-child(1) {
    display: block;
  }
  .roadmap__item:nth-child(2) .roadmap__item-decor i:nth-child(4) {
    display: none;
  }
  .roadmap__item-decor i:nth-child(1) {
    display: none;
  }
  .roadmap__item-decor i:nth-child(3) {
    display: none;
  }
  .roadmap__bottom {
    width: calc(100% + 1.875rem);
    margin: 0 -0.9375rem;
  }
  .tokenomics__container {
    flex-direction: column;
    align-items: center;
  }
  .tokenomics__left {
    width: 90%;
    max-width: 35rem;
    order: 2;
    align-self: flex-start;
  }
  .tokenomics__left img {
    width: 100%;
  }
  .tokenomics__body {
    width: 100%;
    order: 1;
  }
  .tokenomics__title {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform;
  }
  .tokenomics__title._watcher-view {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .tokenomics__supply {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform;
  }
  .tokenomics__supply._watcher-view {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .tokenomics__items {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform;
  }
  .tokenomics__items._watcher-view {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .tokenomics__item {
    align-items: center;
  }
  .tokenomics__items-decor {
    display: none;
  }
  .tokenomics__ca {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
    will-change: transform;
  }
  .tokenomics__ca._watcher-view {
    -webkit-animation: to-top 0.45s ease-out 0.2s forwards;
    animation: to-top 0.45s ease-out 0.2s forwards;
  }
  .tokenomics__right {
    width: 90%;
    max-width: 35rem;
    order: 2;
    align-self: flex-end;
  }
  .tokenomics__right img {
    width: 100%;
  }
  .join {
    aspect-ratio: 678/611;
    background: url(../img/join-mob.png) center/contain no-repeat;
  }
  .join__bottom {
    display: flex;
    align-items: flex-start;
  }
  .join__bottom-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .join__bottom-rigth {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .join__social-item {
    width: 7%;
  }
  .join__social-item.join__social-item--1 {
    bottom: 14.4%;
  }
  .join__social-item.join__social-item--2 {
    bottom: 9.2%;
    left: 45.2%;
  }
  .join__social-item.join__social-item--3 {
    bottom: 9.2%;
    left: 54.8%;
  }
  .bottom-links__container {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 61.99875em) and (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}
@media (max-width: 61.99875em) and (max-width: 20em) {
  .tokenomics__left {
    margin-top: -5.625rem;
  }
  .tokenomics__right {
    margin-top: -18.125rem;
  }
  .join__bottom {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
  }
  .join__bottom-left {
    row-gap: 0.625rem;
  }
  .join__bottom-rigth {
    row-gap: 0.625rem;
  }
}
@media (max-width: 47.99875em) {
  .footer__container {
    flex-direction: column-reverse;
    row-gap: 0.625rem;
  }
  .page__hero {
    margin-top: 7.5rem;
  }
  .hero {
    aspect-ratio: 647/628;
  }
  .hero__bg img:nth-child(1) {
    display: none;
  }
  .hero__social-item.hero__social-item--1 {
    width: 7%;
    bottom: 8.3%;
  }
  .hero__social-item.hero__social-item--2 {
    width: 7%;
    left: 45.1%;
    bottom: 3.2%;
  }
  .hero__social-item.hero__social-item--3 {
    width: 7%;
    left: 54.9%;
    bottom: 3.2%;
  }
}
@media (max-width: 37.49875em) {
  .roadmap__items {
    grid-template-columns: repeat(1, 1fr);
  }
  .roadmap__item:nth-child(1) .roadmap__item-decor i:nth-child(4) {
    display: none;
  }
  .roadmap__item:nth-child(2) .roadmap__item-decor i:nth-child(4) {
    display: none;
  }
  .roadmap__item:nth-child(2) .roadmap__item-decor i:nth-child(1) {
    display: block;
  }
  .roadmap__item:nth-child(3) .roadmap__item-decor i:nth-child(4) {
    display: none;
  }
  .roadmap__item:nth-child(3) .roadmap__item-decor i:nth-child(1) {
    display: block;
  }
  .roadmap__item:nth-child(4) .roadmap__item-decor i:nth-child(1) {
    display: block;
  }
  .roadmap__bottom::before {
    left: 0;
    width: 56%;
  }
  .roadmap__bottom::after {
    bottom: 21%;
    right: 0;
    width: 35%;
  }
}
@media (max-width: 29.99875em) {
  .roadmap__bottom::before {
    left: 0;
    width: 62%;
  }
  .roadmap__bottom::after {
    bottom: 21%;
    right: 0;
    width: 38%;
  }
  .tokenomics__title {
    width: calc(100% + 1.875rem);
    margin: 0 -0.9375rem;
  }
  .join__social-item svg {
    width: 60%;
    height: 60%;
  }
}
@media (min-width: 61.99875em) and (min-width: 61.99875em) and (max-width: 106.875em) {
  .header__menu {
    padding-top: clamp(1.875rem, 0.1480634244rem + 2.7854377315vw, 3.125rem);
  }
}
@media (min-width: 20em) and (max-width: 106.875em) {
  .footer__container > span {
    font-size: clamp(1.125rem, 1.0386690647rem + 0.4316546763vw, 1.5rem);
  }
  .footer__container > a {
    -webkit-column-gap: clamp(
      0.375rem,
      0.3318345324rem + 0.2158273381vw,
      0.5625rem
    );
    -moz-column-gap: clamp(
      0.375rem,
      0.3318345324rem + 0.2158273381vw,
      0.5625rem
    );
    column-gap: clamp(0.375rem, 0.3318345324rem + 0.2158273381vw, 0.5625rem);
  }
  .footer__container > a > span {
    font-size: clamp(1.125rem, 1.0386690647rem + 0.4316546763vw, 1.5rem);
  }
  .footer__container > a > img {
    width: clamp(6.625rem, 6.1070143885rem + 2.5899280576vw, 8.875rem);
  }
  .page__about {
    padding-top: clamp(5rem, 4.1366906475rem + 4.3165467626vw, 8.75rem);
  }
  .page__about {
    padding-bottom: clamp(1.25rem, 0.6744604317rem + 2.8776978417vw, 3.75rem);
  }
  .page__roadmap {
    padding-top: clamp(5rem, 4.4244604317rem + 2.8776978417vw, 7.5rem);
  }
  .page__roadmap {
    padding-bottom: clamp(1.25rem, 0.0989208633rem + 5.7553956835vw, 6.25rem);
  }
  .page__video {
    padding-top: clamp(5rem, 4.7122302158rem + 1.4388489209vw, 6.25rem);
  }
  .page__video {
    padding-bottom: clamp(2.5rem, 1.6366906475rem + 4.3165467626vw, 6.25rem);
  }
  .page__tokenomics {
    padding-top: clamp(3.75rem, 3.1744604317rem + 2.8776978417vw, 6.25rem);
  }
  .page__tokenomics {
    padding-bottom: clamp(
      0.0000000625rem,
      -1.438848844rem + 7.1942445324vw,
      6.25rem
    );
  }
  .page__join {
    margin-top: clamp(1.25rem, 0.3866906475rem + 4.3165467626vw, 5rem);
  }
  .about__title span {
    font-size: clamp(5rem, 4.4244604317rem + 2.8776978417vw, 7.5rem);
  }
  .about__title span::before {
    font-size: clamp(7.0625rem, 6.2423561151rem + 4.1007194245vw, 10.625rem);
  }
  .roadmap__title {
    height: clamp(8.75rem, 7.1241007194rem + 8.1294964029vw, 15.8125rem);
  }
  .roadmap__title {
    margin-bottom: clamp(2.5rem, 1.9532374101rem + 2.7338129496vw, 4.875rem);
  }
  .roadmap__title span {
    font-size: clamp(5rem, 4.4244604317rem + 2.8776978417vw, 7.5rem);
  }
  .roadmap__title span::before {
    font-size: clamp(7.0625rem, 6.2423561151rem + 4.1007194245vw, 10.625rem);
  }
  .roadmap__title span::after {
    font-size: clamp(7.0625rem, 6.2423561151rem + 4.1007194245vw, 10.625rem);
  }
  .roadmap__item {
    padding-top: clamp(1.25rem, 1.0773381295rem + 0.8633093525vw, 2rem);
  }
  .roadmap__item {
    padding-bottom: clamp(1.25rem, 1.0773381295rem + 0.8633093525vw, 2rem);
  }
  .roadmap__item {
    padding-left: clamp(0.9375rem, 0.5777877698rem + 1.7985611511vw, 2.5rem);
  }
  .roadmap__item {
    padding-right: clamp(0.9375rem, 0.5777877698rem + 1.7985611511vw, 2.5rem);
  }
  .roadmap__bottom img {
    height: clamp(5rem, 2.6690647482rem + 11.654676259vw, 15.125rem);
  }
  .tokenomics__supply {
    margin-bottom: clamp(
      1.5625rem,
      1.4186151079rem + 0.7194244604vw,
      2.1875rem
    );
  }
  .tokenomics__supply span {
    font-size: clamp(1.225rem, 0.5465827338rem + 4.8920863309vw, 4rem);
  }
  .tokenomics__items {
    margin-bottom: clamp(1.5625rem, 1.3466726619rem + 1.0791366906vw, 2.5rem);
  }
  .tokenomics__item span:nth-child(1) {
    width: clamp(3.625rem, 3.3947841727rem + 1.1510791367vw, 4.625rem);
  }
  .tokenomics__item span:nth-child(1) {
    height: clamp(3.625rem, 3.3947841727rem + 1.1510791367vw, 4.625rem);
  }
  .tokenomics__item span:nth-child(1) {
    font-size: clamp(1.25rem, 1.1924460432rem + 0.2877697842vw, 1.5rem);
  }
  .tokenomics__item span:nth-child(2) {
    margin-top: clamp(-1.25rem, -0.4811151079rem + -0.7194244604vw, -0.625rem);
  }
  .tokenomics__ca {
    -webkit-column-gap: clamp(1.5rem, 1.3848920863rem + 0.5755395683vw, 2rem);
    -moz-column-gap: clamp(1.5rem, 1.3848920863rem + 0.5755395683vw, 2rem);
    column-gap: clamp(1.5rem, 1.3848920863rem + 0.5755395683vw, 2rem);
  }
  .tokenomics__ca {
    margin-bottom: clamp(1.875rem, 1.7311151079rem + 0.7194244604vw, 2.5rem);
  }
  .tokenomics__ca span:nth-child(1) {
    font-size: clamp(1.25rem, 1.1924460432rem + 0.2877697842vw, 1.5rem);
  }
  .tokenomics__ca span:nth-child(2) {
    font-size: clamp(1rem, 0.9424460432rem + 0.2877697842vw, 1.25rem);
  }
  .join__button {
    width: clamp(7.5rem, 3.845323741rem + 18.273381295vw, 23.375rem);
  }
  .join__button span {
    font-size: clamp(1.5rem, 0.809352518rem + 3.4532374101vw, 4.5rem);
  }
}
@media (min-width: 47.99875em) and (max-width: 120em) {
  .hero__social-item.hero__social-item--1 svg {
    width: clamp(0.75rem, 0.416681134rem + 0.6944323883vw, 1.25rem);
  }
  .hero__social-item.hero__social-item--1 svg {
    height: clamp(0.75rem, 0.416681134rem + 0.6944323883vw, 1.25rem);
  }
  .hero__social-item.hero__social-item--2 svg {
    width: clamp(0.75rem, 0.416681134rem + 0.6944323883vw, 1.25rem);
  }
  .hero__social-item.hero__social-item--2 svg {
    height: clamp(0.8125rem, 0.3541865593rem + 0.9548445339vw, 1.5rem);
  }
  .hero__social-item.hero__social-item--3 svg {
    width: clamp(0.75rem, 0.416681134rem + 0.6944323883vw, 1.25rem);
  }
  .hero__social-item.hero__social-item--3 svg {
    height: clamp(0.75rem, 0.416681134rem + 0.6944323883vw, 1.25rem);
  }
}
@media (min-width: 20em) and (max-width: 47.99875em) {
  .hero__social-item.hero__social-item--1 svg {
    width: clamp(1.125rem, 0.499972097rem + 3.1251395152vw, 2rem);
  }
  .hero__social-item.hero__social-item--1 svg {
    height: clamp(1.125rem, 0.499972097rem + 3.1251395152vw, 2rem);
  }
  .hero__social-item.hero__social-item--2 svg {
    width: clamp(1.125rem, 0.499972097rem + 3.1251395152vw, 2rem);
  }
  .hero__social-item.hero__social-item--2 svg {
    height: clamp(1.125rem, 0.499972097rem + 3.1251395152vw, 2rem);
  }
  .hero__social-item.hero__social-item--3 svg {
    width: clamp(1.125rem, 0.499972097rem + 3.1251395152vw, 2rem);
  }
  .hero__social-item.hero__social-item--3 svg {
    height: clamp(1.125rem, 0.499972097rem + 3.1251395152vw, 2rem);
  }
}
@media (min-width: 61.99875em) and (max-width: 106.875em) {
  .about__body {
    -webkit-column-gap: clamp(
      2.5rem,
      -4.4077463023rem + 11.1417509262vw,
      7.5rem
    );
    -moz-column-gap: clamp(2.5rem, -4.4077463023rem + 11.1417509262vw, 7.5rem);
    column-gap: clamp(2.5rem, -4.4077463023rem + 11.1417509262vw, 7.5rem);
  }
  .about__body {
    padding-left: clamp(
      0.0000000625rem,
      -5.1808095779rem + 8.3563130553vw,
      3.75rem
    );
  }
  .about__body {
    padding-right: clamp(
      0.0000000625rem,
      -5.1808095779rem + 8.3563130553vw,
      3.75rem
    );
  }
  .about__text p {
    font-size: clamp(1.25rem, 0.9046126849rem + 0.5570875463vw, 1.5rem);
  }
  .roadmap__items {
    margin-right: clamp(0.9375rem, -2.9481072951rem + 6.267234896vw, 3.75rem);
  }
  .roadmap__items {
    margin-left: clamp(0.9375rem, -2.9481072951rem + 6.267234896vw, 3.75rem);
  }
  .roadmap__item h3 {
    margin-bottom: clamp(2.25rem, 1.0411443971rem + 1.9498064121vw, 3.125rem);
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: clamp(4.375rem, 1.0938205064rem + 5.2923316899vw, 6.75rem);
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: clamp(5.375rem, 1.3166990474rem + 6.5457786691vw, 8.3125rem);
  }
  .roadmap__item p {
    font-size: clamp(1rem, 0.3092253698rem + 1.1141750926vw, 1.5rem);
  }
  .tokenomics__title span {
    font-size: clamp(5rem, 1.5461268488rem + 5.5708754631vw, 7.5rem);
  }
  .tokenomics__title span::before {
    font-size: clamp(7.0625rem, 2.1407307596rem + 7.9384975349vw, 10.625rem);
  }
  .tokenomics__items {
    -webkit-column-gap: clamp(
      1.25rem,
      -0.8223238907rem + 3.3425252778vw,
      2.75rem
    );
    -moz-column-gap: clamp(1.25rem, -0.8223238907rem + 3.3425252778vw, 2.75rem);
    column-gap: clamp(1.25rem, -0.8223238907rem + 3.3425252778vw, 2.75rem);
  }
  .tokenomics__item span:nth-child(2) {
    font-size: clamp(5rem, 1.5461268488rem + 5.5708754631vw, 7.5rem);
  }
  .tokenomics__item span:nth-child(2) {
    margin-left: clamp(0.375rem, -0.1430809727rem + 0.8356313195vw, 0.75rem);
  }
  .join__title span:nth-child(1) {
    font-size: clamp(8.75rem, 1.324172725rem + 11.9773822456vw, 14.125rem);
  }
  .join__title span:nth-child(2) {
    font-size: clamp(11.0625rem, 1.5643488343rem + 15.3199075235vw, 17.9375rem);
  }
}
@media (min-width: 20em) and (max-width: 61.99875em) {
  .about__text p {
    font-size: clamp(0.875rem, 0.5773720944rem + 1.488139528vw, 1.5rem);
  }
  .tokenomics__title span {
    font-size: clamp(3.125rem, 1.0416046609rem + 10.4169766957vw, 7.5rem);
  }
  .tokenomics__title span::before {
    font-size: clamp(4.375rem, 1.3987209441rem + 14.8813952796vw, 10.625rem);
  }
  .tokenomics__items {
    -webkit-column-gap: clamp(
      2.5rem,
      1.9047441888rem + 2.9762790559vw,
      3.75rem
    );
    -moz-column-gap: clamp(2.5rem, 1.9047441888rem + 2.9762790559vw, 3.75rem);
    column-gap: clamp(2.5rem, 1.9047441888rem + 2.9762790559vw, 3.75rem);
  }
  .tokenomics__item span:nth-child(2) {
    font-size: clamp(4.375rem, 2.886860472rem + 7.4406976398vw, 7.5rem);
  }
  .join__box {
    padding-top: clamp(2.5rem, -3.4525581118rem + 29.7627905592vw, 15rem);
  }
  .join__title span:nth-child(1) {
    font-size: clamp(3.75rem, 1.3689767553rem + 11.9051162237vw, 8.75rem);
  }
  .join__title span:nth-child(2) {
    font-size: clamp(4.6875rem, 1.651695363rem + 15.1790231852vw, 11.0625rem);
  }
  .join__bottom-link {
    font-size: clamp(1.5rem, 1.2618976755rem + 1.1905116224vw, 2rem);
  }
}
@media (min-width: 37.49875em) and (max-width: 61.99875em) {
  .roadmap__item h3 {
    margin-bottom: clamp(2rem, 0.8520790816rem + 3.0612244898vw, 2.75rem);
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: clamp(4.375rem, 1.5051977041rem + 7.6530612245vw, 6.25rem);
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: clamp(5.375rem, 1.8355771684rem + 9.4387755102vw, 7.6875rem);
  }
  .roadmap__item p {
    font-size: clamp(1rem, 0.4260395408rem + 1.5306122449vw, 1.375rem);
  }
}
@media (min-width: 20em) and (max-width: 37.49875em) {
  .roadmap__item h3 {
    margin-bottom: clamp(2rem, 1.142795914rem + 4.28602043vw, 2.75rem);
  }
  .roadmap__item h3 span:nth-child(1) {
    font-size: clamp(4.375rem, 2.231989785rem + 10.7150510751vw, 6.25rem);
  }
  .roadmap__item h3 span:nth-child(2) {
    font-size: clamp(5.375rem, 2.7319540681rem + 13.2152296593vw, 7.6875rem);
  }
  .roadmap__item p {
    font-size: clamp(1rem, 0.571397957rem + 2.143010215vw, 1.375rem);
  }
  .roadmap__bottom {
    height: clamp(11.25rem, 1.2492856633rem + 50.0035716837vw, 20rem);
  }
}
@media (min-width: 37.49875em) and (max-width: 106.875em) {
  .roadmap__bottom {
    height: clamp(16.25rem, 3.0750009009rem + 35.134502081vw, 40.625rem);
  }
}
@media (max-width: 61.99875em) and (min-width: 106.875em) {
  .tokenomics__left {
    margin-top: -8.75rem;
  }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 106.875em) {
  .tokenomics__left {
    margin-top: clamp(-8.75rem, -4.9055755396rem + -3.5971223022vw, -5.625rem);
  }
}
@media (max-width: 61.99875em) and (min-width: 20em) and (max-width: 61.99875em) {
  .tokenomics__right {
    margin-top: clamp(
      -41.875rem,
      -6.8151395875rem + -56.5493020626vw,
      -18.125rem
    );
  }
  .join__bottom {
    -webkit-column-gap: clamp(
      1.875rem,
      0.9821162832rem + 4.4644185839vw,
      3.75rem
    );
    -moz-column-gap: clamp(1.875rem, 0.9821162832rem + 4.4644185839vw, 3.75rem);
    column-gap: clamp(1.875rem, 0.9821162832rem + 4.4644185839vw, 3.75rem);
  }
  .join__bottom-left {
    row-gap: clamp(0.625rem, 0.3273720944rem + 1.488139528vw, 1.25rem);
  }
  .join__bottom-rigth {
    row-gap: clamp(0.625rem, 0.3273720944rem + 1.488139528vw, 1.25rem);
  }
}
@media (min-width: 61.99875em) and (max-width: 120em) {
  .join__box {
    padding-top: clamp(6.25rem, -4.4392092843rem + 17.2410077369vw, 16.25rem);
  }
  .join__bottom-link {
    font-size: clamp(1.25rem, 0.9827697679rem + 0.4310251934vw, 1.5rem);
  }
}
@media (min-width: 61.99875em) and (min-width: 61.99875em) and (max-width: 120em) {
  .join__bottom-left {
    -webkit-column-gap: clamp(1.125rem, 0.1896941876rem + 1.508588177vw, 2rem);
    -moz-column-gap: clamp(1.125rem, 0.1896941876rem + 1.508588177vw, 2rem);
    column-gap: clamp(1.125rem, 0.1896941876rem + 1.508588177vw, 2rem);
  }
  .join__bottom-rigth {
    -webkit-column-gap: clamp(1.125rem, 0.1896941876rem + 1.508588177vw, 2rem);
    -moz-column-gap: clamp(1.125rem, 0.1896941876rem + 1.508588177vw, 2rem);
    column-gap: clamp(1.125rem, 0.1896941876rem + 1.508588177vw, 2rem);
  }
}
@media (any-hover: hover) {
  .menu__link:hover {
    color: #ffd090;
  }
  .menu__link:hover::before {
    width: 100%;
  }
  .menu__button:hover span {
    letter-spacing: 0.1em;
  }
  .footer__container > a:hover {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  .hero__social-item:hover svg {
    scale: 0.9;
  }
  .hero__social-item:hover svg path {
    fill: #ffd090;
  }
  .tokenomics__ca button:hover svg path {
    fill: #ffd090;
  }
  .join__button:hover span {
    letter-spacing: 0.1em;
  }
  .join__bottom-link:hover {
    color: #ffd090;
  }
  .join__social-item:hover svg {
    scale: 0.9;
  }
  .join__social-item:hover svg path {
    fill: #ffd090;
  }
}