html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

html {
  overscroll-behavior-x: none;
}

body {
  position: relative;
}

main {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.hero-copy,
.hero-visual,
.agents-copy,
.agent-console,
.case-copy,
.case-visual {
  min-width: 0;
}

.honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 640px) {
  .hero-visual {
    overflow: hidden;
  }
}