/* Hero Components Styles */

#hero-main {
  position: relative;
  display: flex;
  align-items: center;
  background-attachment: fixed;
  background-size: cover;
}

#hero-main h1 {
  line-height: 1.1;
  letter-spacing: -0.02em;
}

/* Scroll reveal helper */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.reveal-on-scroll.active {
  opacity: 1;
  transform: translateY(0);
}