.hero {
  min-height: 100vh;
  padding: 120px 8% 70px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(rgba(17, 17, 17, 0.45), rgba(17, 17, 17, 0.45)),
    linear-gradient(135deg, #111 0%, #d8c3aa 100%);
  color: var(--white);
}

.hero-content {
  max-width: 760px;
  animation: fadeUp 0.8s ease forwards;
}

.hero-badge {
  display: inline-block;
  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 100px;
  margin-bottom: 24px;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.hero h1 {
  font-size: clamp(48px, 9vw, 110px);
  line-height: 0.95;
  margin-bottom: 24px;
}

.hero p {
  font-size: 20px;
  color: rgba(255,255,255,0.8);
  max-width: 540px;
  line-height: 1.6;
}

.hero-buttons {
  margin-top: 35px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}