@media (max-width: 767px) {
  .hero-copy + div {
    min-height: 0 !important;
    height: auto !important;
  }
  .hero-stage.hero-stage--skyline-only,
  .hero-stage {
    min-height: 0 !important;
    height: auto !important;
    padding: 10px !important;
  }
  .hero-stage-grid {
    min-height: 0 !important;
    height: auto !important;
  }
  .hero-phone-wrap {
    width: min(86vw, 330px) !important;
    max-width: 330px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 24px auto 0 !important;
  }
  .hero-phone-shell,
  .hero-phone-wrap .phone-shell {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px !important;
  }
  .hero-phone-shell > .hero-phone-screen,
  .hero-phone-wrap .phone-shell > .hero-phone-screen {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 9 / 16 !important;
  }
  #heroMockupVideo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}
@media (max-width: 420px) {
  .hero-phone-wrap {
    width: min(84vw, 315px) !important;
    max-width: 315px !important;
  }
}