/* Editorial hero block — dark split + ticker + diagonal cut */
@keyframes editorial-ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.editorial-hero-ticker {
  animation: editorial-ticker-scroll 28s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .editorial-hero-ticker {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
}

.editorial-hero-diagonal {
  height: 4rem;
  background: #ffffff;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
  margin-bottom: -1px;
}

@media (min-width: 768px) {
  .editorial-hero-diagonal {
    height: 6rem;
  }
}