/* =============== Cursor =============== */
.cursor,
.cursor-follow {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition:
    width 0.35s var(--ease),
    height 0.35s var(--ease),
    border-color 0.35s var(--ease),
    background 0.35s var(--ease),
    opacity 0.35s var(--ease);
  mix-blend-mode: difference;
}
.cursor {
  width: 6px;
  height: 6px;
  background: var(--accent-cream);
  border-radius: 50%;
}
.cursor-dot {
  display: none;
}
.cursor-follow {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  backdrop-filter: blur(2px);
}
.cursor.hover {
  width: 14px;
  height: 14px;
}
.cursor-follow.hover {
  width: 70px;
  height: 70px;
  border-color: var(--accent-gold);
  background: rgba(201, 168, 107, 0.08);
}