/* INDEX PAGE SPECIFIC STYLES */

/* Hero Section Wrapper - Stays visible */
.hero-wrapper {
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  pointer-events: auto;
  opacity: 1;
  margin: 0;
  padding: 0;
}
/* ... (rest of the index-specific styles from the original styles.css) ... */
.animations-gallery-item .overlay {
  background: rgba(0, 0, 0, 0.7);
}