/* Gentle fade loop animation for hero video */
@keyframes fadeLoop {
  0%, 97%, 100% { opacity: 1; }
  98%, 99% { opacity: 0.6; } /* brief dip for smooth loop transition */
}

.fade-loop {
  animation: fadeLoop 30s infinite; /* adjust to your video length */
  transition: opacity 1s ease-in-out;
}
/* Gentle fade loop animation for hero video */
@keyframes fadeLoop {
  0%, 97%, 100% { opacity: 1; }
  98%, 99% { opacity: 0.6; } /* brief dip for smooth loop transition */
}

.fade-loop {
  animation: fadeLoop 30s infinite; /* adjust to match video length */
  transition: opacity 1s ease-in-out;
}

/* Text shadow for better contrast over video */
.text-shadow h2,
.text-shadow p,
.text-shadow a {
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}

/* Optional: fade-in on load for the whole hero */
@keyframes heroFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.text-shadow {
  animation: heroFadeIn 1s ease-in-out forwards;
}