/* GHISSAH - Shared Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}
/* ================================
   HERO SLIDER ANIMATIONS
================================ */

/* Slider container */
.hero-slider {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* Each slide */
.hero-slider .slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}

/* Active slide */
.hero-slider .slide.active {
  opacity: 1;
  z-index: 1;
}

/* Hero text always on top */
.hero-content {
  position: relative;
  z-index: 10;
}