/* Automatic device motion preferences; no website control. */
/* Tiny finite animations still emit the completion events needed by carousels. */
html.bk-reduce-motion,
html.bk-reduce-motion *,
html.bk-reduce-motion *::before,
html.bk-reduce-motion *::after {
  scroll-behavior: auto !important;
  animation-duration: .01ms !important;
  animation-delay: 0s !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
}
html.bk-reduce-motion .wow,
html.bk-reduce-motion .char {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  animation-name: none !important;
}
html.bk-reduce-motion #de-loader { display: none !important; }
html.bk-reduce-motion [class*="hover-scale"],
html.bk-reduce-motion .bk-business-tile img,
html.bk-reduce-motion .bk-work-card img,
html.bk-reduce-motion .bk-photo img,
html.bk-reduce-motion .bk-card-photo,
html.bk-reduce-motion [data-0],
html.bk-reduce-motion [data-bottom-top] { transform: none !important; }
/* Jarallax normally moves these images into a generated fixed container. */
html.bk-reduce-motion .jarallax { position: relative; isolation: isolate; }
html.bk-reduce-motion .jarallax > .jarallax-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }

/* Preserve the device preference even if JavaScript cannot run. */
@media (prefers-reduced-motion: reduce) {
  html:not(.bk-motion-controlled),
  html:not(.bk-motion-controlled) *,
  html:not(.bk-motion-controlled) *::before,
  html:not(.bk-motion-controlled) *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}