/* The main navigation names the pages in this one continuous public journey. */
html.journey-active {
  scroll-padding-top: var(--journey-chrome-height, 139px);
  scroll-snap-type: y mandatory;
  overflow-anchor: none;
}
html.journey-active.journey-positioning { scroll-snap-type: none; }
html.journey-active #demo-notice,
html.journey-active #demo-notice.si-nav-strip {
  min-height: 53px;
  height: 53px;
}
html.journey-active [data-journey-panel],
html.journey-active #site-footer {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  outline: none;
}
html.journey-active .page { animation: none; }
.journey-route { min-width: 0; position: relative; }
.journey-route + .journey-route { border-top: 1px solid #bba37418; }
.journey-feature {
  display: flex;
  align-items: center;
  min-height: var(--journey-panel-height, calc(100svh - 139px));
}
.journey-feature .coming-soon-page { width: 100%; padding-bottom: 88px; }
.journey-information { min-height: var(--journey-panel-height, calc(100svh - 139px)); }
html.journey-active #site-footer .site-footer {
  min-height: var(--journey-panel-height, calc(100svh - 139px));
  padding-bottom: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html.journey-active #site-footer .footer-inner { width: 100%; margin: 0 auto; }
html.journey-active #site-footer .footer-bottom { width: calc(100% - 84px); margin: 0 auto; }
.journey-next-cue {
  position: fixed;
  z-index: 35;
  right: 28px;
  bottom: 18px;
}
.journey-next-cue[hidden] { display: none; }
.journey-next-cue button {
  display: grid;
  grid-template-columns: auto 26px;
  column-gap: 16px;
  min-height: 52px;
  min-width: 165px;
  padding: 10px 14px;
  border: 1px solid #d8bc8040;
  border-radius: 6px;
  background: #0a1422eb;
  backdrop-filter: blur(16px);
  color: #d9c49c;
  text-align: left;
  box-shadow: 0 4px 18px #0003;
}
.journey-next-kicker { font-size: 7px; letter-spacing: .15em; color: #8396ae; }
.journey-next-label { grid-row: 2; font-size: 10px; line-height: 1.8; }
.journey-next-cue svg { grid-column: 2; grid-row: 1 / 3; align-self: center; width: 22px; height: 22px; animation: journey-down 2s ease-in-out infinite; }
.journey-next-cue.is-back svg { rotate: 180deg; }
.journey-next-cue button:hover { border-color: #d8bc8077; color: #f0d5a2; }
.journey-next-cue button:focus-visible { outline: 2px solid #f0d5a2; outline-offset: 3px; }
.modal-open .journey-next-cue { visibility: hidden; }
@keyframes journey-down { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } }
@media (max-width: 760px) {
  html.journey-active #demo-notice,
  html.journey-active #demo-notice.si-nav-strip { min-height: 49px; height: 49px; }
  .journey-next-cue { right: 14px; bottom: 12px; }
  .journey-next-cue button { min-height: 48px; padding: 8px 12px; column-gap: 10px; }
  .journey-next-kicker { font-size: 6px; }
  html.journey-active #site-footer .footer-bottom { width: calc(100% - 40px); }
}
@media (prefers-reduced-motion: reduce) {
  html.journey-active { scroll-behavior: auto; }
  .journey-next-cue svg { animation: none; }
}
