/* Figma 588:2387: three original comments repeat within the original cut mask. */
.employer-branding-page .eb-offer-illustration--comments { --eb-comments-duration:5.4s; }
.employer-branding-page .eb-offer-illustration--comments .eb-motion-comments-conveyor {
  transform-box:view-box;
  transform-origin:0 0;
  animation:eb-comments-advance var(--eb-comments-duration) cubic-bezier(.22,1,.36,1) infinite;
  animation-play-state:paused;
}

/* Match the conveyor's clock; bars move only during their comment's central hold. */
.employer-branding-page .eb-offer-illustration--comments .eb-motion-comments-bar {
  transform-box:fill-box;
  transform-origin:left center;
  animation:eb-comments-bar-width var(--eb-comments-duration) ease-in-out var(--eb-comments-bar-phase,0s) infinite;
  animation-play-state:paused;
}
.employer-branding-page .eb-motion-comments-bar--1 { --eb-comments-bar-phase:-3.6s; --eb-comments-bar-min:.62; }
.employer-branding-page .eb-motion-comments-bar--2 { --eb-comments-bar-phase:-3.6s; --eb-comments-bar-min:.72; }
.employer-branding-page .eb-motion-comments-bar--3 { --eb-comments-bar-phase:-3.6s; --eb-comments-bar-min:.58; }
.employer-branding-page .eb-motion-comments-bar--4 { --eb-comments-bar-min:.62; }
.employer-branding-page .eb-motion-comments-bar--5 { --eb-comments-bar-min:.68; }
.employer-branding-page .eb-motion-comments-bar--6 { --eb-comments-bar-min:.56; }
.employer-branding-page .eb-motion-comments-bar--7 { --eb-comments-bar-phase:-1.8s; --eb-comments-bar-min:.60; }
.employer-branding-page .eb-motion-comments-bar--8 { --eb-comments-bar-phase:-1.8s; --eb-comments-bar-min:.70; }
.employer-branding-page .eb-motion-comments-bar--9 { --eb-comments-bar-phase:-1.8s; --eb-comments-bar-min:.58; }

.employer-branding-page .eb-offer-scene.is-loop-visible .eb-offer-illustration--comments [class*="eb-motion-comments-"] {
  animation-play-state:running;
}

/* 1.35s reading holds + .45s upward advances; three pitches make a seamless loop. */
@keyframes eb-comments-advance {
  0%,25% { transform:translateY(0); }
  33.333333%,58.333333% { transform:translateY(-204.36px); }
  66.666667%,91.666667% { transform:translateY(-408.72px); }
  100% { transform:translateY(-613.08px); }
}
@keyframes eb-comments-bar-width {
  0%,25%,100% { transform:scaleX(1); }
  12.5% { transform:scaleX(var(--eb-comments-bar-min,.62)); }
}

@media(prefers-reduced-motion:reduce) {
  .employer-branding-page .eb-offer-illustration--comments [class*="eb-motion-comments-"] {
    animation:none;
    transform:none;
  }
}