.hero-scroll-link {
  display: grid;
  place-items: center;
  min-width: 52px;
  min-height: 54px;
  color: var(--muted);
  border-radius: var(--radius-button);
  transition: background-color .2s ease, color .2s ease;
}

.hero-scroll-link svg { opacity: .72; }
.hero-scroll-link:hover, .hero-scroll-link:focus-visible { color: var(--ink); background: #6957800d; }
.hero-scroll-link:hover svg, .hero-scroll-link:focus-visible svg { opacity: 1; }

.pastel-section-cue {
  display: flex;
  justify-content: center;
  flex-basis: 100%;
  margin-block: 16px 0;
}

@media (prefers-reduced-motion: no-preference) {
  html:not(.motion-paused) .hero-scroll-link svg { animation: scroll-cue-float 1.95s ease-in-out infinite; }
  html:not(.motion-paused) .hero-scroll-link .scroll-cue-wheel { animation: scroll-cue-wheel 1.95s ease-in-out infinite; }
}

@keyframes scroll-cue-float {
  0%, 100% { transform: translateY(-2px); }
  50% { transform: translateY(3px); }
}

@keyframes scroll-cue-wheel {
  0%, 13% { transform: translateY(0); opacity: 0; }
  26% { opacity: 1; }
  68%, 100% { transform: translateY(5px); opacity: 0; }
}