/* Our additions on top of the Webflow export */

/* Client logos: reserve space (width/height attrs set on <img>) and reveal smoothly.
   Webflow's own IX2 animation for .logo-trusted is disabled in js/webflow.js. */
.logo-trusted {
  height: auto;
  transition: none; /* original `transition: all .2s` fought the animation */
}
.logos-anim .logo-trusted {
  opacity: 0;
  transform: translate3d(0, 2em, 0);
  transition:
    opacity 0.9s cubic-bezier(0.33, 1, 0.68, 1),      /* easeOutCubic */
    transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);     /* easeOutExpo */
  backface-visibility: hidden;
}
.logos-anim .logo-trusted.is-in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* Elements animated by Webflow on scroll must not have `transition: all`,
   otherwise the CSS transition lags behind every animation frame (stutter). */
.dropdown {
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

@media (prefers-reduced-motion: reduce) {
  .logos-anim .logo-trusted {
    opacity: 1;
    transform: none;
    transition: none;
  }
}