/* The band of promises under the header (local-ticker.js). One row of small capitals on cream,
   sliding left for ever: the row is written twice and the track slides exactly half its width, so
   the second copy stands where the first began and the join is never seen. It pauses while the
   pointer rests on it, and for a visitor who asks for less movement it stands still and can be
   pushed sideways by hand instead. */
.gt-ticker {
  --gt-ticker-seconds: 46s;
  position: relative;
  overflow: hidden;
  background: var(--cream-2, #F4ECDF);
  border-block: 1px solid #EADFCB;
}
/* the cream fades in at both ends, so a line enters and leaves rather than being cut off */
.gt-ticker::before, .gt-ticker::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: clamp(28px, 7vw, 72px);
  pointer-events: none;
}
.gt-ticker::before { left: 0; background: linear-gradient(90deg, var(--cream-2, #F4ECDF), transparent); }
.gt-ticker::after { right: 0; background: linear-gradient(270deg, var(--cream-2, #F4ECDF), transparent); }

.gt-ticker__track {
  display: flex;
  width: max-content;
  animation: gt-ticker var(--gt-ticker-seconds) linear infinite;
}
.gt-ticker:hover .gt-ticker__track, .gt-ticker:focus-within .gt-ticker__track { animation-play-state: paused; }
.gt-ticker__row { display: flex; flex: none; }

.gt-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: clamp(14px, 3.2vw, 26px);
  padding: 11px clamp(7px, 1.6vw, 13px);
  color: var(--g-800, #083B3D);
  font: 600 clamp(11px, 1.5vw, 13px)/1 "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}
.gt-ticker__star { flex: none; color: var(--gold, #C79A3C); }

@keyframes gt-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce) {
  .gt-ticker { overflow-x: auto; scrollbar-width: none; }
  .gt-ticker::-webkit-scrollbar { display: none; }
  .gt-ticker__track { animation: none; }
  .gt-ticker__row:last-child { display: none; }
}