/* First-viewport reveal motion for every page module. */
[data-reveal] {
  transition: opacity .72s ease, transform .72s cubic-bezier(.2,.8,.2,1);
}

html.motion-ready [data-reveal] > .container,
html.motion-ready [data-reveal] > .hero-carousel,
html.motion-ready [data-reveal] > .about-text,
html.motion-ready [data-reveal] > .about-center,
html.motion-ready [data-reveal] > .oem-grid,
html.motion-ready [data-reveal] > .application-slides,
html.motion-ready [data-reveal] > .quote-visual,
html.motion-ready [data-reveal] > .quote-form-wrap {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1);
  transition-delay: .08s;
}

html.motion-ready [data-reveal].is-visible > .container,
html.motion-ready [data-reveal].is-visible > .hero-carousel,
html.motion-ready [data-reveal].is-visible > .about-text,
html.motion-ready [data-reveal].is-visible > .about-center,
html.motion-ready [data-reveal].is-visible > .oem-grid,
html.motion-ready [data-reveal].is-visible > .application-slides,
html.motion-ready [data-reveal].is-visible > .quote-visual,
html.motion-ready [data-reveal].is-visible > .quote-form-wrap {
  opacity: 1;
  transform: none;
}

html.motion-ready [data-reveal] .section-heading,
html.motion-ready [data-reveal] .section-row,
html.motion-ready [data-reveal] .category-copy,
html.motion-ready [data-reveal] .manufacturer-copy,
html.motion-ready [data-reveal] .quality-copy,
html.motion-ready [data-reveal] .news-intro,
html.motion-ready [data-reveal] .quote-intro,
html.motion-ready [data-reveal] .oem-copy {
  transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1);
  transform: translateY(18px);
  opacity: 0;
}

html.motion-ready [data-reveal].is-visible .section-heading,
html.motion-ready [data-reveal].is-visible .section-row,
html.motion-ready [data-reveal].is-visible .category-copy,
html.motion-ready [data-reveal].is-visible .manufacturer-copy,
html.motion-ready [data-reveal].is-visible .quality-copy,
html.motion-ready [data-reveal].is-visible .news-intro,
html.motion-ready [data-reveal].is-visible .quote-intro,
html.motion-ready [data-reveal].is-visible .oem-copy {
  opacity: 1;
  transform: none;
  transition-delay: .14s;
}

html.motion-ready [data-reveal] .feature-card,
html.motion-ready [data-reveal] .solution-card,
html.motion-ready [data-reveal] .oem-cards article,
html.motion-ready [data-reveal] .news-card,
html.motion-ready [data-reveal] .category-visual,
html.motion-ready [data-reveal] .factory-gallery,
html.motion-ready [data-reveal] .quality-visual {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1);
}

html.motion-ready [data-reveal].is-visible .feature-card,
html.motion-ready [data-reveal].is-visible .solution-card,
html.motion-ready [data-reveal].is-visible .oem-cards article,
html.motion-ready [data-reveal].is-visible .news-card,
html.motion-ready [data-reveal].is-visible .category-visual,
html.motion-ready [data-reveal].is-visible .factory-gallery,
html.motion-ready [data-reveal].is-visible .quality-visual {
  opacity: 1;
  transform: none;
}

html.motion-ready [data-reveal].is-visible .feature-card:nth-child(2),
html.motion-ready [data-reveal].is-visible .solution-card:nth-child(2),
html.motion-ready [data-reveal].is-visible .oem-cards article:nth-child(2),
html.motion-ready [data-reveal].is-visible .news-card:nth-child(2) { transition-delay: .1s; }

html.motion-ready [data-reveal].is-visible .feature-card:nth-child(3),
html.motion-ready [data-reveal].is-visible .solution-card:nth-child(3),
html.motion-ready [data-reveal].is-visible .oem-cards article:nth-child(3),
html.motion-ready [data-reveal].is-visible .news-card:nth-child(3) { transition-delay: .18s; }

html.motion-ready [data-reveal].is-visible .feature-card:nth-child(4),
html.motion-ready [data-reveal].is-visible .oem-cards article:nth-child(4) { transition-delay: .26s; }

@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  [data-reveal] > *,
  html.motion-ready [data-reveal] .section-heading,
  html.motion-ready [data-reveal] .section-row,
  html.motion-ready [data-reveal] .category-copy,
  html.motion-ready [data-reveal] .manufacturer-copy,
  html.motion-ready [data-reveal] .quality-copy,
  html.motion-ready [data-reveal] .news-intro,
  html.motion-ready [data-reveal] .quote-intro,
  html.motion-ready [data-reveal] .oem-copy,
  html.motion-ready [data-reveal] .feature-card,
  html.motion-ready [data-reveal] .solution-card,
  html.motion-ready [data-reveal] .oem-cards article,
  html.motion-ready [data-reveal] .news-card,
  html.motion-ready [data-reveal] .category-visual,
  html.motion-ready [data-reveal] .factory-gallery,
  html.motion-ready [data-reveal] .quality-visual {
    opacity: 1;
    transform: none;
    transition: none !important;
  }
}

/* Site-wide scroll-triggered module reveal without a late page-wide hide. */
html.motion-ready .motion-observe:not(.motion-visible) {
  opacity: 0;
  transform: translateY(24px);
  will-change: opacity, transform;
}

html.motion-ready .motion-observe.motion-visible {
  opacity: 1;
  transform: none;
  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--motion-delay, 0s);
}

html.motion-ready .motion-observe.motion-visible.wow {
  animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  html.motion-ready body,
  html.motion-ready .motion-observe,
  html.motion-ready .motion-observe:not(.motion-visible),
  html.motion-ready .motion-observe.motion-visible {
    opacity: 1;
    transform: none;
    transition: none !important;
    animation: none !important;
  }
}