/* Rotating eyebrow — horizontal slide, seamless loop */

.rotating-eyebrow {
  color: #00685f;
}

.rotating-eyebrow--center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1rem;
}

.rotating-eyebrow__slider {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  line-height: 1.25;
}

.rotating-eyebrow__track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: transform 0.55s cubic-bezier(0.33, 1, 0.68, 1);
  will-change: transform;
}

.rotating-eyebrow__item {
  flex: 0 0 auto;
  white-space: nowrap;
  line-height: 1.25;
}

@media (prefers-reduced-motion: reduce) {
  .rotating-eyebrow__track {
    transition: none;
  }
}