.page-home .hero-grid {
  grid-template-areas: "title form" "details form";
  column-gap: clamp(30px, 6vw, 80px);
  row-gap: 18px;
  align-content: center;
  align-items: initial;
}

.page-home .hero-copy {
  grid-area: title;
  align-self: end;
}

.page-home .hero-details {
  grid-area: details;
  max-width: 690px;
  align-self: start;
}

.page-home .hero-form {
  grid-area: form;
  align-self: center;
}

.page-home .hero-grid > *,
.page-home .hero-form,
.page-home .hero-form .form-block,
.page-home .hero-form form,
.page-home .hero-form form > div {
  min-width: 0 !important;
  max-width: 100% !important;
}

.page-home .hero-form input,
.page-home .hero-form select {
  min-width: 0 !important;
  max-width: 100% !important;
}

.page-home .hero-form__note {
  margin-top: 12px;
  color: #e1e5ea;
}

.page-home .flag {
  width: 36px;
  height: 24px;
  display: block;
  position: static;
  background: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.45);
}

.page-home .flag::before {
  content: none;
}

@media (max-width: 980px) {
  .page-home .hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "title" "form" "details";
    row-gap: 24px;
    width: 100%;
  }

  .page-home .hero-copy,
  .page-home .hero-details,
  .page-home .hero-form {
    align-self: auto;
  }
}