/* Scroll indicator — bouncing arrow at the bottom of hero sections (desktop only) */

.cc_JsHSjQyQmG_hero .scroll-indicator, .cc_JsHSjQyQmG_hero_slider .scroll-indicator {
  position: absolute;
  left: 50%;
  bottom: var(--space-lg);
  z-index: 3;
  display: none;
  align-items: center;
  justify-content: center;
  width: var(--tap-size);
  height: var(--tap-size);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-white);
  cursor: pointer;
  transform: translateX(-50%);
}

.cc_JsHSjQyQmG_hero .scroll-indicator:focus-visible, .cc_JsHSjQyQmG_hero_slider .scroll-indicator:focus-visible {
  outline: 1px solid var(--color-white);
  outline-offset: 4px;
}

.cc_JsHSjQyQmG_hero .scroll-indicator-track, .cc_JsHSjQyQmG_hero_slider .scroll-indicator-track {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-white);
  border-radius: var(--radius);
  animation: scroll-indicator-bounce 1800ms var(--ease) infinite;
  transition:
    background-color var(--duration-fast) var(--ease),
    color var(--duration-fast) var(--ease);
}

.cc_JsHSjQyQmG_hero .scroll-indicator:hover .scroll-indicator-track, .cc_JsHSjQyQmG_hero_slider .scroll-indicator:hover .scroll-indicator-track {
  background: var(--color-white);
  color: var(--color-black);
}

.cc_JsHSjQyQmG_hero .scroll-indicator-icon, .cc_JsHSjQyQmG_hero_slider .scroll-indicator-icon { display: block; }

@keyframes scroll-indicator-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(var(--space-xs)); }
}

@media (min-width: 1024px) {
  .cc_JsHSjQyQmG_hero .scroll-indicator, .cc_JsHSjQyQmG_hero_slider .scroll-indicator { display: inline-flex; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_JsHSjQyQmG_hero .scroll-indicator-track, .cc_JsHSjQyQmG_hero_slider .scroll-indicator-track {
    animation: none;
    transition: none;
  }
}