.hero-home {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: rise 0.5s var(--ease) both;
}
.hero-home h1 {
  font-size: clamp(2rem, 5vw, 3.2rem);
  max-width: 14ch;
  margin: 0.2rem 0 0.8rem;
}
.hero-lead { max-width: 38ch; color: var(--muted); font-size: 1.1rem; }
.hero-actions { margin-top: 1.5rem; }
@keyframes rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}