/* Icon-only hero navigation: localized hidden text remains the link name. */
.hero-bottom { min-height: 52px; }
.hero-bottom .scroll-cue {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .48);
  border-radius: 50%;
  background: rgba(9, 24, 48, .22);
  color: #fff;
  text-shadow: none;
  transition: background .2s ease, border-color .2s ease;
}
.scroll-cue svg {
  display: block;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .2s ease;
}
.hero-bottom .scroll-cue:hover,
.hero-bottom .scroll-cue:focus-visible {
  background: rgba(9, 24, 48, .65);
  border-color: #fff;
}
.scroll-cue:hover svg { transform: translateY(3px); }
.hero-bottom .scroll-cue:focus-visible { outline: 3px solid #e88957; outline-offset: 5px; }
@media (max-width: 760px) {
  .hero-bottom { min-height: 64px; }
  .hero-bottom .scroll-cue { width: 44px; height: 44px; }
  .scroll-cue svg { width: 22px; height: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-bottom .scroll-cue, .scroll-cue svg { transition: none; }
  .scroll-cue:hover svg { transform: none; }
}