.hero {
  min-height: 100vh;
  background-color: #000;
  overflow: hidden;
  position: relative;
}

.hero-bg {
  background: url('/images/hero2.png') center/cover no-repeat;
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-bg .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7), transparent);
}

.hero .container {
  position: relative;
  z-index: 1;
}

.hero h1 {
  font-size: 3rem;
  line-height: 1.2;
}
.hero span.text-warning {
  color: #d4a373 !important;
}
.hero .btn {
  transition: all 0.3s ease;
}
.hero .btn-warning:hover {
  background-color: #e1b97d;
  box-shadow: 0 0 15px rgba(212, 163, 115, 0.4);
  transform: scale(1.05);
}
.hero .btn-outline-warning:hover {
  background-color: #d4a373;
  color: #111;
  box-shadow: 0 0 15px rgba(212, 163, 115, 0.4);
}

/* SCROLL INDICATOR */
.scroll-indicator {
  animation: bounce 2s infinite;
}

.mouse {
  width: 26px;
  height: 46px;
  border-width: 2px !important;
}

.wheel {
  width: 4px;
  height: 10px;
  animation: wheelMove 1.2s infinite ease-in-out;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes wheelMove {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(12px); opacity: 0; }
}