body {
  font-family: 'Inter', sans-serif;
}

.fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hero-bg {
  background-image: url('/images/unnamed.webp');
  background-size: cover;
  background-position: center;
}