html {
	background: #0a0a2c;
	font-family: "Chakra Petch", sans-serif;
}
body {
  overflow: hidden;
}
/*h1, h2, h3, h4 {
	font-family: "Bungee", sans-serif;
}*/
h1 {margin-bottom: 0px;}
h2 {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 600;
}
.tag {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: #A06BFF;
  letter-spacing: 2px;
}
.holding {
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
 	 margin: 0;
  	padding: 0;
}

.holding  {
  --mag: oklch(0.65 0.28 340);
  --cyn: oklch(0.82 0.14 200);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0a0a2c;
}

.holding::before {
  content: "";
  position: absolute;
  left: -25%;
  right: -25%;
  bottom: -12%;
  height: 62%;
  z-index: -1;
  background: repeating-linear-gradient(90deg,color-mix(in oklab,var(--mag) 30%,transparent) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,color-mix(in oklab,var(--mag) 22%,transparent) 0 1px,transparent 1px 40px);
  transform: perspective(320px) rotateX(60deg);
  transform-origin: 50% 0;
  mask: linear-gradient(180deg,transparent,#000 30%);
  -webkit-mask: linear-gradient(180deg,transparent,#000 30%);
}

.holding__content {
	width: 70rem;
	max-width: 90vw;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	column-gap: 5%;
}
.holding__content__text {
	flex: 0 0 50%;
	max-width: 50%;
}
.holding__content__text h1,
.holding__content__text h2,
.holding__content__text p {
	color: #FFF;
}
.holding__content__text h2 span:nth-child(1){
	color: #55E6FF;
	text-shadow: 0 0 24px #55E6FF;
}
.holding__content__text h2 span:nth-child(2){
	color: #FF5FBD;
	text-shadow: 0 0 24px #FF5FBD;
}
.holding__content__text h2 span:nth-child(3){
	color: #FFD447;
	text-shadow: 0 0 24px #FFD447;
}
.holding__content__text img {
	width: auto;
	height: 8rem;
	display: block;
}
.holding__content__text > *:last-child {margin-bottom: 0;}
.holding__content__image {
	flex: 0 0 45%;
	max-width: 45%;
}
.holding__content__image img {
	width: 100%;
	height: auto;
	display: block;
}

@media only screen and (max-width: 450px) {
	.holding__content__content img {
		width: 6rem;
	}
}

.btn {
  margin-top: 20px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 3px;
  background: transparent;
  min-height: 48px;
  line-break: 1.1;
  padding: 8px 36px;
  box-sizing: content-box;
  font-style: italic;
}
.btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid magenta;
  transform: translate(-4px,-3px);
  border-radius: 2px;
  box-shadow: 0 0 10px color-mix(in oklab,var(--mag) 55%,transparent),inset 0 0 12px color-mix(in oklab,var(--mag) 18%,transparent);
  transition: transform .3s ease;
}
.btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid cyan;
  transform: translate(4px,3px);
  border-radius: 2px;
  filter: drop-shadow(0 0 7px color-mix(in oklab,var(--mag) 70%,transparent));
  transition: transform .3s ease;
}
.btn:hover::before {
  transform: translate(-1px,-1px);
}
.btn:hover::after {
  transform: translate(1px,1px);
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  box-sizing: border-box;
}
.footer p {
  color: #8593B6;
  font-size: 14px;
  margin: 0;
  line-break: 1.1;
}
.footer p a {
  color: inherit;
  text-decoration: none;
}
.footer p a:hover {
  color: #FFF;
}