@media screen and (min-width: 768px) {
  @media (prefers-reduced-motion: no-preference) {
    .animate--ambient > img,
    .animate--ambient > .svg-wrapper,
    .animate--ambient placeholder-image img {
      animation: animateAmbient 10s linear infinite;
    }
    @keyframes animateAmbient {
      0% {
        transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.4);
      }
      100% {
        transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.4);
      }
    }
    .scroll-trigger.animate--slide-in {
      transform: translateY(2rem);
    }
    .scroll-trigger.animate--fade-in, .scroll-trigger.animate--slide-in, .scroll-trigger.animate--slide-in-left {
      opacity: 0.01;
    }
    .scroll-trigger.animate--slide-in-left {
      transform: translateX(0);
    }
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in-left {
      animation: slideInleft var(--duration-extra-long) var(--ease-out-slow) forwards;
      animation-delay: calc(var(--animation-order) * 75ms);
    }
    .scroll-trigger.animate--fade-in, .scroll-trigger.animate--slide-in, .scroll-trigger.animate--slide-in-up {
      opacity: 0.01;
    }
    .scroll-trigger.animate--slide-in-up {
      transform: translateX(0);
    }
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in-up {
      animation: var(--animation-slide-in-up);
      animation-delay: calc(var(--animation-order) * 75ms);
    }
    .scroll-trigger.animate--fade-in, .scroll-trigger.animate--slide-in, .scroll-trigger.animate--slide-in-right {
      opacity: 0.01;
    }
    .scroll-trigger.animate--slide-in-right {
      transform: translateX(0);
    }
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in-right {
      animation: var(--animation-slide-in-right);
      animation-delay: calc(var(--animation-order) * 75ms);
    }
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
      opacity: 1;
      animation: var(--animation-fade-in);
      animation-delay: calc(var(--animation-order) * 20ms);
    }
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
      animation: var(--animation-slide-in);
      animation-delay: calc(var(--animation-order) * 20ms);
    }
    .scroll-trigger.scroll-trigger--design-mode.animate--fade-in, .scroll-trigger.scroll-trigger--design-mode.animate--slide-in, .scroll-trigger.scroll-trigger--design-mode .slider, .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
      opacity: 1;
      animation: none;
      transition: none;
    }
    .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
      transform: translateY(0);
    }
    @keyframes slideInleft {
      from {
        transform: translateX(-3rem);
        opacity: 0.01;
      }
      to {
        transform: translateX(0);
        opacity: 1;
      }
    }
    @keyframes slideInup {
      from {
        transform: translateY(-3rem);
        opacity: 0.01;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }
    @keyframes slideInRight {
      from {
        transform: translateX(3rem);
        opacity: 0.01;
      }
      to {
        transform: translateX(0);
        opacity: 1;
      }
    }
    @keyframes slideIn {
      from {
        transform: translateY(1.5rem);
        opacity: 0.01;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }
    @keyframes fadeIn {
      from {
        opacity: 0.01;
      }
      to {
        opacity: 1;
      }
    }
  }
}