.hero {
  min-height: 100vh;
  position: relative; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  padding-top: 60px;
}
.hero-video-wrap { position: absolute; inset: 0; z-index: 0; }
.hero-video-wrap video {
  width: 100%; height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.hero-overlay {
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(135deg, rgba(10,10,10,0.72) 0%, rgba(20,5,5,0.60) 50%, rgba(10,10,10,0.50) 100%);
}
.hero-content {
  position: relative; z-index: 2;
  text-align: center; padding: 3rem 2rem;
  max-width: 900px;
  animation: fadeUp 0.8s ease both;
}
.hero-kicker {
  display: inline-flex; align-items: center; gap: 0.75rem;
  font-size: 0.72rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--oro-light); margin-bottom: 2rem;
}
.hero-kicker::before, .hero-kicker::after { content: ''; width: 28px; height: 1.5px; background: var(--oro); }
.hero h1 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(4rem, 13vw, 11rem);
  line-height: 0.88; letter-spacing: 0.04em;
  color: #fff;
  text-shadow: 0 2px 40px rgba(0,0,0,0.4);
  animation: fadeUp 0.8s 0.1s ease both;
}
.hero h1 em { font-style: normal; color: var(--oro-light); display: block; }
.hero-sub {
  font-size: 1.05rem; line-height: 1.75; font-weight: 300;
  color: rgba(255,255,255,0.7);
  max-width: 520px; margin: 2rem auto 3rem;
  animation: fadeUp 0.8s 0.2s ease both;
}
.hero-sub strong { color: #fff; font-weight: 500; }
.hero-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; animation: fadeUp 0.8s 0.3s ease both; }
.hero-scroll { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; color: rgba(255,255,255,0.4); font-size: 0.68rem; letter-spacing: 0.15em; text-transform: uppercase; animation: bounce 2s ease infinite; }
.hero-scroll::after { content: '↓'; font-size: 1rem; }