/* Fix for scrolling shake issue between hero and about sections */

/* Ensure smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Optimize hero section rendering */
.hero-section {
  will-change: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

/* Optimize hero video rendering */
.hero-video {
  will-change: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Optimize hero content transform */
.hero-content {
  will-change: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0) translateY(30px);
  -webkit-transform: translateZ(0) translateY(30px);
}

.hero-content.loaded {
  transform: translateZ(0) translateY(0);
  -webkit-transform: translateZ(0) translateY(0);
}

/* Prevent layout shift */
.hero-section,
.hero-video-container,
.hero-video {
  contain: layout;
}

/* Ensure sections don't overlap during scroll */
section {
  position: relative;
  z-index: 1;
}

.hero-section {
  z-index: 2;
}