.home-hero { padding: clamp(44px, 8vh, 86px) 0 clamp(34px, 6vh, 58px); }
.home-hero__content { display: flex; align-items: end; justify-content: space-between; gap: 48px; }
.home-hero h1 { max-width: 620px; margin-top: 12px; font-size: clamp(3.2rem, 7vw, 6.4rem); line-height: 0.88; letter-spacing: -0.075em; }
.home-hero__intro { max-width: 330px; padding-bottom: 8px; color: var(--color-text-muted); font-size: 0.96rem; }

@media (max-width: 720px) {
  .home-hero { padding-top: 42px; }
  .home-hero__content { display: block; }
  .home-hero h1 { font-size: clamp(3.1rem, 16vw, 5.6rem); }
  .home-hero__intro { margin-top: 24px; padding-bottom: 0; }
}