/*
  Shared client logo carousel behavior across home + landing pages.
  Keeps speed and logo coloration uniform from one place.
*/
:root {
  --client-logo-carousel-speed-desktop: 32s;
  --client-logo-carousel-speed-mobile: 26s;
  --client-logo-carousel-filter-idle: grayscale(0) opacity(1);
  --client-logo-carousel-filter-hover: grayscale(0) opacity(1);
}

.logo-carousel .logo-carousel-track {
  animation-duration: var(--client-logo-carousel-speed-desktop);
  animation-timing-function: linear;
}

.logo-carousel .logo-carousel-item,
.logo-carousel .logo-carousel-item img {
  filter: var(--client-logo-carousel-filter-idle);
}

.logo-carousel .logo-carousel-item:hover,
.logo-carousel .logo-carousel-item:focus-visible,
.logo-carousel .logo-carousel-item:hover img,
.logo-carousel .logo-carousel-item:focus-visible img {
  filter: var(--client-logo-carousel-filter-hover);
}

@media (max-width: 767px) {
  .logo-carousel .logo-carousel-track {
    animation-duration: var(--client-logo-carousel-speed-mobile);
  }
}

/* Keep the van framed in all final CTA sections across landing pages. */
.final-cta .bg-image {
  background-position: center bottom;
}

/* Home page "Prefer to talk?" CTA background framing. */
.home-contact-cta-image {
  object-position: center bottom;
}