/* ═══════════════════════════════════════════
   HERO — Seção inicial
═══════════════════════════════════════════ */

#hero {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5.5rem clamp(1.5rem, 5vw, 4.5rem) 4rem;
  z-index: 2;
}

.hero-inner {
  position: relative;
  max-width: 860px;
  width: 100%;
}

.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 1.25rem;
  color: var(--muted);
  font-size: 0.68rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 500;
}
.hero-eyebrow::before {
  content: '';
  width: 28px; height: 1px;
  background: var(--gold);
}

.hero-sub {
  font-size: clamp(0.95rem, 1.6vw, 1.05rem);
  color: var(--muted);
  max-width: 500px;
  line-height: 1.9;
  margin-bottom: 2rem;
  font-weight: 300;
  border-left: 1px solid var(--line);
  padding-left: 1.25rem;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

/* Scroll vertical hint */
.hero-vertical {
  position: absolute;
  right: clamp(1.5rem, 5vw, 4.5rem);
  bottom: 4rem;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 1100px) { .hero-vertical { display: flex; } }

.hero-vertical-line {
  width: 1px; height: 70px;
  background: linear-gradient(to bottom, transparent, var(--gold), transparent);
}
.hero-vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 0.64rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--muted);
}

@media (max-width: 480px) {
  #hero { padding: 5rem 1.25rem 3rem; }
  .hero-actions { flex-direction: column; align-items: flex-start; gap: 1.25rem; }
}