/* Shared Shine Effect */
.shine-effect {
  position: relative;
  overflow: hidden;
  opacity: 0; /* Start hidden */
  animation: fadeIn 1.2s ease-in-out var(--fade-delay, 0s) forwards;
}

.shine-effect::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.1) 100%);
  transform: skewX(-20deg);
  animation: shine 1.2s ease-in-out var(--shine-delay, 0s) forwards;
  opacity: 0;
}

/* Keyframes */
@keyframes shine {
  0% {
    left: -75%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    left: 125%;
    opacity: 0;
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

#parallax-video {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  transition: transform 0.1s ease-out;
}