/* DEVOLUA MAGNETIC LOGO */
@media (hover: hover) and (pointer: fine) {
  header .dv-magnetic-logo {
    --dv-x: 0px;
    --dv-y: 0px;
    --dv-rotate: 0deg;
    display: inline-block;
    transform:
      translate3d(var(--dv-x), var(--dv-y), 0)
      rotate(var(--dv-rotate));
    transform-origin: center;
    transition: transform .28s cubic-bezier(.22,1,.36,1);
    will-change: transform;
    cursor: pointer;
  }

  header .dv-magnetic-dot {
    --dv-dot-x: 0px;
    --dv-dot-y: 0px;
    display: inline-block;
    transform:
      translate3d(var(--dv-dot-x), var(--dv-dot-y), 0);
    transition:
      transform .28s cubic-bezier(.22,1,.36,1),
      filter .3s ease;
  }

  header .dv-magnetic-logo:hover .dv-magnetic-dot {
    filter: drop-shadow(0 0 5px rgba(232,57,57,.55));
  }
}

@media (prefers-reduced-motion: reduce) {
  header .dv-magnetic-logo,
  header .dv-magnetic-dot {
    transform: none !important;
    transition: none !important;
  }
}