/* Smooth-scroll and depth cues for the preview top page. */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.motion-ready .topHero,
.motion-ready .topNews,
.motion-ready .topPlayers {
  overflow: clip;
}

.motion-ready .topHero__kv img,
.motion-ready .topHero__date,
.motion-ready .countdown,
.motion-ready .topNews__rail,
.motion-ready .topNews__content,
.motion-ready .topPlayers__heading,
.motion-ready .topPlayers__grid--keirin,
.motion-ready .topPlayers__division,
.motion-ready .gFooter__inner {
  will-change: transform;
}

.motion-ready .topHero__kv img {
  transform-origin: 50% 38%;
}

.motion-ready .topNews__frame,
.motion-ready .topPlayers__inner {
  transform-style: preserve-3d;
}

.motion-ready .topNewsCard {
  backface-visibility: hidden;
}

@media (max-width: 720px) {
  .motion-ready .topHero__kv img,
  .motion-ready .topHero__date,
  .motion-ready .countdown,
  .motion-ready .topNews__rail,
  .motion-ready .topNews__content,
  .motion-ready .topPlayers__heading,
  .motion-ready .topPlayers__grid--keirin,
  .motion-ready .topPlayers__division,
  .motion-ready .gFooter__inner {
    will-change: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  .motion-ready * {
    scroll-behavior: auto !important;
  }
}