/* A compact conclusion to every public journey. */
.journey-footer { position: relative; margin-top: 42px; padding-block: 32px 0; background: var(--color-ink); color: #fff; }
.journey-edge { position: absolute; inset-inline: 0; top: -29px; height: 30px; overflow: hidden; color: var(--color-ink); }
.journey-edge svg { width: 100%; height: 30px; }
.journey-edge > span { position: absolute; height: 2px; width: 64px; background: var(--color-accent); bottom: 7px; left: 8%; animation: journey-glide 12s ease-in-out infinite; }
@keyframes journey-glide { 0%, 100% { transform: translateX(0); opacity: .5; } 50% { transform: translateX(110px); opacity: 1; } }
.journey-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.journey-heading .eyebrow { color: #cbd2d8; font-size: 12px; margin-bottom: 8px; }
.journey-heading h2 { font-size: 27px; font-weight: 500; }
.journey-back { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #cbd2d8; }
.journey-back span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #46525b; border-radius: 50%; font-size: 18px; }
.journey-footer a:hover { color: #b7c6ff; }
.journey-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid #3a464f; }
.journey-actions a { display: flex; align-items: center; gap: 13px; min-width: 0; padding: 20px 18px; font-size: 16px; }
.journey-actions a + a { border-inline-start: 1px solid #3a464f; }
.journey-actions a > .icon:first-child { width: 22px; height: 22px; color: #b7c6ff; }
.journey-actions a > .icon:last-child { margin-inline-start: auto; width: 16px; height: 16px; }
.journey-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 23px; color: #cbd2d8; font-size: 13px; }
.journey-bottom nav { display: flex; gap: 22px; flex-wrap: wrap; }
.journey-motto { font-size: 12px; }
@media (max-width: 900px) { .journey-motto { display: none; } .journey-actions a { padding-inline: 12px; gap: 10px; } }
@media (max-width: 600px) {
    .journey-footer { margin-top: 30px; padding-top: 22px; }
    .journey-heading { gap: 15px; align-items: flex-start; }
    .journey-heading h2 { font-size: 23px; }
    .journey-back { font-size: 0; gap: 0; }
    .journey-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .journey-actions a { padding: 18px 8px; font-size: 15px; }
    .journey-actions a:nth-child(3) { border-inline-start: 0; }
    .journey-actions a:nth-child(n+3) { border-top: 1px solid #3a464f; }
    .journey-actions a > .icon:last-child { display: none; }
    .journey-bottom { align-items: flex-start; flex-direction: column-reverse; gap: 16px; padding-block: 20px; }
    .journey-bottom nav { gap: 10px 18px; font-size: 13px; }
}