.kinetic-band {
  display: flex;
  align-items: stretch;
  height: 82px;
  padding: 0;
  margin: 0;
  transform: none;
  color: #f2eadb;
  background: radial-gradient(circle at 23% 50%, #354236 0, transparent 36%),
              repeating-linear-gradient(90deg, transparent 0 119px, #f4deb10d 119px 120px),
              #171e1a;
  border-top: 1px solid #e7b46b70;
  border-bottom: 1px solid #e7b46b42;
  box-shadow: inset 0 1px #fff1;
}
.kinetic-band .ticker-label, .kinetic-band .ticker-window { width: auto; animation: none; }
.kinetic-band .ticker-label {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 13px;
  flex: 0 0 282px;
  padding: 0 26px 0 max(5vw, 28px);
  background: linear-gradient(90deg, #18221c 78%, #18221cf0);
  border-right: 1px solid #e8bc7966;
  color: #dec59d;
  font: 600 9px/1.3 'JetBrains Mono', monospace;
  letter-spacing: .13em;
  white-space: nowrap;
}
.ticker-label b { color: #b67a43; font-weight: 400; padding: 0 4px; }
.ticker-pulse { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #f4b870; box-shadow: 0 0 0 4px #f4b8701c, 0 0 13px #f4b870b0; animation: ticker-pulse 2.6s ease-in-out infinite; }
.kinetic-band .ticker-window { min-width: 0; flex: 1; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.kinetic-band .ticker-track { display: flex; align-items: center; width: max-content; height: 100%; animation: ticker-flow 34s linear infinite; }
.kinetic-band .ticker-group { flex: 0 0 auto; display: flex; align-items: center; height: 100%; }
.kinetic-band .ticker-group > span { display: flex; align-items: center; gap: 13px; padding: 0 34px; border-right: 1px solid #f8ead527; white-space: nowrap; color: #f3e9d7; font: 400 20px/1 'Fraunces', serif; letter-spacing: -.015em; }
.kinetic-band .ticker-group small { color: #d4a36d; font: 500 9px/1 'JetBrains Mono', monospace; letter-spacing: .11em; }
.kinetic-band .ticker-group i { color: #dca260; font: normal 16px/1 Inter, sans-serif; margin-left: 10px; }
@keyframes ticker-flow { to { transform: translateX(-50%); } }
@keyframes ticker-pulse { 50% { box-shadow: 0 0 0 7px #f4b8700d, 0 0 18px #f4b870d0; } }
@media (max-width: 700px) {
  .kinetic-band { height: 68px; }
  .kinetic-band .ticker-label { flex-basis: 94px; padding: 0 12px; gap: 8px; font-size: 8px; white-space: normal; }
  .kinetic-band .ticker-label span:last-child { max-width: 64px; }
  .kinetic-band .ticker-group > span { font-size: 16px; padding: 0 22px; gap: 9px; }
  .kinetic-band .ticker-group small { font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  html:not(.motion-enabled) .kinetic-band .ticker-track,
  html:not(.motion-enabled) .ticker-pulse { animation: none; }
}
