* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: break-word;
}

html {
  font-family: sans-serif;
}

body {
  height: 100dvh;
}

address {
  font-style: normal;
}

ul, ol {
  list-style: none;
}

strong, b {
  font-weight: normal;
}

/* State Colors */
/* Serif */
/* Monospace */
/* Project Variables */
body {
  min-height: 100dvh;
  font-family: "Montserrat", serif;
  font-size: 16px;
  font-weight: 400;
}
body * {
  user-select: none;
}

.metro-app {
  width: 100%;
  height: 100%;
}
.metro-app .metro-app-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: black;
}
.metro-app .metro-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.metro-app .metro-layer-background {
  overflow: hidden;
}
.metro-app .metro-layer-background video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.metro-app .metro-layer-overlay.overlay001 {
  background-color: hsla(260, 50%, 50%, 0.25);
}
.metro-app .metro-layer-overlay.overlay002 {
  background: linear-gradient(-45deg, hsla(260, 100%, 25%, 0.25) 0%, hsla(280, 100%, 35%, 0.5) 35%, hsla(280, 100%, 75%, 0.25) 100%);
  mix-blend-mode: hard-light;
  opacity: 75%;
}
.metro-app .metro-layer-main {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.metro-app .metro-layer-main .metro-header {
  padding: 120px 24px 60px;
}
.metro-app .metro-layer-main .metro-header .edrhael-logo {
  display: block;
  width: 140px;
  margin: 0 auto;
  mix-blend-mode: plus-lighter;
  opacity: 50%;
  transition: all 0.2s ease-out;
}
.metro-app .metro-layer-main .metro-header .edrhael-logo:hover {
  opacity: 90%;
}
.metro-app .metro-layer-main .metro-body {
  flex-grow: 1;
}
.metro-app .metro-layer-main .metro-body .metro-body-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 120px;
  width: 100%;
  height: 100%;
  padding: 120px 0;
}
.metro-app .metro-layer-main .metro-body .metro-box-container .metro-box-container-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 348px;
}
.metro-app .metro-layer-main .metro-body .metro-icon-cnt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  cursor: pointer;
  text-decoration: none;
}
.metro-app .metro-layer-main .metro-body .metro-icon-cnt:hover .metro-icon {
  opacity: 90%;
  transform: scale(110%);
}
.metro-app .metro-layer-main .metro-body .metro-icon-cnt .metro-icon {
  mix-blend-mode: plus-lighter;
  backdrop-filter: blur(16px);
  opacity: 50%;
  transition: all 0.2s ease-out;
  transform: scale(100%);
}

@media (max-width: 640px) {
  .metro-app .metro-layer-main .metro-header {
    padding: 60px 24px 40px;
  }
  .metro-app .metro-layer-main .metro-body .metro-body-inner {
    gap: 60px;
    padding: 60px 0;
  }
  .metro-app .metro-layer-main .metro-body .metro-box-container .metro-box-container-inner {
    max-width: 288px;
  }
  .metro-app .metro-layer-main .metro-body .metro-icon-cnt {
    width: 80px;
    height: 80px;
    -webkit-tap-highlight-color: transparent;
  }
  .metro-app .metro-layer-main .metro-body .metro-icon-cnt:hover .metro-icon {
    transform: scale(90%);
  }
  .metro-app .metro-layer-main .metro-body .metro-icon-cnt .metro-icon {
    transform: scale(80%);
  }
}
@keyframes text-focus-in {
  0% {
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-contract-bck {
  0% {
    letter-spacing: 1em;
    transform: translateZ(300px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    transform: translateZ(12px);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-shadow: 0 1px 0 hsl(37, 51%, 77%), 0 2px 0 hsl(37, 51%, 77%), 0 3px 0 hsl(37, 51%, 77%), 0 4px 0 hsl(37, 51%, 77%), 0 5px 0 hsl(37, 51%, 77%), 0 6px 0 hsl(37, 51%, 77%), 0 7px 0 hsl(37, 51%, 77%), 0 8px 0 hsl(37, 51%, 77%), 0 9px 0 hsl(37, 51%, 77%), 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
@keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    text-shadow: 0 1px 0 hsl(37, 51%, 77%), 0 2px 0 hsl(37, 51%, 77%), 0 3px 0 hsl(37, 51%, 77%), 0 4px 0 hsl(37, 51%, 77%), 0 5px 0 hsl(37, 51%, 77%), 0 6px 0 hsl(37, 51%, 77%), 0 7px 0 hsl(37, 51%, 77%), 0 8px 0 hsl(37, 51%, 77%), 0 9px 0 hsl(37, 51%, 77%), 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
    transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 1;
  }
}
@keyframes smoke1 {
  0% {
    filter: blur(0px);
    transform: translateY(0) scale(-1, 1);
    opacity: 0;
  }
  25% {
    filter: blur(3px);
    transform: translateY(-10px) scale(-1, 1.05);
  }
  50% {
    filter: blur(5px);
    transform: translateY(-20px) scale(-1, 1.1);
    opacity: 0.5;
  }
  75% {
    filter: blur(5px);
    transform: translateY(-30px) scale(-1, 1.15);
  }
  100% {
    filter: blur(7px);
    transform: translateY(-40px) scale(-1, 1.2);
    opacity: 0;
  }
}
@keyframes smoke2 {
  0% {
    filter: blur(0px);
    transform: translateY(0) scale(1);
    opacity: 0;
  }
  25% {
    filter: blur(3px);
    transform: translateY(-10px) scale(1.05);
  }
  50% {
    filter: blur(5px);
    transform: translateY(-20px) scale(1.1);
    opacity: 0.5;
  }
  75% {
    filter: blur(7px);
    transform: translateY(-30px) scale(1.15);
  }
  100% {
    filter: blur(10px);
    transform: translateY(-40px) scale(1.2);
    opacity: 0;
  }
}
@keyframes smoke3 {
  0% {
    filter: blur(0px);
    transform: translateY(0) scale(1);
    opacity: 0;
  }
  25% {
    filter: blur(3px);
    transform: translateY(-20px) scale(1.05);
  }
  50% {
    filter: blur(5px);
    transform: translateY(-40px) scale(1.1);
    opacity: 0.5;
  }
  75% {
    filter: blur(5px);
    transform: translateY(-60px) scale(1.15);
  }
  100% {
    filter: blur(7px);
    transform: translateY(-80px) scale(1.2);
    opacity: 0;
  }
}
@keyframes grain {
  0%, 100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-5%, -10%);
  }
  20% {
    transform: translate(-15%, 5%);
  }
  30% {
    transform: translate(7%, -25%);
  }
  40% {
    transform: translate(-5%, 25%);
  }
  50% {
    transform: translate(-15%, 10%);
  }
  60% {
    transform: translate(15%, 0%);
  }
  70% {
    transform: translate(0%, 15%);
  }
  80% {
    transform: translate(3%, 35%);
  }
  90% {
    transform: translate(-10%, 10%);
  }
}
@keyframes check-animation-check {
  0% {
    stroke-dashoffset: 97px;
    stroke-dasharray: 97px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 97px;
  }
}
@keyframes check-animation-check-circle {
  0% {
    stroke-dashoffset: 568px;
    stroke-dasharray: 568px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 568px;
  }
}
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes mask-horizontal-animation {
  0% {
    -webkit-mask-position-x: 0;
    mask-position-x: 0;
  }
  100% {
    -webkit-mask-position-x: 1920px;
    mask-position-x: 1920px;
  }
}
@keyframes flash-gradient {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes animation-wobble {
  0% {
    transform: rotate(0);
  }
  1%, 3%, 5% {
    transform: rotate(15deg);
  }
  2%, 4%, 6% {
    transform: rotate(-15deg);
  }
  7% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-10px, -10px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(10px, 10px);
  }
}
@keyframes animated-wine-pink {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
}
@keyframes animated-wine-orange {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
}
@keyframes animated-wine-red {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
}
@keyframes animated-fade-in-blur {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes animated-fade-out-blur {
  0% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    opacity: 0;
    filter: blur(4px);
  }
}
@keyframes kern-burns-image {
  0% {
    transform: scale(1.05);
    opacity: 1;
    filter: blur(10px);
  }
  25% {
    filter: blur(0);
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.intro {
  animation: fade-in 4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation-delay: 0.5s;
}

.fade-in {
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-out {
  animation: fade-out 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.text-focus-in {
  animation: text-focus-in 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.focus-in-contract-bck {
  animation: focus-in-contract-bck 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.text-pop-up-top {
  animation: text-pop-up-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-blurred-bottom {
  -webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.slide-in-blurred-right {
  -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: slide-in-blurred-right 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.animation-delay-05 {
  animation-delay: 0.5s;
}

.animation-delay-10 {
  animation-delay: 1s;
}

/*# sourceMappingURL=styles.css.map */