/* City Publications Atlanta — interaction and motion layer */

.page-city-publications-case {
  --kp-case-motion-fast: 280ms;
  --kp-case-motion-medium: 680ms;
  --kp-case-motion-slow: 1100ms;
  --kp-case-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Consistent card interaction used across the rest of the site */
.page-city-publications-case .kp-card-clean,
.page-city-publications-case .kp-workstream,
.page-city-publications-case .kp-result-card,
.page-city-publications-case .kp-role-card,
.page-city-publications-case .kp-system-row,
.page-city-publications-case .kp-project-info-card {
  transition:
    transform var(--kp-case-motion-fast) ease,
    border-color var(--kp-case-motion-fast) ease,
    background-color var(--kp-case-motion-fast) ease;
}

.page-city-publications-case .kp-card-clean:hover,
.page-city-publications-case .kp-workstream:hover,
.page-city-publications-case .kp-result-card:hover,
.page-city-publications-case .kp-role-card:hover,
.page-city-publications-case .kp-project-info-card:hover {
  transform: translateY(-4px);
  border-color: rgba(138, 37, 40, 0.2);
}

.page-city-publications-case .kp-system-row:hover {
  transform: translateY(-2px);
  border-color: rgba(138, 37, 40, 0.18);
}

/* Hero logo entrance and subtle idle motion */
.page-city-publications-case .kp-case-logo-link {
  overflow: hidden;
  position: relative;
}

.page-city-publications-case .kp-case-logo-link::after {
  content: "";
  position: absolute;
  inset: -20% auto -20% -45%;
  width: 34%;
  transform: skewX(-18deg);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.78),
    transparent
  );
  opacity: 0;
  pointer-events: none;
}

.page-city-publications-case .kp-case-hero-full.kp-revealed .kp-case-logo-link::after {
  animation: kpCaseLogoShine 950ms ease 420ms 1 both;
}

.page-city-publications-case .kp-case-logo {
  transition: transform 340ms ease;
}

.page-city-publications-case .kp-case-logo-link:hover .kp-case-logo {
  transform: scale(1.025);
}

@keyframes kpCaseLogoShine {
  0% {
    left: -45%;
    opacity: 0;
  }
  22% {
    opacity: 0.82;
  }
  100% {
    left: 118%;
    opacity: 0;
  }
}

/* At A Glance stagger */
.page-city-publications-case.kp-case-effects-ready
  .kp-ataglance-card
  .kp-ataglance-item {
  opacity: 0;
  transform: translateY(18px);
}

.page-city-publications-case.kp-case-effects-ready
  .kp-ataglance-card.kp-revealed
  .kp-ataglance-item {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 620ms ease,
    transform 620ms var(--kp-case-ease);
}

.page-city-publications-case
  .kp-ataglance-card.kp-revealed
  .kp-ataglance-item:nth-child(1) {
  transition-delay: 100ms;
}

.page-city-publications-case
  .kp-ataglance-card.kp-revealed
  .kp-ataglance-item:nth-child(2) {
  transition-delay: 220ms;
}

.page-city-publications-case
  .kp-ataglance-card.kp-revealed
  .kp-ataglance-item:nth-child(3) {
  transition-delay: 340ms;
}

/* Connected process-map sequence */
.page-city-publications-case.kp-case-effects-ready .kp-process-node {
  opacity: 0;
  transform: translateY(24px) scale(0.975);
}

.page-city-publications-case.kp-case-effects-ready
  .kp-process-node::after {
  opacity: 0;
  transform: translateY(-50%) scale(0.55);
}

.page-city-publications-case.kp-case-effects-ready
  .kp-process-node[data-step="3"]::after {
  transform: translateX(50%) scale(0.55);
}

.page-city-publications-case.kp-case-effects-ready
  .kp-process-node[data-step="6"]::after {
  transform: translateX(-50%) scale(0.55);
}

.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition:
    opacity 620ms ease,
    transform 720ms var(--kp-case-ease),
    border-color 260ms ease,
    background-color 260ms ease;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node::after {
  opacity: 1;
  transition:
    opacity 360ms ease,
    transform 520ms var(--kp-case-ease);
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:not([data-step="3"]):not([data-step="6"])::after {
  transform: translateY(-50%) scale(1);
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node[data-step="3"]::after {
  transform: translateX(50%) scale(1);
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node[data-step="6"]::after {
  transform: translateX(-50%) scale(1);
}

.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(1) {
  transition-delay: 40ms;
}
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(2) {
  transition-delay: 130ms;
}
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(3) {
  transition-delay: 220ms;
}
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(4) {
  transition-delay: 310ms;
}
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(5) {
  transition-delay: 400ms;
}
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(6) {
  transition-delay: 490ms;
}
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(7) {
  transition-delay: 580ms;
}
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(8) {
  transition-delay: 670ms;
}
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-node:nth-child(9) {
  transition-delay: 760ms;
}

.page-city-publications-case .kp-process-node:hover {
  transform: translateY(-5px) scale(1.01) !important;
  border-color: rgba(138, 37, 40, 0.23);
  background: rgba(255, 255, 255, 0.98);
}

.page-city-publications-case .kp-process-node:hover .kp-process-number {
  background: #8a2528;
  color: #ffffff;
  transition:
    background-color 240ms ease,
    color 240ms ease;
}

/* Progress cards and animated fills */
.page-city-publications-case.kp-case-effects-ready
  [data-kp-progress-section]
  .kp-system-row {
  opacity: 0;
  transform: translateY(18px);
}

.page-city-publications-case.kp-case-effects-ready
  [data-kp-progress-section]
  .kp-status-bar
  > span {
  width: 0 !important;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 560ms ease,
    transform 620ms var(--kp-case-ease),
    border-color 260ms ease;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(1) {
  transition-delay: 40ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(2) {
  transition-delay: 120ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(3) {
  transition-delay: 200ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(4) {
  transition-delay: 280ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(5) {
  transition-delay: 360ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(6) {
  transition-delay: 440ms;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-status-bar
  > span {
  width: var(--kp-progress-target, 0%) !important;
  transition: width 1350ms var(--kp-case-ease);
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(1)
  .kp-status-bar
  > span {
  transition-delay: 120ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(2)
  .kp-status-bar
  > span {
  transition-delay: 210ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(3)
  .kp-status-bar
  > span {
  transition-delay: 300ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(4)
  .kp-status-bar
  > span {
  transition-delay: 390ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(5)
  .kp-status-bar
  > span {
  transition-delay: 480ms;
}
.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(6)
  .kp-status-bar
  > span {
  transition-delay: 570ms;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(5)
  .kp-status-bar
  > span {
  animation: kpCaseCompleteGlow 1250ms ease 1600ms 1 both;
}

@keyframes kpCaseCompleteGlow {
  0%,
  100% {
    filter: none;
  }
  48% {
    filter: brightness(1.24);
  }
}

/* Workstream visuals animate after their parent reveal */
.page-city-publications-case.kp-case-effects-ready
  .kp-workstream
  .kp-flow
  span {
  opacity: 0;
  transform: translateX(14px);
}

.page-city-publications-case
  .kp-workstream.kp-revealed
  .kp-flow
  span {
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity 480ms ease,
    transform 560ms var(--kp-case-ease),
    background-color 220ms ease,
    border-color 220ms ease;
}

.page-city-publications-case .kp-workstream.kp-revealed .kp-flow span:nth-child(1) {
  transition-delay: 100ms;
}
.page-city-publications-case .kp-workstream.kp-revealed .kp-flow span:nth-child(2) {
  transition-delay: 180ms;
}
.page-city-publications-case .kp-workstream.kp-revealed .kp-flow span:nth-child(3) {
  transition-delay: 260ms;
}
.page-city-publications-case .kp-workstream.kp-revealed .kp-flow span:nth-child(4) {
  transition-delay: 340ms;
}

.page-city-publications-case .kp-workstream .kp-flow span:hover {
  background: rgba(138, 37, 40, 0.075);
  border-color: rgba(138, 37, 40, 0.32);
}

/* Results, roles and tool badges */
.page-city-publications-case .kp-result-card:hover .kp-heading-3,
.page-city-publications-case .kp-role-card:hover .kp-heading-3,
.page-city-publications-case .kp-workstream:hover .kp-heading-3 {
  color: #8a2528;
  transform: translateY(-1px);
}

.page-city-publications-case .kp-tool-badges span {
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    background-color 220ms ease,
    color 220ms ease;
}

.page-city-publications-case .kp-tool-badges span:hover {
  transform: translateY(-3px);
  border-color: rgba(138, 37, 40, 0.24);
  background: rgba(138, 37, 40, 0.055);
  color: #8a2528;
}

/* Keep motion accessible */
@media (prefers-reduced-motion: reduce) {
  .page-city-publications-case *,
  .page-city-publications-case *::before,
  .page-city-publications-case *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }

  .page-city-publications-case .kp-process-node,
  .page-city-publications-case [data-kp-progress-section] .kp-system-row,
  .page-city-publications-case .kp-workstream .kp-flow span,
  .page-city-publications-case .kp-ataglance-item {
    opacity: 1 !important;
    transform: none !important;
  }

  .page-city-publications-case [data-kp-progress-section] .kp-status-bar > span {
    width: var(--kp-progress-target, 0%) !important;
  }
}

@media (max-width: 980px) {
  .page-city-publications-case.kp-case-effects-ready
    .kp-process-node::after,
  .page-city-publications-case
    .kp-process-map.is-map-animated
    .kp-process-node::after {
    transform: translateX(-50%) scale(1);
  }
}

/* Continuous running effects for map arrows and progress bars */

/* Moving light across each completed portion of the progress bar */
.page-city-publications-case .kp-status-bar > span {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-status-bar
  > span::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 42%;
  left: -48%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.16),
    rgba(255, 255, 255, 0.74),
    rgba(255, 255, 255, 0.16),
    transparent
  );
  transform: skewX(-18deg);
  animation: kpProgressRunningLight 2.25s linear infinite;
  pointer-events: none;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(2)
  .kp-status-bar
  > span::after {
  animation-delay: 180ms;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(3)
  .kp-status-bar
  > span::after {
  animation-delay: 360ms;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(4)
  .kp-status-bar
  > span::after {
  animation-delay: 540ms;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(5)
  .kp-status-bar
  > span::after {
  animation-delay: 720ms;
}

.page-city-publications-case
  [data-kp-progress-section].is-progress-animated
  .kp-system-row:nth-child(6)
  .kp-status-bar
  > span::after {
  animation-delay: 900ms;
}

@keyframes kpProgressRunningLight {
  0% {
    left: -48%;
  }
  100% {
    left: 118%;
  }
}

/* Directional running pulse for process-map arrows */
.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node::after {
  animation: kpMapArrowPulseHorizontal 1.45s ease-in-out infinite;
  box-shadow: 0 0 0 0 rgba(138, 37, 40, 0.17);
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node[data-step="2"]::after,
.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node[data-step="5"]::after,
.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node[data-step="8"]::after {
  animation-delay: 260ms;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node[data-step="3"]::after,
.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node[data-step="6"]::after {
  animation-name: kpMapArrowPulseVertical;
  animation-delay: 520ms;
}

@keyframes kpMapArrowPulseHorizontal {
  0%,
  100% {
    opacity: 0.62;
    box-shadow: 0 0 0 0 rgba(138, 37, 40, 0.17);
    filter: none;
  }
  48% {
    opacity: 1;
    box-shadow: 0 0 0 8px rgba(138, 37, 40, 0);
    filter: brightness(1.15);
  }
}

@keyframes kpMapArrowPulseVertical {
  0%,
  100% {
    opacity: 0.62;
    box-shadow: 0 0 0 0 rgba(138, 37, 40, 0.17);
    filter: none;
  }
  48% {
    opacity: 1;
    box-shadow: 0 0 0 8px rgba(138, 37, 40, 0);
    filter: brightness(1.15);
  }
}

/* Subtle moving route emphasis across the map cards */
.page-city-publications-case .kp-process-map.is-map-animated .kp-process-number {
  position: relative;
  overflow: hidden;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-number::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    110deg,
    transparent 15%,
    rgba(255, 255, 255, 0.66) 48%,
    transparent 82%
  );
  transform: translateX(-130%);
  animation: kpProcessNumberSweep 2.8s ease-in-out infinite;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:nth-child(2)
  .kp-process-number::after {
  animation-delay: 180ms;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:nth-child(3)
  .kp-process-number::after {
  animation-delay: 360ms;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:nth-child(4)
  .kp-process-number::after {
  animation-delay: 540ms;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:nth-child(5)
  .kp-process-number::after {
  animation-delay: 720ms;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:nth-child(6)
  .kp-process-number::after {
  animation-delay: 900ms;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:nth-child(7)
  .kp-process-number::after {
  animation-delay: 1080ms;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:nth-child(8)
  .kp-process-number::after {
  animation-delay: 1260ms;
}

.page-city-publications-case
  .kp-process-map.is-map-animated
  .kp-process-node:nth-child(9)
  .kp-process-number::after {
  animation-delay: 1440ms;
}

@keyframes kpProcessNumberSweep {
  0%,
  18% {
    transform: translateX(-130%);
  }
  52%,
  100% {
    transform: translateX(130%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-city-publications-case .kp-status-bar > span::after,
  .page-city-publications-case .kp-process-node::after,
  .page-city-publications-case .kp-process-number::after {
    animation: none !important;
  }
}

/* Lawn Care Up process maps use the complete City Publications motion system. */
.page-lawn-care-up-case.kp-case-effects-ready
  [data-kp-lawn-process-map]
  .kp-process-node {
  opacity: 0;
  transform: translateY(24px) scale(.975);
}

.page-lawn-care-up-case.kp-case-effects-ready
  [data-kp-lawn-process-map]
  .kp-process-node::after {
  opacity: 0;
}

.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition:
    opacity 620ms ease,
    transform 720ms var(--kp-case-ease),
    border-color 260ms ease,
    background-color 260ms ease;
}

.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node::after {
  opacity: 1;
  transition: opacity 360ms ease, transform 520ms var(--kp-case-ease);
  animation: kpMapArrowPulseHorizontal 1.45s ease-in-out infinite;
}

.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(1) { transition-delay: 40ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(2) { transition-delay: 130ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(3) { transition-delay: 220ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(4) { transition-delay: 310ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(5) { transition-delay: 400ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(6) { transition-delay: 490ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(7) { transition-delay: 580ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(8) { transition-delay: 670ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(9) { transition-delay: 760ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(10) { transition-delay: 850ms; }

.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-number {
  position: relative;
  overflow: hidden;
}

.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-number::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    110deg,
    transparent 15%,
    rgba(255,255,255,.66) 48%,
    transparent 82%
  );
  transform: translateX(-130%);
  animation: kpProcessNumberSweep 2.8s ease-in-out infinite;
}

.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(2) .kp-process-number::after { animation-delay: 180ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(3) .kp-process-number::after { animation-delay: 360ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(4) .kp-process-number::after { animation-delay: 540ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(5) .kp-process-number::after { animation-delay: 720ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(6) .kp-process-number::after { animation-delay: 900ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(7) .kp-process-number::after { animation-delay: 1080ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(8) .kp-process-number::after { animation-delay: 1260ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(9) .kp-process-number::after { animation-delay: 1440ms; }
.page-lawn-care-up-case
  [data-kp-lawn-process-map].is-map-animated
  .kp-process-node:nth-child(10) .kp-process-number::after { animation-delay: 1620ms; }

@media (prefers-reduced-motion: reduce) {
  .page-lawn-care-up-case [data-kp-lawn-process-map] .kp-process-node {
    opacity: 1 !important;
    transform: none !important;
  }

  .page-lawn-care-up-case [data-kp-lawn-process-map] .kp-process-node::after,
  .page-lawn-care-up-case [data-kp-lawn-process-map] .kp-process-number::after {
    animation: none !important;
  }
}

/* Outsourced Doers process maps use the complete City Publications motion system. */
.page-outsourced-doers-case.kp-case-effects-ready [data-kp-od-process-map] .kp-process-node{opacity:0;transform:translateY(24px) scale(.975)}
.page-outsourced-doers-case.kp-case-effects-ready [data-kp-od-process-map] .kp-process-node::after{opacity:0}
.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node{opacity:1;transform:translateY(0) scale(1);transition:opacity 620ms ease,transform 720ms var(--kp-case-ease),border-color 260ms ease,background-color 260ms ease}
.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node::after{opacity:1;transition:opacity 360ms ease,transform 520ms var(--kp-case-ease);animation:kpMapArrowPulseHorizontal 1.45s ease-in-out infinite}
.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(1){transition-delay:40ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(2){transition-delay:130ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(3){transition-delay:220ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(4){transition-delay:310ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(5){transition-delay:400ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(6){transition-delay:490ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(7){transition-delay:580ms}
.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-number{position:relative;overflow:hidden}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-number::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.66) 48%,transparent 82%);transform:translateX(-130%);animation:kpProcessNumberSweep 2.8s ease-in-out infinite}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(2) .kp-process-number::after{animation-delay:180ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(3) .kp-process-number::after{animation-delay:360ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(4) .kp-process-number::after{animation-delay:540ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(5) .kp-process-number::after{animation-delay:720ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(6) .kp-process-number::after{animation-delay:900ms}.page-outsourced-doers-case [data-kp-od-process-map].is-map-animated .kp-process-node:nth-child(7) .kp-process-number::after{animation-delay:1080ms}
@media(prefers-reduced-motion:reduce){.page-outsourced-doers-case [data-kp-od-process-map] .kp-process-node{opacity:1!important;transform:none!important}.page-outsourced-doers-case [data-kp-od-process-map] .kp-process-node::after,.page-outsourced-doers-case [data-kp-od-process-map] .kp-process-number::after{animation:none!important}}