rp-mobile-hero { display: none; }

@media (max-aspect-ratio: 1 / 1) {
  :root {
    --rp-hero-section-overlap: 0px;
    --rp-hero-mask-extension: 0px;
  }

  #root {
    padding-bottom: 0;
    margin-bottom: 0;
    mask-image: none;
    -webkit-mask-image: none;
  }

  #root::before,
  #root::after,
  .hero-person-bleed,
  .transition-planes { display: none; }

  .rp-hero > :not(rp-mobile-hero) { display: none; }
  .rp-hero > rp-mobile-hero {
    display: block;
    position: relative;
    z-index: 1;
    height: 100svh;
    touch-action: pan-y;
  }
}