/* Mynd Horizons V3 — custom animations */

/* Lightning effect for hero "Light" word */
@keyframes lightning-flash {
  0%, 100% { text-shadow: 0 0 0 transparent; filter: brightness(1); }
  /* Flash 1 ~1.2s */
  9% { text-shadow: 0 0 8px #fff, 0 0 20px #FFD86B, 0 0 40px #FF9900, 0 0 80px #FF9900; filter: brightness(2.2); }
  13% { text-shadow: 0 0 0 transparent; filter: brightness(1); }
  /* Flash 2 ~5s */
  40% { text-shadow: 0 0 10px #fff, 0 0 24px #FFD86B, 0 0 48px #FF9900; filter: brightness(2.1); }
  44% { text-shadow: 0 0 0 transparent; filter: brightness(1); }
  /* Flash 3 ~9s */
  74% { text-shadow: 0 0 10px #fff, 0 0 24px #FFD86B, 0 0 48px #FF9900, 0 0 80px #FF9900; filter: brightness(2.2); }
  78% { text-shadow: 0 0 0 transparent; filter: brightness(1); }
}
@keyframes lightning-bolt {
  0%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8) rotate(-8deg); }
  8% { opacity: 1; transform: translate(-50%, -50%) scale(1.1) rotate(0deg); }
  13% { opacity: 0; }
  39% { opacity: 0.9; transform: translate(-50%, -50%) scale(1) rotate(6deg); }
  44% { opacity: 0; }
  73% { opacity: 1; transform: translate(-50%, -50%) scale(1.1) rotate(-4deg); }
  78% { opacity: 0; }
}
.lightning-text {
  animation: lightning-flash 12s ease-in-out 0.4s 1 forwards;
  display: inline-block;
}
.lightning-text::before {
  content: "⚡";
  position: absolute;
  left: 50%; top: 50%;
  font-size: 1.6em;
  color: #fff;
  text-shadow: 0 0 12px #FFD86B, 0 0 32px #FF9900, 0 0 60px #FF9900;
  pointer-events: none;
  opacity: 0;
  animation: lightning-bolt 12s ease-in-out 0.4s 1 forwards;
  z-index: 1;
}

/* Flash effect on "Begin Your Journey" — matches the 12s lightning animation */
@keyframes begin-journey-flash {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,153,0,0); transform: scale(1); }
  /* Flash 1 ~1s */
  9% { box-shadow: 0 0 0 8px rgba(255,153,0,0.5), 0 0 40px 12px rgba(255,216,107,0.7); transform: scale(1.05); }
  13% { box-shadow: 0 0 0 0 rgba(255,153,0,0); transform: scale(1); }
  /* Flash 2 ~4.8s */
  40% { box-shadow: 0 0 0 6px rgba(255,153,0,0.4), 0 0 30px 8px rgba(255,216,107,0.5); transform: scale(1.03); }
  44% { box-shadow: 0 0 0 0 rgba(255,153,0,0); transform: scale(1); }
  /* Flash 3 ~8.9s */
  74% { box-shadow: 0 0 0 8px rgba(255,153,0,0.5), 0 0 40px 12px rgba(255,216,107,0.7); transform: scale(1.05); }
  78% { box-shadow: 0 0 0 0 rgba(255,153,0,0); transform: scale(1); }
}
.begin-journey-flash {
  animation: begin-journey-flash 12s ease-out 0.4s 1 forwards;
}

/* Smooth anchor scrolling with offset for the sticky nav */
html { scroll-behavior: smooth; }