/* Home Page Specific Styles */

@keyframes slide-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-slide-right {
  animation: slide-right 30s linear infinite;
}

/* Warped Grid Background */
.warped-grid-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
  background-size: 50px 50px;
  transform: perspective(1000px) rotateX(60deg) rotateY(0deg);
  transform-origin: center center;
  animation: grid-parallax 20s linear infinite;
}

@keyframes grid-parallax {
  0% {
    transform: perspective(1000px) rotateX(60deg) rotateY(0deg) translateZ(0);
  }
  100% {
    transform: perspective(1000px) rotateX(60deg) rotateY(0deg) translateZ(-100px);
  }
}

/* Parallax scrolling effect */
.parallax-grid {
  transform: translateZ(0);
  will-change: transform;
}

/* Fade in animation */
.fade-in-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}