/* Service marquee above the footer (built by bk-service-marquee.js). */
.bk-service-marquee {
  display: flex;
  overflow: hidden;
  padding: 9px 0;
  background: #a7ffa7;
  border: 1px solid black;
  user-select: none;
}
.bk-service-marquee-track {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  animation: bk-service-marquee 70s linear infinite;
}
.bk-service-marquee:hover .bk-service-marquee-track,
.bk-service-marquee:focus-within .bk-service-marquee-track,
.bk-service-marquee.is-paused .bk-service-marquee-track { animation-play-state: paused; }
@keyframes bk-service-marquee { to { transform: translateX(-100%); } }

.bk-service-marquee-item {
  color: var(--bk-ink);
  font-size: 26px; /* Matches the footer's email text. */
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -.01em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .3s ease;
}
.bk-service-marquee-item:hover,
.bk-service-marquee-item:focus-visible { color: var(--bk-accent); }

/* Small accent diamond between services. */
.bk-service-marquee-sep {
  flex: 0 0 auto;
  width: .3rem;
  height: .3rem;
  margin: 0 .8rem;
  background: var(--bk-accent);
  transform: rotate(45deg);
}

/* Device motion preference: stop the loop and let the
   row scroll sideways by hand. */
@media (prefers-reduced-motion: reduce) {
  html:not(.bk-motion-controlled) .bk-service-marquee { overflow-x: auto; }
  html:not(.bk-motion-controlled) .bk-service-marquee-track { animation: none; }
  html:not(.bk-motion-controlled) .bk-service-marquee-track[aria-hidden="true"] { display: none; }
}
html.bk-reduce-motion .bk-service-marquee { overflow-x: auto; }
html.bk-reduce-motion .bk-service-marquee-track { animation: none !important; }
html.bk-reduce-motion .bk-service-marquee-track[aria-hidden="true"] { display: none; }