/* RESET */

body {
  margin: 0;
  padding: 0;
}

/* HERO STRUCTURE */

#fw_al_007, .carousel, .carousel-inner, .carousel-item {
  height: 100vh;
}

/* POSITIONING */

.carousel-item {
  position: relative;
  overflow: hidden;
}

/* HERO IMAGE */

.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  animation: heroZoom 20s ease-in-out infinite alternate;
  filter: brightness(0.75) contrast(1.1) saturate(0.85);
}

/* ZOOM */

@keyframes heroZoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.06);
  }
}

/* 🎬 VINTAGE DARK OVERLAY (GRADIENT STYLE) */

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient( rgba(10, 20, 25, 0.75), rgba(10, 20, 25, 0.85) );
}

/* HERO CONTENT */

.hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 1000px;
  text-align: center;
  color: #fff;
  opacity: 0;
  animation: fadeInHero 1.5s ease forwards;
}

/* 🔥 FULL HERO TITLE */

.hero-content h2 {
  font-size: 2.8rem;
  line-height: 1.25;
  margin: 0;
  width: 100%;
}

/* SUBTEXT */

.hero-content p {
  font-size: 1.05rem;
  margin: 20px 0;
}

/* BUTTON */

.hero-btn {
  display: inline-block;
  padding: 12px 28px;
  background: #4c9897;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: 0.3s ease;
}

.hero-btn:hover {
  background: #0f2f3a;
}

/* FADE IN */

@keyframes fadeInHero {
  from {
    opacity: 0;
    transform: translate(-50%, -40%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* 📱 MOBILE OPTIMIZATION */

@media (max-width: 768px) {
  .hero-img {
    object-position: center 25%;
  }
}

@media (max-width: 768px) {
  .hero-content {
    width: 92%;
  }
}

@media (max-width: 768px) {
  .hero-content h2 {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}

@media (max-width: 768px) {
  .hero-content p {
    font-size: 0.95rem;
  }
}

@media (max-width: 768px) {
  .hero-btn {
    padding: 10px 20px;
    font-size: 0.9rem;
  }
}

