/* ================================
   PARALLAX & INTERACTIVE EFFECTS
   ================================ */

/* Parallax layers */
.parallax-slow {
  transition: transform 0.1s ease-out;
  will-change: transform;
}

.parallax-medium {
  transition: transform 0.1s ease-out;
  will-change: transform;
}

.parallax-fast {
  transition: transform 0.1s ease-out;
  will-change: transform;
}

/* Hero interactive overlay - REMOVED */

/* Underwater particle animation */
@keyframes particle-underwater {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 0.8;
  }
  50% {
    transform: translate(var(--drift-x), var(--drift-y));
    opacity: 1;
  }
}

/* Simple Gradient Section Divider */
.section-divider {
  position: relative;
  height: 1px;
  width: 70%;
  margin: 0 auto;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(255, 255, 255, 0.1) 15%, 
    rgba(255, 255, 255, 0.4) 50%, 
    rgba(255, 255, 255, 0.1) 85%, 
    transparent 100%
  );
  overflow: visible;
  display: block;
  border: none;
  opacity: 0.6;
}

.section-divider::before {
  content: none;
}

.section-divider::after {
  content: none;
}

/* Shattered glass transition effect */
.section-transition {
  position: relative;
  overflow: hidden;
}

/* Pattern removed as requested */
.section-transition::after {
  content: none;
}

@keyframes glass-shimmer {

  0%, 100% {
    transform: translateX(0) translateY(0);
    opacity: 0.3;
  }
  50% {
    transform: translateX(20px) translateY(-20px);
    opacity: 0.6;
  }
}

/* Depth layers for parallax sections */
.depth-layer-back {
  transform: translateZ(-100px) scale(1.5);
  will-change: transform;
}

.depth-layer-mid {
  transform: translateZ(-50px) scale(1.25);
  will-change: transform;
}

.depth-layer-front {
  transform: translateZ(0);
  will-change: transform;
}