/* Original client artwork. Motion is presentation-only; navigation stays fixed. */
.brand.brand--client {
  display: inline-flex;
  position: relative;
  width: 224px;
  flex: 0 0 auto;
  padding: 0;
  isolation: isolate;
  border-radius: 12px;
}
.journey-logo {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2038 / 771;
  pointer-events: none;
  animation: journey-logo-float 6s ease-in-out infinite;
}
.journey-logo__image {
  display: block;
  width: 100%;
  height: auto;
  filter: none;
  opacity: 1;
}
.journey-logo__glow,
.journey-logo__shine {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.journey-logo__glow {
  display: none;
}
/* The reflected light is masked to the alpha of the logo, never its rectangle. */
.journey-logo__shine {
  -webkit-mask: url('/assets/journey-client-logo-r1.png') center / contain no-repeat;
  mask: url('/assets/journey-client-logo-r1.png') center / contain no-repeat;
  overflow: hidden;
}
.journey-logo__shine::after {
  content: '';
  position: absolute;
  inset: -35% -50%;
  background: linear-gradient(112deg, transparent 46%, #fff4ae40 48%, #fff4ae99 50%, #fff4ae40 52%, transparent 54%);
  transform: translateX(-65%);
  opacity: 0;
  animation: journey-logo-shine 11.5s ease-in-out infinite;
}
.journey-logo__star {
  position: absolute;
  color: #fff6bf;
  font: 18px/1 Georgia, serif;
  text-shadow: 0 0 5px #fff4ae, 0 0 11px #ffc846b3;
  opacity: 0;
  transform: scale(.25);
  animation: journey-logo-sparkle 7.5s ease-in-out infinite;
}
.journey-logo__star:nth-of-type(1) { left: 11%; top: 30%; animation-delay: -.6s; }
.journey-logo__star:nth-of-type(2) { left: 35%; top: 17%; animation-delay: -3.4s; font-size: 12px; }
.journey-logo__star:nth-of-type(3) { left: 61%; top: 12%; animation-delay: -5.7s; }
.journey-logo__star:nth-of-type(4) { left: 83%; top: 65%; animation-delay: -2.1s; font-size: 14px; }
.journey-logo__star:nth-of-type(5) { left: 44%; top: 71%; animation-delay: -4.9s; font-size: 10px; }
.brand--client:focus-visible { outline: 2px solid #ffe066; outline-offset: 5px; }
.brand--client:focus-visible .journey-logo,
.brand--client:focus-visible .journey-logo * { animation-play-state: paused; }
.site-footer .brand--client { width: 250px; }
.site-footer .journey-logo { animation-delay: -2s; }
@keyframes journey-logo-float {
  0%, 100% { transform: translateY(1px); }
  50% { transform: translateY(-3px); }
}
@keyframes journey-logo-shine {
  0%, 61% { transform: translateX(-65%); opacity: 0; }
  63% { opacity: .22; }
  80% { transform: translateX(65%); opacity: .22; }
  82%, 100% { transform: translateX(65%); opacity: 0; }
}
@keyframes journey-logo-sparkle {
  0%, 5%, 25%, 100% { opacity: 0; transform: scale(.25) rotate(-15deg); }
  14% { opacity: .95; transform: scale(1) rotate(0deg); }
}
@media (max-width: 820px) {
  .brand.brand--client { width: 190px; }
}
@media (max-width: 540px) {
  .brand.brand--client { width: 184px; }
  .site-footer .brand--client { width: 224px; }
}
@media (prefers-reduced-motion: reduce) {
  .journey-logo,
  .journey-logo *,
  .journey-logo *::after { animation: none !important; transform: none !important; }
  .journey-logo__shine,
  .journey-logo__star { display: none; }
}