/* The desktop fixed/animated hero must not overlap content during touch scrolling. */
@media (max-width: 991px) {
  .body-new .new-home-luke-ting { display: block; }
  .body-new .hero-shape-wrapper {
    position: relative;
    inset: auto;
    height: auto !important;
    min-height: 0;
    padding: 84px 0 24px;
    overflow: visible;
    transform: none !important;
  }
  .body-new .hero-shape-animate {
    position: relative;
    flex: none;
    width: 92% !important;
    height: clamp(280px, 48svh, 520px) !important;
    margin: 0 auto;
    transform: none !important;
    overflow: hidden;
  }
  .body-new .hero-shape.notch-hero { display: none !important; }
  .body-new .hero-shape.notch-hero-mobile {
    display: block;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }
  .body-new .hero-img-mobile {
    display: block;
    position: static;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    background-image: url("https://xarmoury.fra1.digitaloceanspaces.com/planetx-public/2026-09-09/e95db8e744cfd763f339.webp");
    background-position: center;
    background-size: cover;
    transform: none !important;
  }
  .body-new .hero-content-wrapper {
    position: relative;
    inset: auto;
    flex: none;
    flex-direction: column;
    gap: 0;
    width: 100%;
    height: auto !important;
    margin: 24px 0 0;
    padding: 0 4%;
    transform: none !important;
    opacity: 1 !important;
  }
  .body-new .hero-content-left { width: 100%; min-width: 0; }
  .body-new .lt-hero-text { font-size: clamp(44px, 15vw, 88px); }
  .body-new .hero-buttons { width: 100%; }
  .body-new .page-content-wrapper {
    margin-top: 0;
    background: #000;
  }

  /* Keep every footer group below a mobile-sized decorative corner. */
  .body-new .notch-footer-shape {
    clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 0 100%);
    padding-top: 0;
  }
  .body-new .footer-content { padding: 56px 6% 40px; }
  .body-new .title-and-links {
    flex-direction: column;
    height: auto;
    gap: 32px;
  }
  .body-new .title-footer { width: 100%; max-width: 360px; }
  .body-new .right-footer-content {
    padding-top: 0;
    align-items: flex-start;
    gap: 32px;
  }
  .body-new .top-footer-bar,
  .body-new .footer-links { width: 100%; max-width: 100%; }
  .body-new .studio-footer-link img { max-width: 100%; }
}