/* V42.1: keep the premium desktop motion while making mobile rendering quiet. */
.board-head h2 {
  margin: 0;
  color: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

/* Animate the button sheen with transform instead of the layout-triggering left property. */
.button-primary::after {
  left: -45%;
  transform: translate3d(0, 0, 0) skewX(-18deg);
  transition: transform .65s ease;
}

.button-primary:hover::after {
  left: -45%;
  transform: translate3d(600%, 0, 0) skewX(-18deg);
}

@media (max-width: 760px) {
  /* Background-position and box-shadow animations were the non-composited mobile work. */
  .hero::before,
  .hero-inner::before,
  .market-board::before,
  .market-board::after,
  .live-pill i {
    animation: none !important;
  }

  /* Let the browser skip painting distant sections until they approach the viewport. */
  main > section:not(.hero),
  main > .section,
  footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 820px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .button-primary::after {
    transition: none;
  }
}