@media (max-width: 560px) {
  .login-layout,
  .login-intro {
    width: min(100% - 32px, 720px);
    min-width: 0;
    max-width: 100%;
  }

  .login-eyebrow,
  .login-lead,
  .login-intro h1 {
    width: 100%;
    max-width: 100%;
  }

  .login-eyebrow {
    font-size: 9px;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  .login-intro h1 {
    font-size: clamp(35px, 10.5vw, 44px);
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }
}