html.wstudio-js .hero_section.is-hero-canvas .hero-box-content:not(.is-hero-reveal-ready) .heading_hero,
html.wstudio-js .hero_section.is-hero-canvas .hero-box-content:not(.is-hero-reveal-ready) .max-width-blackbox-text,
html.wstudio-js .hero_section.is-hero-canvas .hero-box-content:not(.is-hero-reveal-ready) .hero-button-group > * {
  opacity: 0.01;
  filter: blur(12px);
  transform: translateY(36px);
}

html.wstudio-js .hero_section.is-hero-canvas .hero-box-content:not(.is-hero-reveal-ready) .heading_hero {
  filter: blur(12px);
  transform: translateY(36px);
}

html.wstudio-js .hero_section.is-hero-canvas .hero-box-content:not(.is-hero-reveal-ready) .hero-button-group > * {
  filter: blur(6px);
  transform: translateY(20px);
}

html.wstudio-js [data-scroll-reveal]:not(.is-scroll-reveal-ready) > * {
  opacity: 0.01;
  filter: blur(10px);
  transform: translateY(28px);
}

.hero_section.is-hero-canvas .heading_hero,
.hero_section.is-hero-canvas .max-width-blackbox-text,
.hero_section.is-hero-canvas .hero-button-group > * {
  will-change: transform, opacity, filter;
}

@media (prefers-reduced-motion: reduce) {
  .hero_section.is-hero-canvas .heading_hero,
  .hero_section.is-hero-canvas .max-width-blackbox-text,
  .hero_section.is-hero-canvas .hero-button-group > * {
    will-change: auto;
  }

  html.wstudio-js [data-scroll-reveal]:not(.is-scroll-reveal-ready) > * {
    opacity: 1;
    filter: none;
    transform: none;
  }
}