body:has(.hero) .ticker > div {
  width: 100%;
  min-width: 0;
  padding: 15px clamp(20px, 4vw, 70px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  animation: none;
}
body:has(.hero) .ticker span { margin: 0; white-space: nowrap; }
@media (max-width: 720px) {
  body:has(.hero) .ticker { overflow-x: auto; scrollbar-width: none; }
  body:has(.hero) .ticker::-webkit-scrollbar { display: none; }
  body:has(.hero) .ticker > div { width: max-content; justify-content: flex-start; }
}