.journey-logo {
  --logo-ink: #27323b;
  --logo-accent: #c76449;
  --logo-soft: #e7c5b5;
  --logo-serif: "Newsreader", Georgia, serif;
  display: block;
  width: 228px;
  color: var(--logo-ink);
  text-decoration: none;
  line-height: 1;
}

.journey-wordmark {
  display: flex;
  align-items: baseline;
  gap: .55rem;
  padding: 0 .4rem;
  white-space: nowrap;
}

.journey-wordmark em {
  color: var(--logo-accent);
  font-family: var(--logo-serif);
  font-size: 2rem;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.045em;
}

.journey-wordmark b {
  color: var(--logo-ink);
  font-family: inherit;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.journey-route {
  display: block;
  height: 17px;
  margin: -1px .2rem -2px;
}

.journey-route svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.journey-route .route-line {
  fill: none;
  stroke: var(--logo-soft);
  stroke-linecap: round;
  stroke-width: 1.5;
  stroke-dasharray: 3 4;
}

.journey-route .route-origin {
  fill: var(--logo-accent);
}

.journey-route .route-plane {
  fill: var(--logo-accent);
}

.journey-signature {
  display: block;
  padding-left: .45rem;
  color: var(--logo-ink);
  font-size: .51rem;
  font-weight: 600;
  letter-spacing: .17em;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}

.journey-logo:hover .route-plane,
.journey-logo:focus-visible .route-plane {
  transform: translateX(4px);
}

.journey-logo .route-plane {
  transform-origin: center;
  transition: transform .35s ease;
}

.logo-carnet {
  --logo-serif: "Newsreader", Georgia, serif;
}

.logo-horizon {
  --logo-serif: "Instrument Serif", Georgia, serif;
}

.logo-horizon .journey-route {
  height: 13px;
  margin: 3px .2rem 4px;
}

.logo-horizon .journey-signature {
  letter-spacing: .18em;
}

.logo-conciergerie {
  --logo-ink: #41263d;
  --logo-accent: #cf6249;
  --logo-soft: #dfb7a8;
  --logo-serif: "Fraunces", Georgia, serif;
}

@media (max-width: 620px) {
  .journey-logo { width: 190px; }
  .journey-wordmark em { font-size: 1.65rem; }
  .journey-wordmark b { font-size: .62rem; }
  .journey-signature { font-size: .43rem; letter-spacing: .14em; }
}