.scroll-cue { display: none; }
@media (max-width: 999px) {
  .page main { flex: none; min-height: calc(100svh - 88px); display: flex; flex-direction: column; padding-bottom: 24px; }
  .scroll-cue { display: flex; flex-direction: column; align-items: center; align-self: center; gap: 10px; padding: 24px 0 0; margin-top: auto; min-height: 68px; color: #b6b6b6; text-decoration: none; font-size: 13px; line-height: 1.4; }
  .scroll-cue:hover { color: #fec0ff; }
  .page > .journey { width: 100%; margin: 0; padding: 28px 0 24px; scroll-margin-top: 20px; }
  .journey-heading { margin-bottom: 16px; }
  .journey-art { --edge: clamp(22px, 6vw, 36px); }
  .page footer { padding-top: 16px; }
}
@media (max-width: 600px) {
  .page main { min-height: calc(100svh - 73px); }
}
@media (max-width: 999px) and (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}