/* Only the embedded documents load these compact, content-height styles. */
html { scroll-padding-top: 24px; }
body { min-height: 0; height: auto; }
/* The parent fits the iframe to this document. A vh hero would grow whenever
   the iframe reports its new height, so size it from the actual content. */
.embedded-form .hero { min-height: 0; }
.embedded-form .form-section { padding: 56px 40px; }
.embedded-form .form-wrap { gap: 64px; }
.embedded-form .form-header__title { font-size: clamp(36px, 4.5vw, 56px); }
.embedded-form .reveal, .embedded-form .reveal-stagger > * { opacity: 1; transform: none; transition: none; }
.embedded-form .form-section::before { transform: none; will-change: auto; }
.embedded-thanks .hero { min-height: 0; }
.embedded-thanks .hero__inner { padding: 72px 0; }
.embedded-thanks .hero__inner > p:last-child { margin-bottom: 0; }
@media (max-width: 880px) {
  .embedded-form .form-section { padding: 36px 24px; }
  .embedded-form .form-wrap { gap: 32px; }
  .embedded-form .form-header__title { max-width: 560px; }
  .embedded-thanks .hero__inner { padding: 48px 0; }
}