#hero {
  height: 100vh; position: relative;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.hero-bg {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to bottom, rgba(8, 18, 53, 0.8), rgba(8, 18, 53, 0.5)), url("https://images.pexels.com/photos/186077/pexels-photo-186077.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-accent-left {
  position: absolute; left: 0; top: 0; bottom: 0; width: 6px;
  background: linear-gradient(to bottom, var(--gold), var(--green), var(--gold));
}
.hero-glow {
  position: absolute; width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(61,122,46,0.15) 0%, transparent 70%);
  right: -100px; top: 50%; transform: translateY(-50%);
}
.hero-content {
  position: relative; z-index: 2; text-align: center;
  padding: 0 20px; animation: fadeUp 1s ease both;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(201,168,76,0.15); border: 1px solid rgba(201,168,76,0.4);
  color: var(--gold); padding: 6px 18px; border-radius: 100px;
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 28px;
}
.hero-badge::before { content: '◆'; font-size: 6px; }
.hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(48px, 8vw, 90px); font-weight: 600;
  color: var(--white); line-height: 1.05; margin-bottom: 8px;
}
.hero-title em { font-style: italic; color: var(--gold); }
.hero-sub {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(20px, 3vw, 32px); color: rgba(255,255,255,0.6);
  font-weight: 400; margin-bottom: 40px; letter-spacing: 4px;
}
.hero-desc {
  max-width: 560px; margin: 0 auto 48px;
  color: rgba(255,255,255,0.6); font-size: 15px; line-height: 1.8;
}
.hero-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.hero-scroll {
  position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  color: rgba(255,255,255,0.4); font-size: 10px; letter-spacing: 2px;
  text-transform: uppercase; animation: bounce 2s infinite;
}
.hero-scroll .arrow {
  width: 1px; height: 40px;
  background: linear-gradient(to bottom, transparent, rgba(201,168,76,0.6));
}
.stats-bar {
  background: var(--navy); padding: 28px 5%;
  display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px;
}
.stat { text-align: center; color: white; }
.stat-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px; font-weight: 700; color: var(--gold); display: block;
}
.stat-label { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.5); }