.home-hero-grid {
  grid-template-areas: "intro form" "details form";
  align-content: center;
}
.hero-intro { grid-area: intro; align-self: end; padding-top: 72px; }
.hero-details { grid-area: details; align-self: start; padding-bottom: 72px; }
.hero-form { grid-area: form; }
@media (max-width: 900px) {
  .home-hero-grid { grid-template-areas: "intro" "form" "details"; gap: 24px; }
  .hero-intro { padding-top: 46px; }
  .hero-details { padding-bottom: 46px; }
  .hero-form { margin-top: 0; }
}