/* Templates — coming soon (dark) */

body.sk-templates {
  background-color: #080808;
}

body.sk-templates .mil-content,
body.sk-templates .mil-main-transition {
  background-color: #080808;
}

body.sk-templates .mil-frame {
  mix-blend-mode: normal !important;
}

body.sk-templates .mil-frame.mil-frame--on-light .mil-logo__img {
  filter: none !important;
}

body.sk-templates .mil-frame-bottom {
  display: none;
}

body.sk-templates .mil-preloader {
  z-index: 200;
}

body.sk-templates .mil-preloader:not(.mil-hidden) ~ .mil-frame {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.sk-templates .mil-preloader.mil-hidden ~ .mil-frame {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none;
}

.sk-templates-stage {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(7rem, 16vh, 11rem) 1.5rem 3rem;
  text-align: center;
  background-color: #080808;
}

.sk-templates-stage__logo {
  display: block;
  width: min(440px, 78vw);
  height: auto;
  margin: 0 auto clamp(2.5rem, 6vh, 4rem);
  -o-object-fit: contain;
  object-fit: contain;
}

.sk-templates-soon {
  margin: 0;
  font-family: var(--font-heading, "Outfit", sans-serif);
  font-size: clamp(1.75rem, 5.5vw, 3.25rem);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #f0efe8;
  background: linear-gradient(
    180deg,
    #fff9eb 0%,
    #e8d49a 28%,
    #c9a84c 52%,
    #f0efe8 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 18px rgba(201, 168, 76, 0.65))
    drop-shadow(0 0 42px rgba(201, 168, 76, 0.4))
    drop-shadow(0 0 72px rgba(255, 200, 120, 0.2));
  -webkit-animation: sk-templates-glow 2.8s ease-in-out infinite alternate;
  animation: sk-templates-glow 2.8s ease-in-out infinite alternate;
}

@-webkit-keyframes sk-templates-glow {
  from {
    filter: drop-shadow(0 0 14px rgba(201, 168, 76, 0.5))
      drop-shadow(0 0 36px rgba(201, 168, 76, 0.28));
  }
  to {
    filter: drop-shadow(0 0 28px rgba(201, 168, 76, 0.85))
      drop-shadow(0 0 56px rgba(255, 210, 130, 0.45))
      drop-shadow(0 0 90px rgba(201, 168, 76, 0.25));
  }
}

@keyframes sk-templates-glow {
  from {
    filter: drop-shadow(0 0 14px rgba(201, 168, 76, 0.5))
      drop-shadow(0 0 36px rgba(201, 168, 76, 0.28));
  }
  to {
    filter: drop-shadow(0 0 28px rgba(201, 168, 76, 0.85))
      drop-shadow(0 0 56px rgba(255, 210, 130, 0.45))
      drop-shadow(0 0 90px rgba(201, 168, 76, 0.25));
  }
}

@media (prefers-reduced-motion: reduce) {
  .sk-templates-soon {
    -webkit-animation: none;
    animation: none;
    filter: drop-shadow(0 0 20px rgba(201, 168, 76, 0.6));
  }
}