/* Performance optimization for Lenis */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }

/* The Reveal Animation */
section {
  opacity: 0;
  transform: translate3d(0, 30px, 0); /* 3D transform = No Lag */
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: transform, opacity;
}

section.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Make sure the top of the page is always visible immediately */
.hero, section:first-of-type, header {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}