[data-trusted-scroll] {
  -webkit-overflow-scrolling: touch;
}

[data-trusted-scroll].scrollbar-hide {
  scrollbar-width: none;
}

[data-trusted-scroll].scrollbar-hide::-webkit-scrollbar {
  display: none;
}

[data-hero-reveal] {
  opacity: 0;
  transform: translate3d(0, var(--hero-reveal-y, 20px), 0);
  animation-name: hero-reveal-enter;
  animation-duration: var(--hero-reveal-duration, 600ms);
  animation-delay: var(--hero-reveal-delay, 0ms);
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  will-change: opacity, transform;
}

@keyframes hero-reveal-enter {
  from {
    opacity: 0;
    transform: translate3d(0, var(--hero-reveal-y, 20px), 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-hero-reveal] {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
}

[data-section-reveal].section-reveal-init {
  opacity: 0;
  transform: translate3d(0, var(--section-reveal-y, 24px), 0);
  transition:
    opacity var(--section-reveal-duration, 650ms) ease,
    transform var(--section-reveal-duration, 650ms) ease;
  will-change: opacity, transform;
}

[data-section-reveal].section-reveal-init.section-reveal-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  [data-section-reveal] {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
}