/* Runtime-independent behavior layer. The original export remains static HTML/CSS. */

html.w-mod-js:not(.w-mod-ix3) :is(
  .all-work-collection-list,
  [gsap="close-overlay"],
  .image-is-animate,
  .image,
  .fader,
  .image-is-animate._7,
  .animation-block-is-video,
  .circle,
  [data-wf-target],
  .trigger-interraction
) {
  visibility: visible !important;
}

.preloader {
  display: none !important;
}

main#reset .animation-block-is-first .image-wrapper,
main#reset .animation-block .image-wrapper {
  transform: translateZ(0) scale(0);
  transform-origin: 50% 50%;
  visibility: hidden;
  will-change: auto;
}

main#reset .animation-block-is-first .image-wrapper {
  transform: translateZ(0) scale(.2);
}

main#reset .animation-block-is-first .image-is-animate,
main#reset .animation-block .image-is-animate {
  background-image: none !important;
  transform: translateZ(0) scale(1.5);
  transform-origin: 50% 50%;
  will-change: auto;
}

.section.is-all-work {
  visibility: hidden !important;
  pointer-events: none !important;
  transition:
    transform .82s cubic-bezier(.76, 0, .24, 1),
    visibility 0s linear .82s;
}

html.services-overlay-open .section.is-all-work {
  visibility: visible !important;
  pointer-events: auto !important;
  transition-delay: 0s;
}

.fader.is-all-work {
  transition: opacity .55s ease;
}

html.services-overlay-open,
html.services-overlay-open body {
  overflow: hidden;
}

.play-pause {
  cursor: pointer;
  border: 0;
  color: inherit;
  background: transparent;
}

:where(a, button):focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  .section.is-all-work,
  .fader.is-all-work,
  .services-panel,
  .services-world,
  .services-capability,
  .pg-card,
  .them-about__cta {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}