/* The photo and its eye overlay share the original 1448 x 1086 canvas. */
.soft-story-art.busy-trades-team {
  position: relative;
  pointer-events: none;
}

.page.soft-focus.integrated-home .soft-story-art.busy-trades-team > img {
  aspect-ratio: 4 / 3;
}

.busy-trades-team > .busy-trades-overlay {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  stroke: none;
  visibility: hidden;
  pointer-events: none;
}

.busy-trades-team.is-trades-loaded > .busy-trades-overlay {
  visibility: visible;
}

/* Only the eye pairs move; the shapes hiding the printed eyes stay fixed. */
.busy-trades-team [data-trades-eyes] {
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleY(1);
}

.busy-trades-team.is-trades-ready [data-trades-eyes] {
  animation: busy-trades-blink var(--blink-cycle, 5.4s) ease-in-out var(--blink-delay, 0s) infinite;
  animation-play-state: paused;
}

.busy-trades-team.is-trades-ready [data-trades-eyes].has-double-blink {
  animation-name: busy-trades-double-blink;
}

.busy-trades-team.is-trades-ready.is-trades-visible [data-trades-eyes] {
  animation-play-state: running;
}

@keyframes busy-trades-blink {
  0%, 40%, 44%, 100% { transform: scaleY(1); }
  42% { transform: scaleY(.06); }
}

@keyframes busy-trades-double-blink {
  0%, 40%, 44%, 49%, 53%, 100% { transform: scaleY(1); }
  42%, 51% { transform: scaleY(.06); }
}

@media (prefers-reduced-motion: reduce) {
  .busy-trades-team.is-trades-ready [data-trades-eyes],
  .busy-trades-team.is-trades-ready [data-trades-eyes].has-double-blink {
    animation: none;
    transform: scaleY(1);
  }
}