html, body { overflow-x: hidden; }
.hero-grid > *, .split-hero > * { min-width: 0; }
.form-block { min-width: 0; overflow: hidden; }
.form-block * { max-width: 100%; }
.form-block form, .form-block input, .form-block select,
.form-block textarea, .form-block button { width: 100% !important; min-width: 0 !important; }
@media (max-width: 767px) {
  main, section, .container, .hero-grid, .split-hero { width: 100%; max-width: 100%; min-width: 0 !important; }
  .container { padding-inline: 20px; }
  .hero h1, .page-hero h1 { max-width: 100%; font-size: clamp(2.2rem, 11vw, 3rem); overflow-wrap: anywhere; }
  .hero-links { display: grid; grid-template-columns: minmax(0, 1fr); }
  .hero-link, .form-block { width: 100%; max-width: 100%; }
  .form-block form > *, .form-block form > * > * { min-width: 0 !important; max-width: 100% !important; }
  .form-block form > div { flex-wrap: wrap !important; }
}