/* Hide default cursor on desktop only */
@media (hover: hover) and (pointer: fine) {
    body, a, button { cursor: none; }
}

.cu-cursor {
    position: fixed;
    top: 0; left: 0;
    pointer-events: none;
    z-index: 99999;
    mix-blend-mode: difference;
}

.cu-cursor__dot {
    position: fixed;
    width: 8px;
    height: 8px;
    background: #D4AF37;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.05s linear, width 0.25s ease, height 0.25s ease;
}

.cu-cursor__ring {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 1.5px solid #D4AF37;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.15s ease-out, width 0.3s ease, height 0.3s ease, border-color 0.3s;
}

.cu-cursor.is-hover .cu-cursor__ring {
    width: 70px;
    height: 70px;
    border-color: #FFFFFF;
    background: rgba(212, 175, 55, 0.1);
}

.cu-cursor.is-hover .cu-cursor__dot {
    width: 12px;
    height: 12px;
}

@media (hover: none) {
    .cu-cursor { display: none; }
}