.hero-copy,
.hero-visual {
  min-width: 0;
}

@media (max-width: 620px) {
  .hero-layout {
    min-width: 0;
  }

  .hero-copy {
    width: 100%;
    overflow: hidden;
  }

  .hero h1 {
    max-width: calc(100% - 10px);
    font-size: clamp(37px, 10.5vw, 41px);
    overflow-wrap: anywhere;
  }

  .hero-copy > p {
    max-width: calc(100% - 12px);
    overflow-wrap: break-word;
  }

  .hero-visual {
    width: 100%;
    overflow: hidden;
  }
}