/* Keep content and static dividers visible when animation is unavailable. */
.values-motion .value-list article {
  position: relative;
  border-top-color: transparent;
}
.values-motion .value-list article::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--paper);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .48s cubic-bezier(.2, .7, .25, 1);
}
.values-motion .value-list article.is-visible::before { transform: scaleX(1); }
.values-motion .value-list article:nth-child(2)::before { transition-delay: .12s; }
.values-motion .value-list article:nth-child(3)::before { transition-delay: .24s; }
@media (max-width: 760px) {
  .values-motion .value-list article:nth-child(2)::before,
  .values-motion .value-list article:nth-child(3)::before { transition-delay: 0s; }
}
@media (prefers-reduced-motion: reduce) {
  .values-motion .value-list article { border-top-color: var(--paper); }
  .values-motion .value-list article::before { display: none; }
}