@media (max-width: 620px) {
  .hero-inner { padding-top: 125px !important; }
  .hero-copy { position: relative; z-index: 2; }
  .hero .kicker {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin-bottom: 18px;
  }
  .hero h1 > span,
  .hero h1 > em { display: block !important; }
  .hero h1 > em {
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    font-size: clamp(28px, 8.6vw, 36px) !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
  }
  .made-badge {
    z-index: 3;
    top: 16px !important;
    right: 0 !important;
  }
}

@media (max-width: 380px) {
  .hero h1 { font-size: 41px !important; }
  .hero h1 > em { font-size: 27px !important; }
}