@media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
  .public-marketing .marketing-motion-hero { position: relative; isolation: isolate; }
  .public-marketing .marketing-atmosphere {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    border-radius: inherit;
  }
  .public-marketing .marketing-orbit {
    position: absolute;
    right: -6%; top: 12%;
    width: min(40vw, 600px); aspect-ratio: 1;
    border: 1px solid rgba(72, 187, 255, .3);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(29, 150, 255, .15), transparent 66%);
    box-shadow: inset 0 0 70px rgba(24, 136, 255, .08), 0 0 60px rgba(43, 149, 255, .08);
    translate: var(--orbit-x, 0px) var(--orbit-y, 0px);
    transition: translate 400ms ease-out;
    animation: marketing-orbit-float 9s ease-in-out infinite alternate;
  }
  .public-marketing .marketing-orbit-secondary {
    top: 36%; right: 12%; width: min(28vw, 430px);
    border-color: rgba(167, 128, 255, .24);
    background: radial-gradient(circle, rgba(142, 90, 235, .12), transparent 65%);
    animation-delay: -4s;
    animation-duration: 12s;
  }
  .public-marketing :is(.hero, .about-hero) > :not(.marketing-atmosphere) {
    position: relative;
    z-index: 2;
  }
  .public-marketing :is(.partner-types, .about-principles, .km-solutions) > article {
    transition: translate 250ms ease, box-shadow 250ms ease;
  }
  .public-marketing :is(.partner-types, .about-principles, .km-solutions) > article:hover {
    translate: 0 -5px;
    box-shadow: 0 20px 48px rgba(13, 110, 230, .15);
  }
}
@keyframes marketing-orbit-float {
  from { transform: translate(-22px, 22px) scale(.94); opacity: .45; }
  to { transform: translate(18px, -26px) scale(1.08); opacity: .95; }
}