/* Klantlogo's: rustig, ingetogen, geen blok */
.clients { padding: clamp(8px, 2vw, 20px) 0 clamp(24px, 4vw, 40px); }
.clients-row {
  display: flex; align-items: center; gap: clamp(20px, 4vw, 48px);
  padding-top: 22px; padding-bottom: 22px;
  border-top: 1px solid rgba(0, 9, 38, 0.08);
  border-bottom: 1px solid rgba(0, 9, 38, 0.08);
}
.clients-label {
  margin: 0; flex: 0 0 auto; max-width: 200px;
  font-size: 13px; line-height: 1.45; color: rgba(0, 9, 38, 0.5);
}
.clients-marquee { flex: 1 1 auto; min-width: 0; }
.clients-marquee .marquee-track { gap: 48px; padding-right: 48px; animation-duration: 70s; }
.clients-marquee .marquee-track img {
  height: 20px; width: auto;
  filter: brightness(0); opacity: 0.32;
  transition: opacity .3s ease;
}
.clients-marquee:hover .marquee-track { animation-play-state: paused; }
.clients-marquee .marquee-track img:hover { opacity: 0.7; }
@media (max-width: 720px) {
  .clients-row { flex-direction: column; align-items: stretch; gap: 14px; }
  .clients-label { max-width: none; text-align: center; }
  .clients-label br { display: none; }
}
/* Logo */
.nav .logo-mark { height: 34px; width: auto; }
.footer .logo { gap: 14px; }
.footer .logo-mark { height: 40px; width: auto; }
.logo-sub { padding-left: 14px; border-left: 2px solid rgba(0, 9, 38, 0.15); font-family: var(--font); font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--sapphire); }
/* Route-cards: drie tinten blauw */
.routes .route { border-color: transparent; }
.routes .route:nth-child(1) { background: var(--ice-blue); color: var(--navy); }
.routes .route:nth-child(1) .route-icon { background: #fff; }
.routes .route:nth-child(1) .route-text { color: rgba(0, 9, 38, 0.75); }
.routes .route:nth-child(1) .route-meta { border-top-color: rgba(0, 9, 38, 0.12); }
.routes .route:nth-child(2) { background: var(--powder); color: var(--navy); }
.routes .route:nth-child(2) .route-icon { background: var(--ice-blue); color: var(--navy); }
.routes .route:nth-child(2) .route-who { color: var(--navy); }
.routes .route:nth-child(2) .route-text { color: rgba(0, 9, 38, 0.8); }
.routes .route:nth-child(2) .route-meta { border-top-color: rgba(0, 9, 38, 0.15); }
.routes .route:nth-child(2) .route-arrow { background: var(--navy); }
.routes .route:nth-child(3) { background: var(--sapphire); color: #fff; }
.routes .route:nth-child(3) .route-icon { background: rgba(255, 255, 255, 0.16); color: #fff; }
.routes .route:nth-child(3) .route-who { color: var(--ice-blue); }
.routes .route:nth-child(3) .route-title { color: #fff; }
.routes .route:nth-child(3) .route-text { color: rgba(255, 255, 255, 0.88); }
.routes .route:nth-child(3) .route-meta { color: #fff; border-top-color: rgba(255, 255, 255, 0.25); }
.routes .route:nth-child(3) .route-arrow { background: #fff; color: var(--sapphire); }
.routes .route:hover { border-color: var(--navy); }
.routes .route:nth-child(3):hover .route-arrow { background: var(--navy); color: #fff; }