/* HERO */
.hero {
  min-height: calc(100vh - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero-inner {
  max-width: 820px;
}

.hero-title {
  font-size: clamp(3rem, 7vw, 4.5rem);
  letter-spacing: 0.06em;
  text-transform: none;
  font-weight: 350;
  margin: 0 0 18px;
}

.hero-title strong {
  font-weight: 600;
}

.hero-sub {
  font-size: clamp(1.2rem, 2.4vw, 1.7rem);
  color: var(--muted);
  max-width: 640px;
  margin: 0 auto 16px;
  line-height: 1.25;
}