.brand-mark {
  display: block;
  width: 48px;
  height: 34px;
  margin-right: 2px;
  flex: none;
  object-fit: contain;
}

.signal-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 50%;
  background: var(--lime);
}

.brand-period {
  display: inline-block;
  width: max(3px, .13em);
  height: max(3px, .13em);
  margin-left: .035em;
  overflow: hidden;
  border-radius: 50%;
  background: var(--lime);
  color: transparent;
  line-height: 1;
  vertical-align: baseline;
}

.brand-word {
  white-space: nowrap;
}

.system-track:nth-of-type(5)::after {
  animation-delay: 1.6s;
}