.support-layout {
  max-width: 780px;
}

.hero .hero__inner.support-layout {
  display: block !important;
  grid-template-columns: none !important;
}

body[data-story-page='support'] .hero {
  padding: clamp(2.5rem, 6vw, 4rem) 0 !important;
}

body[data-story-page='support'] .hero__title {
  max-width: 16ch !important;
  font-size: clamp(3.25rem, 5.5vw, 5rem) !important;
  line-height: 1.04 !important;
}

.support-layout .hero__description {
  max-width: 46rem;
}

.support-frame {
  display: block;
  width: 100%;
  min-height: 760px;
  border: 0;
  border-radius: 20px;
  background: #fffdf5;
}

.support-embed {
  display: block;
  min-height: auto;
  background: transparent;
}

.support-embed .contact-form {
  margin: 0;
  padding: clamp(1.2rem, 4vw, 2rem);
  box-shadow: none !important;
}

.support-embed .contact-form h1 {
  margin-top: 0;
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 4vw, 2.25rem);
}

.support-embed .form-help {
  margin-bottom: 1.4rem;
}

.support-embed .form-error:not([hidden]),
.support-embed .form-success:not([hidden]) {
  display: block;
}

.support-embed textarea {
  min-height: 150px;
}

@media (max-width: 640px) {
  .support-frame { min-height: 760px; }
  body[data-story-page='support'] .hero__title {
    max-width: 12ch !important;
    font-size: clamp(2.05rem, 11vw, 2.75rem) !important;
  }
}