/* =====================================
   SCROLL OPTIMIZATION
===================================== */

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
}

/* During scrolling */

.scrolling *,
.scrolling *::before,
.scrolling *::after {
  animation-play-state: paused !important;

  transition: none !important;
}

/* GPU */

img,
video,
.card,
.btn,
.site-header,
.navbar-premium {
  transform: translateZ(0);

  backface-visibility: hidden;
}

/* Prevent repaint */

img {
  will-change: auto;
}

.card:hover {
  will-change: transform;
}

.site-header.scrolled .navbar-premium {
  backdrop-filter: blur(8px);
}

.btn-primary {
  animation: none;
}

.btn-primary:hover {
  animation: slowGradient 8s infinite;
}