@media only screen and (max-width: 720px) and (prefers-reduced-motion: no-preference) {
  html.tk-mobile-hero-logo-pending body.page-id-149 #header-outer #logo,
  body.page-id-149.tk-mobile-hero-logo-active #header-outer #logo {
    opacity: 0 !important;
  }

  body.page-id-149 > .tk-mobile-hero-logo-float {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: var(--tk-mobile-logo-width, 150px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate3d(
      var(--tk-mobile-logo-x, 0),
      var(--tk-mobile-logo-y, 0),
      0
    ) !important;
    transform-origin: left top !important;
    transition: none !important;
    pointer-events: none;
    user-select: none;
    z-index: 10020;
    will-change: transform, width;
    filter:
      drop-shadow(0 0 1px rgba(255, 255, 255, 0.9))
      drop-shadow(0 3px 7px rgba(0, 0, 0, 0.38));
  }

  body.page-id-149.tk-mobile-hero-logo-active > .tk-mobile-hero-logo-float {
    display: block;
  }
}