/* Webromedia Process Motion 1.2.0 — history timeline enhancement only. */
.wrm-history-timeline.wrm-history-motion {
  position: relative;
  isolation: isolate;
}
.wrm-history-timeline.wrm-history-motion .wrm-history-milestone {
  position: relative;
}
.wrm-history-timeline.wrm-history-motion .wrm-history-motion__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: 9;
}
.wrm-history-timeline.wrm-history-motion > .wrm-history-milestone .wrm-history-dot {
  transition: box-shadow .48s ease, border-color .42s ease, background-color .42s ease, transform .42s ease;
}
.wrm-history-timeline.wrm-history-motion > .wrm-history-milestone.is-history-current .wrm-history-dot {
  border-color: #ff9d40;
  box-shadow: 0 0 0 5px rgba(255,151,50,.11), 0 0 18px rgba(255,145,47,.38), inset 0 0 8px rgba(255,183,74,.22);
  transform: scale(1.08);
}
.wrm-history-timeline.wrm-history-motion > .wrm-history-milestone.is-history-arrival .wrm-history-dot {
  animation: wrm-history-arrival 1.15s cubic-bezier(.18,.72,.28,1) both;
}
.wrm-history-timeline.wrm-history-motion > .wrm-history-milestone.is-history-current summary strong {
  color: #ffa047;
  transition: color .35s ease;
}
.wrm-history-timeline.wrm-history-motion > .wrm-history-milestone.is-history-current .wrm-history-milestone-label {
  transition: color .35s ease;
}
.wrm-history-timeline.wrm-history-motion > .wrm-history-milestone.is-history-current summary {
  outline-offset: 5px;
}
.wrm-history-timeline.wrm-history-motion > .wrm-history-milestone summary:focus-visible {
  outline: 2px solid #ffa047;
  outline-offset: 5px;
  border-radius: 7px;
}
@keyframes wrm-history-arrival {
  0% { box-shadow: 0 0 0 0 rgba(255,160,66,.3), 0 0 0 rgba(255,150,46,.1); transform: scale(1); }
  34% { box-shadow: 0 0 0 12px rgba(255,155,56,.11), 0 0 26px rgba(255,152,47,.65); transform: scale(1.19); }
  100% { box-shadow: 0 0 0 5px rgba(255,151,50,.11), 0 0 18px rgba(255,145,47,.38); transform: scale(1.08); }
}
/* Stats get one restrained highlight as they enter the viewport. */
.wrm-history-stats.wrm-history-stats--motion .wrm-history-card {
  transition: border-color .4s ease, box-shadow .5s ease, transform .45s ease;
}
@media (hover: hover) {
  .wrm-history-stats.wrm-history-stats--motion .wrm-history-card:hover {
    transform: translateY(-3px);
    border-color: rgba(90,172,246,.55);
    box-shadow: 0 12px 28px rgba(0,12,40,.13), 0 0 22px rgba(43,135,235,.13);
  }
}
.wrm-history-stats.wrm-history-stats--motion .wrm-history-card.is-history-stat-highlight {
  animation: wrm-history-stat-reveal .85s ease-out both;
}
@keyframes wrm-history-stat-reveal {
  0% { box-shadow: 0 0 0 0 rgba(255,144,46,0); }
  45% { box-shadow: 0 0 0 1px rgba(255,152,49,.35), 0 0 22px rgba(255,142,46,.12); }
  100% { box-shadow: 0 0 0 0 rgba(255,144,46,0); }
}
@media (prefers-reduced-motion: reduce) {
  .wrm-history-timeline.wrm-history-motion .wrm-history-dot,
  .wrm-history-stats.wrm-history-stats--motion .wrm-history-card {
    transition: none !important;
    animation: none !important;
  }
}
/* Keep edge tooltips inside narrow desktops without changing the original content. */
@media (min-width:681px) and (max-width:980px) {
  .wrm-history-timeline.wrm-history-motion > .wrm-history-milestone:first-child > .wrm-history-tooltip {
    left: 0;
    right: auto;
    transform: none;
  }
  .wrm-history-timeline.wrm-history-motion > .wrm-history-milestone:last-of-type > .wrm-history-tooltip {
    left: auto;
    right: 0;
    transform: none;
  }
}