@media (max-width: 1023px) {
  html,
  body {
    scroll-behavior: auto !important;
    overscroll-behavior-y: auto;
  }

  .h-screen {
    height: 100svh !important;
  }

  #smooth-wrapper,
  .ScrollSmoother-wrapper {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
  }

  #smooth-content {
    width: 100% !important;
    transform: none !important;
    translate: none !important;
    will-change: auto !important;
  }

  .pin-spacer,
  .pin-spacer > * {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    will-change: auto !important;
  }

  .char-anim,
  .hero-fade,
  .wine-img,
  [style*="translate3d"],
  [style*="matrix3d"],
  [style*="rotateX"],
  [style*="clip-path"] {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    clip-path: none !important;
    will-change: auto !important;
  }

  .mix-blend-overlay {
    mix-blend-mode: normal !important;
  }
}