/* Homepage menu only. Larger x moves right; larger y moves down. */
.map.map--hero {
  --menu-x: 60%;
  --menu-y: 55%;
  --menu-scale: 1.8;

  left: var(--menu-x); top: var(--menu-y); right: auto; bottom: auto;
  translate: -50% -50%;
  flex-direction: column;
  transform: rotateX(25deg) scale(var(--menu-scale));
}

/* Keep the homepage's vertical menu consistent at every screen width. */
.map--hero .map__go { flex-direction: row; justify-content: flex-start; gap: var(--sc-3); text-align: left; }
.map--hero .map__go::before { width: 22px; flex-shrink: 0; }
.map--hero .map__go[aria-current='true']::before { width: 40px; }

/* Mobile and narrow tablets have independent settings. */
@media (max-width: 860px) {
  .map.map--hero {
    --menu-x: 60%;
    --menu-y: 50%;
    --menu-scale: 1.5;
  }
}