@font-face {
	font-family: "I hate Comic Sans";
	font-display: swap;
	src: url(../fonts/hodl.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "Beautiful Freak Bold";
	font-display: swap;
	src: url(../fonts/hodl.woff) format("woff");
	font-weight: 700;
	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: #000;
	line-height: 1;
	font-family: "I hate Comic Sans";
	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: "I hate Comic Sans";
	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;
}
.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: 90.625rem;
	margin: 0 auto;
	padding: 0 0.9375rem;
}
[class*="--gc"] {
	display: grid;
	min-width: 0;
	grid-template-columns: 0.9375rem 1fr minmax(auto, 88.75rem) 1fr 0.9375rem;
}
[class*="--gc"] > * {
	min-width: 0;
	grid-column: 3/4;
}
.menu__list {
	display: flex;
	align-items: center;
}
.menu__item:nth-child(1) .menu__link::before {
	content: "about";
}
.menu__item:nth-child(1) .menu__link::after {
	content: "about";
}
.menu__item:nth-child(2) .menu__link::before {
	content: "how to buy";
}
.menu__item:nth-child(2) .menu__link::after {
	content: "how to buy";
}
.menu__item:nth-child(3) .menu__link::before {
	content: "tokenomics";
}
.menu__item:nth-child(3) .menu__link::after {
	content: "tokenomics";
}
.menu__link {
	position: relative;
	color: #000;
	font-family: "Beautiful Freak Bold";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.05rem;
	text-transform: lowercase;
	color: transparent;
	text-wrap: nowrap;
	white-space: nowrap;
}
.menu__link._navigator-active::before {
	opacity: 1;
}
.menu__link._navigator-active::after {
	opacity: 0;
}
.menu__link::after {
	content: "";
	color: #000;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: "Beautiful Freak Bold";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.05rem;
	text-transform: lowercase;
	text-wrap: nowrap;
	white-space: nowrap;
	transition: opacity 0.2s ease 0s;
}
.menu__link::before {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: "Beautiful Freak Bold";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.05rem;
	text-transform: lowercase;
	background: url(../images/01_4.png) no-repeat;
	background-size: cover;
	-webkit-background-clip: text;
	background-clip: text;
	text-wrap: nowrap;
	white-space: nowrap;
	color: transparent;
	transition: opacity 0.2s ease 0s;
	opacity: 0;
}
.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.9375rem;
	left: 0;
	width: 100%;
}
.header__container {
	display: flex;
	justify-content: center;
}
.header__body {
	position: relative;
	z-index: 2;
	padding: 0.375rem 0.75rem 0.375rem 1.25rem;
	max-width: 51.875rem;
	width: 100%;
	border-radius: 6.25rem;
	border: 0.1875rem solid #000;
	background-color: #fafdff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header__logo {
	position: relative;
	width: 9.3125rem;
}
.header__logo img {
	width: 100%;
}
.header__button {
	position: relative;
	z-index: 2;
	border-radius: 1.875rem;
	border: 0.125rem solid #000;
	background-color: #00eb55;
	height: 3rem;
}
.header__button::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0.25rem;
	border-radius: 1.25rem;
	border: 0.125rem solid #000;
	background: url(../images/01_4.png) center/cover no-repeat;
	transition: inset 0.2s ease 0s, border-radius 0.2s ease 0s;
}
.header__button span {
	position: relative;
	z-index: 2;
	color: #000;
	font-family: "Beautiful Freak Bold";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: 0.0625rem;
	position: absolute;
	inset: 0.25rem;
	border-radius: 1.25rem;
	border: 0.125rem solid #000;
	background-color: #e1af08;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease 0s, letter-spacing 0.2s ease 0s,
		inset 0.2s ease 0s, border-radius 0.2s ease 0s;
}
.footer {
	position: relative;
	z-index: 2;
	border-top: 0.1875rem solid #000;
	border-bottom: 0.1875rem solid #000;
}
.footer__top {
	background: url(../images/h/8.jpg) center/cover no-repeat;
}
.footer__top-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer__top-image {
	flex: 0 0 40%;
}
.footer__top-image img {
	width: 100%;
}
.footer__top-menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.footer__top-menu-item {
	color: #fff;
	-webkit-text-stroke-width: 0.0625em;
	-webkit-text-stroke-color: #000;
	paint-order: stroke fill;
	font-family: "Beautiful Freak Bold";
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.05em;
	text-transform: lowercase;
	transition: color 0.2s ease 0s;
}
.footer__top-socail {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.625rem;
}
.footer__top-social-item {
	position: relative;
	z-index: 2;
	border-radius: 50%;
	overflow: hidden;
}
.footer__top-social-item:nth-child(1) {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.footer__top-social-item:nth-child(2) {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.footer__top-social-item img {
	width: 100%;
	transition: scale 0.2s ease 0s;
}
.footer__bottom {
	padding: 0.9375rem 0 0.625rem;
	background-color: #000;
}
.footer__bottom-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer__bottom-body span {
	color: #fff;
	font-family: "I hate Comic Sans";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.025rem;
	text-transform: uppercase;
}
.footer__bottom-body a {
	display: flex;
	align-items: center;
	-webkit-column-gap: 0.375rem;
	-moz-column-gap: 0.375rem;
	column-gap: 0.375rem;
}
.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.5);
	-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 heroBg {
	0% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
	}
	5% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	25% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
	}
	100% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
	}
}
@keyframes heroBg {
	0% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
	}
	5% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	25% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
	}
	100% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
	}
}
@-webkit-keyframes heroDec1 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(10%, 0);
		transform: translate(10%, 0);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes heroDec1 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(10%, 0);
		transform: translate(10%, 0);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@-webkit-keyframes heroDec2 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(10%, 5%);
		transform: translate(10%, 5%);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes heroDec2 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(10%, 5%);
		transform: translate(10%, 5%);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@-webkit-keyframes heroDec3 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(-10%, -10%);
		transform: translate(-10%, -10%);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes heroDec3 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(-10%, -10%);
		transform: translate(-10%, -10%);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@-webkit-keyframes heroDec4 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(2%, -10%);
		transform: translate(2%, -10%);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes heroDec4 {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	10% {
		-webkit-transform: translate(2%, -10%);
		transform: translate(2%, -10%);
	}
	50% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
.hero {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100vh;
}
.hero::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: url(../images/h/1.jpg) center/cover no-repeat;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-animation: heroBg 4s ease 0.1s infinite;
	animation: heroBg 4s ease 0.1s infinite;
}
.hero__decor-box {
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	z-index: 2;
	inset: 0;
}
.hero__decor-box div {
	position: absolute;
}
.hero__decor-box div:nth-child(1) {
	top: 16%;
	left: 16%;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
	width: 7%;
	aspect-ratio: 186/170;
}
.hero__decor-box div:nth-child(1) img {
	-webkit-animation: heroDec3 4s ease 0.15s infinite;
	animation: heroDec3 4s ease 0.15s infinite;
}
.hero__decor-box div:nth-child(2) {
	top: 6%;
	right: 25%;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	width: 9%;
	aspect-ratio: 186/170;
}
.hero__decor-box div:nth-child(2) img {
	-webkit-animation: heroDec4 4s ease 0.15s infinite;
	animation: heroDec4 4s ease 0.15s infinite;
}
.hero__decor-box div:nth-child(3) {
	bottom: 36%;
	right: 22%;
	-webkit-transform: rotate(105deg);
	transform: rotate(105deg);
	width: 6%;
	aspect-ratio: 186/170;
}
.hero__decor-box div:nth-child(3) img {
	-webkit-animation: heroDec4 4s ease 0.15s infinite;
	animation: heroDec4 4s ease 0.15s infinite;
}
.hero__decor-box div:nth-child(4) {
	top: 8%;
	left: 0;
	-webkit-transform: translateX(-20%) scaleX(-1) rotate(-30deg);
	transform: translateX(-20%) scaleX(-1) rotate(-30deg);
	width: 13%;
	aspect-ratio: 1;
}
.hero__decor-box div:nth-child(4) img {
	-webkit-animation: heroDec1 4s ease 0.2s infinite;
	animation: heroDec1 4s ease 0.2s infinite;
}
.hero__decor-box div:nth-child(5) {
	bottom: 8%;
	left: 0;
	-webkit-transform: translateX(-30%) scaleX(-1) rotate(25deg);
	transform: translateX(-30%) scaleX(-1) rotate(25deg);
	width: 18%;
	aspect-ratio: 1;
}
.hero__decor-box div:nth-child(5) img {
	-webkit-animation: heroDec1 4s ease 0.2s infinite;
	animation: heroDec1 4s ease 0.2s infinite;
}
.hero__decor-box div:nth-child(6) {
	bottom: 30%;
	right: 0;
	-webkit-transform: translateX(40%) rotate(-25deg);
	transform: translateX(40%) rotate(-25deg);
	width: 20%;
	aspect-ratio: 1;
}
.hero__decor-box div:nth-child(6) img {
	-webkit-animation: heroDec2 4s ease 0.2s infinite;
	animation: heroDec2 4s ease 0.2s infinite;
}
.hero__decor-box div img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.hero__container {
	position: relative;
	z-index: 3;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.hero__body {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	max-width: 77.5rem;
}
.hero__title {
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	z-index: 1;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-animation: heroBg 4s ease infinite;
	animation: heroBg 4s ease infinite;
}
.hero__title img {
	width: 100%;
}
.hero__main {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-end;
}
.hero__actions {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}
.hero__button {
	position: relative;
	z-index: 2;
	width: 15.3125rem;
	aspect-ratio: 1;
	-webkit-animation: rotate 10s linear infinite;
	animation: rotate 10s linear infinite;
	border-radius: 50%;
}
.hero__button img {
	width: 100%;
	transition: scale 0.2s ease 0s;
}
.hero__social {
	display: flex;
	flex-direction: column;
	row-gap: 0.625rem;
}
.hero__social-item {
	position: relative;
	z-index: 2;
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero__social-item:nth-child(1) {
	-webkit-transform: translateX(15%) rotate(15deg);
	transform: translateX(15%) rotate(15deg);
}
.hero__social-item img {
	width: 100%;
	transition: scale 0.2s ease 0s;
}
.hero__image {
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}
.hero__image img {
	width: 100%;
}
.hero__bottom {
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	width: 100%;
	min-height: 3.125rem;
}
.hero__bottom img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-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 to-bottom {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-2.5rem);
		transform: translateY(-2.5rem);
	}
	25% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes to-bottom {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-2.5rem);
		transform: translateY(-2.5rem);
	}
	25% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.about {
	position: relative;
	z-index: 1;
	background-color: #fafdff;
}
.about::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: url(../images/h/3.jpg) center/cover no-repeat;
	opacity: 0.2;
}
.about__container {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about__image {
	flex: 0 0 52%;
}
.about__image img {
	width: 100%;
	-webkit-transform: rotate(-4.613deg);
	transform: rotate(-4.613deg);
}
.about__content {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.about__title {
	opacity: 0;
	visibility: hidden;
	will-change: opacity, visibility;
}
.about__title._watcher-view {
	-webkit-animation: opacity 0.3s ease 0.2s forwards;
	animation: opacity 0.3s ease 0.2s forwards;
}
.about__title img {
	width: 100%;
}
.about__text {
	color: #000;
	font-family: "I hate Comic Sans";
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 1.5rem;
	opacity: 0;
	visibility: hidden;
	will-change: opacity, visibility;
}
.about__text._watcher-view {
	-webkit-animation: opacity 0.3s ease 0.2s forwards;
	animation: opacity 0.3s ease 0.2s forwards;
}
.about__button {
	position: relative;
	z-index: 2;
	width: 12.75rem;
	height: 3.125rem;
	border-radius: 6.25rem;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	will-change: opacity, visibility;
}
.about__button._watcher-view {
	-webkit-animation: opacity 0.3s ease 0.2s forwards;
	animation: opacity 0.3s ease 0.2s forwards;
}
.about__button::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: url(../images/01_4.png) center/cover no-repeat;
	opacity: 0;
	transition: opacity 0.2s ease 0s;
}
.about__button span {
	position: relative;
	z-index: 2;
	color: #fff;
	font-family: "Beautiful Freak Bold";
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: 0.075rem;
	text-transform: lowercase;
	transition: letter-spacing 0.2s ease 0s, color 0.2s ease 0s;
}
@-webkit-keyframes scaleStar {
	0% {
		scale: 0;
	}
	30% {
		scale: 1;
	}
	50% {
		scale: 1;
	}
	70% {
		scale: 0;
	}
	100% {
		scale: 0;
	}
}
@keyframes scaleStar {
	0% {
		scale: 0;
	}
	30% {
		scale: 1;
	}
	50% {
		scale: 1;
	}
	70% {
		scale: 0;
	}
	100% {
		scale: 0;
	}
}
.how {
	position: relative;
	z-index: 1;
	border-top: 0.1875rem solid #000;
	border-bottom: 0.1875rem solid #000;
}
.how__bg {
	position: absolute;
	z-index: 1;
	inset: 0;
}
.how__bg::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 10%;
	left: 0;
	aspect-ratio: 331/447;
	background: url(../images/03.png) center/contain no-repeat;
	-webkit-animation: vawe 6s ease 3s infinite;
	animation: vawe 6s ease 3s infinite;
}
.how__bg img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.how__bg span {
	position: absolute;
	z-index: 3;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #fff;
	scale: 0;
	-webkit-animation: scaleStar 4s ease infinite;
	animation: scaleStar 4s ease infinite;
}
.how__bg span.s {
	width: 0.1875rem;
}
.how__bg span.m {
	width: 0.375rem;
}
.how__bg span.l {
	width: 0.75rem;
}
.how__container {
	position: relative;
	z-index: 2;
}
.how__images {
	position: relative;
	z-index: 1;
	width: 100%;
	-webkit-animation: vawe 6s ease infinite;
	animation: vawe 6s ease infinite;
}
.how__images._watcher-view .how__image-pony {
	-webkit-animation: pony 0.6s ease 0s forwards;
	animation: pony 0.6s ease 0s forwards;
}
.how__image-main {
	position: relative;
	width: 100%;
}
.how__image-main img {
	width: 100%;
	-webkit-transform: translateX(5%);
	transform: translateX(5%);
}
.how__image-pony {
	position: absolute;
	z-index: 2;
	top: 2%;
	left: -5%;
	width: 50%;
	aspect-ratio: 823/956;
	-webkit-transform: translateX(50%) translateY(25%) scale(0.3);
	transform: translateX(50%) translateY(25%) scale(0.3);
	opacity: 0;
	visibility: hidden;
}
.how__image-pony img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.how__body {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.how__title img {
	width: 100%;
}
.how__items {
	display: grid;
	justify-content: space-between;
	grid-template-columns: 25% 21% 24% 22%;
}
.how__item {
	align-self: flex-start;
	position: relative;
	padding: 1rem 0.875rem;
	border: 0.3rem solid #ff0077;
	background-color: #fac300;
	box-shadow: 0 0.5rem 0 0 #c30c0c;
	display: flex;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
	will-change: opacity, visibility;
}
.how__item h3 {
	color: #d4ff5e;
	-webkit-text-stroke-width: 0.15em;
	-webkit-text-stroke-color: #000;
	paint-order: stroke fill;
	font-family: "Beautiful Freak Bold";
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
.how__item p {
	color: #000;
	font-family: "I hate Comic Sans";
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}
@-webkit-keyframes pony {
	0% {
		-webkit-transform: translateX(50%) translateY(25%) scale(0.3);
		transform: translateX(50%) translateY(25%) scale(0.3);
		opacity: 0;
		visibility: hidden;
	}
	20% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0) translateY(0) scale(1);
		transform: translateX(0) translateY(0) scale(1);
		opacity: 1;
		visibility: visible;
	}
}
@keyframes pony {
	0% {
		-webkit-transform: translateX(50%) translateY(25%) scale(0.3);
		transform: translateX(50%) translateY(25%) scale(0.3);
		opacity: 0;
		visibility: hidden;
	}
	20% {
		opacity: 1;
		visibility: visible;
	}
	100% {
		-webkit-transform: translateX(0) translateY(0) scale(1);
		transform: translateX(0) translateY(0) scale(1);
		opacity: 1;
		visibility: visible;
	}
}
@-webkit-keyframes vawe {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(2%);
		transform: translateY(2%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes vawe {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(2%);
		transform: translateY(2%);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.tokenomics {
	position: relative;
	z-index: 2;
}
.tokenomics::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: url(../images/h/6.jpg) center/cover no-repeat;
}
.tokenomics__container {
	position: relative;
	z-index: 3;
}
.tokenomics__decor {
	position: absolute;
	z-index: 2;
	width: 110%;
	top: 60%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	aspect-ratio: 1730/872;
}
.tokenomics__decor img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-animation: joinBG 4s ease infinite;
	animation: joinBG 4s ease infinite;
}
.tokenomics__body {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.tokenomics__title {
	opacity: 0;
	visibility: hidden;
	will-change: opacity, visibility;
}
.tokenomics__title._watcher-view {
	-webkit-animation: opacity 0.3s ease 0.2s forwards;
	animation: opacity 0.3s ease 0.2s forwards;
}
.tokenomics__title img {
	width: 100%;
}
.tokenomics__slot {
	position: relative;
	z-index: 2;
	aspect-ratio: 900/954;
	background: url(../images/h/4.png) center/contain no-repeat;
	-webkit-transform: translateX(2%);
	transform: translateX(2%);
}
.tokenomics__slot._watcher-view
	.tokenomics__slot-column:nth-child(1)
	img:nth-child(1) {
	-webkit-animation: slot1 0.6s ease 0.2s forwards;
	animation: slot1 0.6s ease 0.2s forwards;
}
.tokenomics__slot._watcher-view
	.tokenomics__slot-column:nth-child(1)
	img:nth-child(2) {
	-webkit-animation: slot12 0.6s ease 0.2s forwards;
	animation: slot12 0.6s ease 0.2s forwards;
}
.tokenomics__slot._watcher-view
	.tokenomics__slot-column:nth-child(2)
	img:nth-child(1) {
	-webkit-animation: slot2 0.6s ease 0.3s forwards;
	animation: slot2 0.6s ease 0.3s forwards;
}
.tokenomics__slot._watcher-view
	.tokenomics__slot-column:nth-child(2)
	img:nth-child(2) {
	-webkit-animation: slot22 0.6s ease 0.3s forwards;
	animation: slot22 0.6s ease 0.3s forwards;
}
.tokenomics__slot._watcher-view
	.tokenomics__slot-column:nth-child(3)
	img:nth-child(1) {
	-webkit-animation: slot3 0.6s ease 0.4s forwards;
	animation: slot3 0.6s ease 0.4s forwards;
}
.tokenomics__slot._watcher-view
	.tokenomics__slot-column:nth-child(3)
	img:nth-child(2) {
	-webkit-animation: slot32 0.6s ease 0.4s forwards;
	animation: slot32 0.6s ease 0.4s forwards;
}
.tokenomics__slot-column {
	position: absolute;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tokenomics__slot-column:nth-child(1) {
	top: 55.2%;
	left: 5.5%;
	width: 36%;
	height: 28.8%;
}
.tokenomics__slot-column:nth-child(1) img:nth-child(1) {
	width: 85%;
	-webkit-transform: translateX(-10%) translateY(0) scale(1);
	transform: translateX(-10%) translateY(0) scale(1);
}
.tokenomics__slot-column:nth-child(1) img:nth-child(2) {
	opacity: 0;
	width: 75%;
	-webkit-transform: translateX(25%) translateY(-125%) scale(0.75);
	transform: translateX(25%) translateY(-125%) scale(0.75);
}
.tokenomics__slot-column:nth-child(2) {
	top: 54.2%;
	left: 35.5%;
	width: 21.6%;
	height: 28.8%;
}
.tokenomics__slot-column:nth-child(2) img:nth-child(1) {
	width: 95%;
	-webkit-transform: translateY(-10%) scale(1);
	transform: translateY(-10%) scale(1);
}
.tokenomics__slot-column:nth-child(2) img:nth-child(2) {
	width: 100%;
	opacity: 0;
	-webkit-transform: translateY(-145%) scale(0.75);
	transform: translateY(-145%) scale(0.75);
}
.tokenomics__slot-column:nth-child(3) {
	top: 55.2%;
	left: 59.5%;
	width: 21.6%;
	height: 28.8%;
}
.tokenomics__slot-column:nth-child(3) img:nth-child(1) {
	width: 85%;
	-webkit-transform: translateX(5%) translateY(-10%) scale(1);
	transform: translateX(5%) translateY(-10%) scale(1);
}
.tokenomics__slot-column:nth-child(3) img:nth-child(2) {
	width: 100%;
	-webkit-transform: translateX(-20%) translateY(-160%) scale(0.75);
	transform: translateX(-20%) translateY(-160%) scale(0.75);
}
.tokenomics__slot-column img {
	position: absolute;
}
.tokenomics__bottom {
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	width: 100%;
	min-height: 3.125rem;
}
.tokenomics__bottom img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
@-webkit-keyframes slot1 {
	0% {
		-webkit-transform: translateX(-10%) translateY(0) scale(1);
		transform: translateX(-10%) translateY(0) scale(1);
	}
	100% {
		-webkit-transform: translateX(25%) translateY(130%) scale(0.75);
		transform: translateX(25%) translateY(130%) scale(0.75);
	}
}
@keyframes slot1 {
	0% {
		-webkit-transform: translateX(-10%) translateY(0) scale(1);
		transform: translateX(-10%) translateY(0) scale(1);
	}
	100% {
		-webkit-transform: translateX(25%) translateY(130%) scale(0.75);
		transform: translateX(25%) translateY(130%) scale(0.75);
	}
}
@-webkit-keyframes slot12 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(25%) translateY(-130%) scale(0.6);
		transform: translateX(25%) translateY(-130%) scale(0.6);
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(-8%) translateY(0) scale(1);
		transform: translateX(-8%) translateY(0) scale(1);
	}
}
@keyframes slot12 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(25%) translateY(-130%) scale(0.6);
		transform: translateX(25%) translateY(-130%) scale(0.6);
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(-8%) translateY(0) scale(1);
		transform: translateX(-8%) translateY(0) scale(1);
	}
}
@-webkit-keyframes slot2 {
	0% {
		-webkit-transform: translateY(-10%) scale(1);
		transform: translateY(-10%) scale(1);
	}
	100% {
		-webkit-transform: translateY(145%) scale(0.75);
		transform: translateY(145%) scale(0.75);
	}
}
@keyframes slot2 {
	0% {
		-webkit-transform: translateY(-10%) scale(1);
		transform: translateY(-10%) scale(1);
	}
	100% {
		-webkit-transform: translateY(145%) scale(0.75);
		transform: translateY(145%) scale(0.75);
	}
}
@-webkit-keyframes slot22 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-145%) scale(0.75);
		transform: translateY(-145%) scale(0.75);
	}
	25% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(-8%) scale(1);
		transform: translateY(-8%) scale(1);
	}
}
@keyframes slot22 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-145%) scale(0.75);
		transform: translateY(-145%) scale(0.75);
	}
	25% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(-8%) scale(1);
		transform: translateY(-8%) scale(1);
	}
}
@-webkit-keyframes slot3 {
	0% {
		-webkit-transform: translateX(5%) translateY(-10%) scale(1);
		transform: translateX(5%) translateY(-10%) scale(1);
	}
	100% {
		-webkit-transform: translateX(-35%) translateY(145%) scale(0.6);
		transform: translateX(-35%) translateY(145%) scale(0.6);
	}
}
@keyframes slot3 {
	0% {
		-webkit-transform: translateX(5%) translateY(-10%) scale(1);
		transform: translateX(5%) translateY(-10%) scale(1);
	}
	100% {
		-webkit-transform: translateX(-35%) translateY(145%) scale(0.6);
		transform: translateX(-35%) translateY(145%) scale(0.6);
	}
}
@-webkit-keyframes slot32 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20%) translateY(-160%) scale(0.75);
		transform: translateX(-20%) translateY(-160%) scale(0.75);
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) translateY(-5%) scale(1);
		transform: translateX(0) translateY(-5%) scale(1);
	}
}
@keyframes slot32 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20%) translateY(-160%) scale(0.75);
		transform: translateX(-20%) translateY(-160%) scale(0.75);
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) translateY(-5%) scale(1);
		transform: translateX(0) translateY(-5%) scale(1);
	}
}
@-webkit-keyframes joinBG {
	0% {
		-webkit-transform: rotate(-1deg) scale(1);
		transform: rotate(-1deg) scale(1);
	}
	40% {
		-webkit-transform: rotate(1deg) scale(1.025);
		transform: rotate(1deg) scale(1.025);
	}
	100% {
		-webkit-transform: rotate(-1deg) scale(1);
		transform: rotate(-1deg) scale(1);
	}
}
@keyframes joinBG {
	0% {
		-webkit-transform: rotate(-1deg) scale(1);
		transform: rotate(-1deg) scale(1);
	}
	40% {
		-webkit-transform: rotate(1deg) scale(1.025);
		transform: rotate(1deg) scale(1.025);
	}
	100% {
		-webkit-transform: rotate(-1deg) scale(1);
		transform: rotate(-1deg) scale(1);
	}
}
.join {
	position: relative;
	z-index: 1;
}
.join::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: url(../images/BG_1.jpg) center/cover no-repeat;
}
.join__container {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.join__title img {
	width: 100%;
}
.join__body {
	position: relative;
	z-index: 2;
	width: 100%;
	display: flex;
	align-items: flex-end;
}
.join__actions {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	row-gap: 0.625rem;
}
.join__socail {
	display: flex;
	flex-direction: column;
	row-gap: 0.625rem;
}
.join__socail-item {
	position: relative;
	z-index: 2;
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.join__socail-item img {
	width: 100%;
	transition: scale 0.2s ease 0s;
}
.join__button {
	position: relative;
	z-index: 2;
	width: 15.3125rem;
	aspect-ratio: 1;
	-webkit-animation: rotate 10s linear infinite;
	animation: rotate 10s linear infinite;
	border-radius: 50%;
	overflow: hidden;
}
.join__button img {
	border-radius: 50%;
	width: 100%;
	transition: scale 0.2s ease 0s;
}
.join__image {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.join__image img {
	width: 106%;
}
@media (min-width: 47.99875em) {
	.hero__title {
		width: 92%;
	}
	.hero__main {
		width: 94%;
	}
	.hero__image {
		flex: 1 1 auto;
	}
	.how__items._watcher-view .how__item:nth-child(1) {
		-webkit-animation: opacity 0.45s ease 0.2s forwards;
		animation: opacity 0.45s ease 0.2s forwards;
	}
	.how__items._watcher-view .how__item:nth-child(2) {
		-webkit-animation: opacity 0.45s ease 0.3s forwards;
		animation: opacity 0.45s ease 0.3s forwards;
	}
	.how__items._watcher-view .how__item:nth-child(3) {
		-webkit-animation: opacity 0.45s ease 0.4s forwards;
		animation: opacity 0.45s ease 0.4s forwards;
	}
	.how__items._watcher-view .how__item:nth-child(4) {
		-webkit-animation: opacity 0.45s ease 0.5s forwards;
		animation: opacity 0.45s ease 0.5s forwards;
	}
	.how__item:nth-child(1) {
		-webkit-transform: translateY(18%);
		transform: translateY(18%);
	}
	.how__item:nth-child(3) {
		-webkit-transform: translateY(8%);
		transform: translateY(8%);
	}
	.how__item:nth-child(4) {
		-webkit-transform: translateY(35%);
		transform: translateY(35%);
	}
	.join__socail-item:nth-child(1) {
		-webkit-transform: translateX(125%) translateY(25%) rotate(15deg);
		transform: translateX(125%) translateY(25%) rotate(15deg);
	}
}
@media (min-width: 90.625em) {
	.menu__list {
		-webkit-column-gap: 2.5rem;
		-moz-column-gap: 2.5rem;
		column-gap: 2.5rem;
	}
	.header__button {
		width: 9.3125rem;
	}
	.footer__top-menu-item {
		font-size: 4rem;
	}
	.footer__top-social-item {
		width: 7rem;
	}
	.page__hero {
		padding-top: 3.75rem;
	}
	.page__about {
		padding-top: 5rem;
	}
	.page__about {
		padding-bottom: 3.75rem;
	}
	.page__how {
		padding-top: 2.5rem;
	}
	.page__how {
		padding-bottom: 5rem;
	}
	.page__tokenomics {
		padding-top: 0.0000000625rem;
	}
	.page__join {
		padding-top: 7.5rem;
	}
	.page__join {
		padding-bottom: 5rem;
	}
	.hero__main {
		-webkit-column-gap: 2.5rem;
		-moz-column-gap: 2.5rem;
		column-gap: 2.5rem;
	}
	.hero__main {
		margin-top: -26.25rem;
	}
	.hero__actions {
		padding-bottom: 1.875rem;
	}
	.hero__button {
		width: 15.3125rem;
	}
	.hero__social-item:nth-child(1) {
		width: 7.6875rem;
	}
	.hero__social-item:nth-child(2) {
		width: 6.375rem;
	}
	.about__content {
		width: 35.5rem;
	}
	.about__title {
		width: 32.9375rem;
	}
	.about__text {
		font-size: 1.5rem;
	}
	.how__bg::before {
		width: 20.6875rem;
	}
	.how__body {
		margin-top: -28.75rem;
	}
	.how__title {
		width: 67.5rem;
	}
	.how__item h3 {
		font-size: 2.5rem;
	}
	.how__item h3 {
		margin-bottom: 1rem;
	}
	.how__item p {
		font-size: 1.5rem;
	}
	.tokenomics__title {
		width: 88.9375rem;
	}
	.tokenomics__slot {
		width: 80rem;
	}
	.join__title {
		width: 58.75rem;
	}
	.join__body {
		margin-top: -21.25rem;
	}
	.join__actions {
		margin-bottom: 3.75rem;
	}
	.join__socail-item:nth-child(1) {
		width: 6.375rem;
	}
	.join__socail-item:nth-child(2) {
		width: 7.6875rem;
	}
	.join__button {
		width: 15.3125rem;
	}
	.join__button {
		margin-left: 5rem;
	}
	.join__button {
		margin-top: -3.75rem;
	}
}
@media (max-width: 20em) {
	.footer__top-menu-item {
		font-size: 3rem;
	}
	.footer__top-social-item {
		width: 3.75rem;
	}
	.page__hero {
		padding-top: 8.75rem;
	}
	.page__about {
		padding-top: 3.75rem;
	}
	.page__about {
		padding-bottom: 2.5rem;
	}
	.page__how {
		padding-top: 3.75rem;
	}
	.page__how {
		padding-bottom: 2.5rem;
	}
	.page__tokenomics {
		padding-top: 1.875rem;
	}
	.page__join {
		padding-top: 3.75rem;
	}
	.page__join {
		padding-bottom: 2.5rem;
	}
	.hero__button {
		width: 10rem;
	}
	.hero__social-item:nth-child(1) {
		width: 5rem;
	}
	.hero__social-item:nth-child(2) {
		width: 4.375rem;
	}
	.about__title {
		width: 18.125rem;
	}
	.how__bg::before {
		width: 6.875rem;
	}
	.how__body {
		margin-top: -5rem;
	}
	.how__item h3 {
		font-size: 2rem;
	}
	.how__item h3 {
		margin-bottom: 0.625rem;
	}
	.how__item p {
		font-size: 1.125rem;
	}
	.tokenomics__title {
		width: 18.125rem;
	}
	.join__socail-item:nth-child(1) {
		width: 4.375rem;
	}
	.join__socail-item:nth-child(2) {
		width: 5rem;
	}
	.join__button {
		width: 10rem;
	}
	.join__button {
		margin-top: -0.9375rem;
	}
	.join__image {
		margin-top: -5rem;
	}
}
@media (max-width: 47.99875em) {
	.menu__body {
		position: fixed;
		width: calc(100% - 1.875rem);
		height: auto;
		right: -100%;
		top: 6.4375rem;
		overflow: auto;
		padding: 1.875rem 0.9375rem 1.875rem 0.9375rem;
		border-radius: 2.5rem;
		border: 0.1875rem solid #000;
		background-color: #fafdff;
		display: flex;
		flex-direction: column;
		align-items: center;
		transition: right 0.3s;
	}
	.menu-open .menu__body {
		right: 0.9375rem;
	}
	.menu__list {
		flex-direction: column;
		row-gap: 1.875rem;
		margin-bottom: 1.875rem;
	}
	.menu__link {
		font-size: 1.5rem;
	}
	.menu__link::after {
		font-size: 1.5rem;
	}
	.menu__link::before {
		font-size: 1.5rem;
	}
	.icon-menu {
		display: block;
		position: relative;
		width: 2.5rem;
		height: 1.125rem;
		z-index: 5;
	}
	.icon-menu span,
	.icon-menu::after,
	.icon-menu::before {
		content: "";
		transition: all 0.3s ease 0s;
		right: 0;
		position: absolute;
		width: 100%;
		height: 0.125rem;
		background-color: #000;
	}
	.icon-menu::before {
		top: 0;
	}
	.icon-menu::after {
		bottom: 0;
	}
	.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__body {
		padding: 0.375rem 1.25rem;
	}
	.header__button {
		width: 13.75rem;
		height: 3.25rem;
	}
	.header__button span {
		font-size: 1.5rem;
	}
	.footer__top-body {
		flex-direction: column;
		row-gap: 1.25rem;
		padding-bottom: 2.5rem;
	}
	.footer__top-menu {
		width: 100%;
	}
	.footer__top-socail {
		-webkit-transform: translateX(15%);
		transform: translateX(15%);
	}
	.footer__bottom-body {
		flex-direction: column-reverse;
		row-gap: 0.625rem;
	}
	.hero__decor-box div:nth-child(1) {
		top: 18%;
		left: 5%;
		width: 14%;
	}
	.hero__decor-box div:nth-child(2) {
		top: 12%;
		right: 25%;
		width: 18%;
	}
	.hero__decor-box div:nth-child(3) {
		bottom: 58%;
		right: 22%;
		width: 12%;
	}
	.hero__decor-box div:nth-child(4) {
		top: 5%;
		width: 26%;
	}
	.hero__decor-box div:nth-child(5) {
		width: 36%;
		bottom: 42%;
	}
	.hero__decor-box div:nth-child(6) {
		bottom: 48%;
		width: 40%;
	}
	.hero__main {
		width: 100%;
		flex-direction: column;
		align-items: center;
		row-gap: 0.625rem;
	}
	.hero__image {
		margin-bottom: 0.9375rem;
	}
	.hero__image img {
		-webkit-transform: translateX(5%);
		transform: translateX(5%);
	}
	.about__container {
		flex-direction: column-reverse;
		row-gap: 1.25rem;
	}
	.about__content {
		align-items: center;
		text-align: center;
	}
	.about__text {
		font-size: 1.25rem;
	}
	.how__bg::before {
		top: 0;
	}
	.how__body {
		align-items: center;
		row-gap: 0.625rem;
	}
	.how__items {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 0.9375rem;
	}
	.how__item {
		align-items: center;
		text-align: center;
	}
	.how__item._watcher-view {
		-webkit-animation: opacity 0.45s ease 0.2s forwards;
		animation: opacity 0.45s ease 0.2s forwards;
	}
	.tokenomics__slot {
		width: 100%;
	}
	.join__container {
		align-items: center;
	}
	.join__title {
		width: 100%;
		margin-bottom: 1.25rem;
	}
	.join__body {
		flex-direction: column;
		align-items: center;
	}
	.join__socail {
		flex-direction: row;
		-webkit-column-gap: 0.9375rem;
		-moz-column-gap: 0.9375rem;
		column-gap: 0.9375rem;
	}
	.join__image img {
		width: 114%;
		-webkit-transform: translateX(1%);
		transform: translateX(1%);
	}
}
@media (max-width: 47.99875em) and (any-hover: none) {
	.icon-menu {
		cursor: default;
	}
}
@media (min-width: 47.99875em) and (max-width: 90.625em) {
	.menu__list {
		-webkit-column-gap: clamp(
			1.5rem,
			0.3739626404rem + 2.3459722589vw,
			2.5rem
		);
		-moz-column-gap: clamp(
			1.5rem,
			0.3739626404rem + 2.3459722589vw,
			2.5rem
		);
		column-gap: clamp(1.5rem, 0.3739626404rem + 2.3459722589vw, 2.5rem);
	}
	.header__button {
		width: clamp(8.5rem, 7.5850946453rem + 1.9061024603vw, 9.3125rem);
	}
	.footer__top-menu-item {
		font-size: clamp(2.625rem, 1.0766986305rem + 3.225711856vw, 4rem);
	}
	.footer__top-social-item {
		width: clamp(3.75rem, 0.0903785813rem + 7.6244098414vw, 7rem);
	}
	.hero__main {
		-webkit-column-gap: clamp(
			0.9375rem,
			-0.8219333744rem + 3.6655816545vw,
			2.5rem
		);
		-moz-column-gap: clamp(
			0.9375rem,
			-0.8219333744rem + 3.6655816545vw,
			2.5rem
		);
		column-gap: clamp(0.9375rem, -0.8219333744rem + 3.6655816545vw, 2.5rem);
	}
	.hero__main {
		margin-top: clamp(
			-26.25rem,
			0.3254669951rem + -29.324653236vw,
			-13.75rem
		);
	}
	.hero__actions {
		padding-bottom: clamp(
			1.25rem,
			0.5462266502rem + 1.4662326618vw,
			1.875rem
		);
	}
	.hero__button {
		width: clamp(11.25rem, 6.6754732266rem + 9.5305123017vw, 15.3125rem);
	}
	.hero__social-item:nth-child(1) {
		width: clamp(5.625rem, 3.3025479458rem + 4.8385677839vw, 7.6875rem);
	}
	.hero__social-item:nth-child(2) {
		width: clamp(5rem, 3.4516986305rem + 3.225711856vw, 6.375rem);
	}
	.about__content {
		width: clamp(20.3125rem, 3.210807601rem + 35.6294536817vw, 35.5rem);
	}
	.about__title {
		width: clamp(19.0625rem, 3.4387316354rem + 32.5503650919vw, 32.9375rem);
	}
	.about__text {
		font-size: clamp(1.125rem, 0.7027359901rem + 0.8797395971vw, 1.5rem);
	}
	.how__title {
		width: clamp(38.75rem, 6.3764259113rem + 67.4467024427vw, 67.5rem);
	}
	.how__item h3 {
		font-size: clamp(1.5rem, 0.3739626404rem + 2.3459722589vw, 2.5rem);
	}
	.how__item h3 {
		margin-bottom: clamp(0.5rem, -0.0630186798rem + 1.1729861294vw, 1rem);
	}
	.how__item p {
		font-size: clamp(1rem, 0.4369813202rem + 1.1729861294vw, 1.5rem);
	}
	.tokenomics__slot {
		width: clamp(40rem, 24.5169863054rem + 32.2571185596vw, 53.75rem);
	}
	.tokenomics__slot {
		margin-top: clamp(
			-9.375rem,
			-0.0735865517rem + -10.2636286326vw,
			-5rem
		);
	}
	.join__title {
		width: clamp(33.75rem, 5.5990660098rem + 58.649306472vw, 58.75rem);
	}
	.join__body {
		margin-top: clamp(
			-21.25rem,
			2.6679202956rem + -26.3921879124vw,
			-10rem
		);
	}
	.join__actions {
		margin-bottom: clamp(
			1.875rem,
			-0.2363200493rem + 4.3986979854vw,
			3.75rem
		);
	}
	.join__socail-item:nth-child(1) {
		width: clamp(5rem, 3.4516986305rem + 3.225711856vw, 6.375rem);
	}
	.join__socail-item:nth-child(2) {
		width: clamp(5.625rem, 3.3025479458rem + 4.8385677839vw, 7.6875rem);
	}
	.join__button {
		width: clamp(11.25rem, 6.6754732266rem + 9.5305123017vw, 15.3125rem);
	}
	.join__button {
		margin-left: clamp(2.5rem, -0.315093399rem + 5.8649306472vw, 5rem);
	}
	.join__button {
		margin-top: clamp(
			-3.75rem,
			0.2363200493rem + -4.3986979854vw,
			-1.875rem
		);
	}
}
@media (min-width: 20em) and (max-width: 47.99875em) {
	.footer__top-menu-item {
		font-size: clamp(3rem, 2.2856823965rem + 3.5715880173vw, 4rem);
	}
	.footer__top-social-item {
		width: clamp(3.75rem, 2.8571029957rem + 4.4644850217vw, 5rem);
	}
	.hero__button {
		width: clamp(10rem, 6.2051877316rem + 18.974061342vw, 15.3125rem);
	}
	.hero__social-item:nth-child(1) {
		width: clamp(5rem, 3.0802714407rem + 9.5986427966vw, 7.6875rem);
	}
	.hero__social-item:nth-child(2) {
		width: clamp(4.375rem, 2.9463647931rem + 7.1431760346vw, 6.375rem);
	}
	.about__title {
		width: clamp(18.125rem, 9.6424784589rem + 42.4126077057vw, 30rem);
	}
	.how__item h3 {
		font-size: clamp(2rem, 1.5535514978rem + 2.2322425108vw, 2.625rem);
	}
	.how__item h3 {
		margin-bottom: clamp(
			0.625rem,
			0.1785514978rem + 2.2322425108vw,
			1.25rem
		);
	}
	.how__item p {
		font-size: clamp(1.125rem, 0.8571308987rem + 1.3393455065vw, 1.5rem);
	}
	.join__socail-item:nth-child(1) {
		width: clamp(4.375rem, 2.9463647931rem + 7.1431760346vw, 6.375rem);
	}
	.join__socail-item:nth-child(2) {
		width: clamp(5rem, 3.0802714407rem + 9.5986427966vw, 7.6875rem);
	}
	.join__button {
		width: clamp(10rem, 6.2051877316rem + 18.974061342vw, 15.3125rem);
	}
	.join__button {
		margin-top: clamp(
			-1.875rem,
			-0.2678272468rem + -3.3483637662vw,
			-0.9375rem
		);
	}
	.join__image {
		margin-top: clamp(-10rem, -1.4284119827rem + -17.8579400866vw, -5rem);
	}
}
@media (min-width: 20em) and (max-width: 90.625em) {
	.page__hero {
		padding-top: clamp(
			3.75rem,
			10.1659292035rem + -7.0796460177vw,
			8.75rem
		);
	}
	.page__about {
		padding-top: clamp(3.75rem, 3.3960176991rem + 1.7699115044vw, 5rem);
	}
	.page__about {
		padding-bottom: clamp(
			2.5rem,
			2.1460176991rem + 1.7699115044vw,
			3.75rem
		);
	}
	.page__how {
		padding-top: clamp(2.5rem, 4.1039823009rem + -1.7699115044vw, 3.75rem);
	}
	.page__how {
		padding-bottom: clamp(2.5rem, 1.7920353982rem + 3.5398230088vw, 5rem);
	}
	.page__tokenomics {
		padding-top: clamp(
			0.0000000625rem,
			2.4059734336rem + -2.6548671681vw,
			1.875rem
		);
	}
	.page__join {
		padding-top: clamp(3.75rem, 2.6880530973rem + 5.3097345133vw, 7.5rem);
	}
	.page__join {
		padding-bottom: clamp(2.5rem, 1.7920353982rem + 3.5398230088vw, 5rem);
	}
	.how__bg::before {
		width: clamp(6.875rem, 2.9634955752rem + 19.5575221239vw, 20.6875rem);
	}
	.how__body {
		margin-top: clamp(-28.75rem, 1.7256637168rem + -33.6283185841vw, -5rem);
	}
	.tokenomics__title {
		width: clamp(
			18.125rem,
			-1.9280973451rem + 100.2654867257vw,
			88.9375rem
		);
	}
}
@media (any-hover: hover) {
	.menu__link:hover::before {
		opacity: 1;
	}
	.menu__link:hover::after {
		opacity: 0;
	}
	.header__button:hover::before {
		content: "";
		inset: -0.125rem;
		border-radius: 1.875rem;
	}
	.header__button:hover span {
		background-color: rgba(0, 0, 0, 0);
		letter-spacing: 0.2em;
		inset: -0.125rem;
		border-radius: 1.875rem;
	}
	.footer__top-menu-item:hover {
		color: #7bfff2;
	}
	.footer__top-social-item:hover {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
	.footer__top-social-item:hover img {
		scale: 0.95;
	}
	.footer__bottom-body a:hover span {
		text-decoration: underline;
	}
	.hero__button:hover {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
	.hero__button:hover img {
		scale: 0.975;
	}
	.hero__social-item:hover {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
	.hero__social-item:hover img {
		scale: 0.95;
	}
	.about__button:hover::before {
		opacity: 1;
	}
	.about__button:hover span {
		letter-spacing: 0.2em;
		color: #000;
	}
	.join__socail-item:hover {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
	.join__socail-item:hover img {
		scale: 0.95;
	}
	.join__button:hover {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
	.join__button:hover img {
		scale: 0.975;
	}
}