@media (max-width: 620px) {
  .smm-main .smm-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 0;
    padding: 32px 20px 26px;
    text-align: center;
  }
  .smm-main .smm-hero-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .smm-main .smm-hero h1 {
    max-width: 540px;
    margin: 22px auto 11px;
    text-wrap: balance;
  }
  .smm-main .smm-hero-copy > p {
    max-width: 420px;
    margin-inline: auto;
  }
  .smm-main .smm-hero-link {
    justify-content: center;
    margin-inline: auto;
  }
  .smm-main .smm-hero-scene {
    width: min(100%, 420px);
    margin: 25px auto 0;
  }
}