:root { --font-hand: "Caveat", "Segoe Script", cursive; --font-grotesk: "Cabin Sketch", cursive; }
    @media (hover: hover) and (pointer: fine) {
      #eb-cursor-ring {
        position: fixed; top: 0; left: 0;
        pointer-events: none; z-index: 99999; transform: translate(-50%, -50%);
        will-change: transform;
        width: 190px; height: 104px; background: transparent;
        -webkit-backdrop-filter: grayscale(1) sepia(1) saturate(1.8) hue-rotate(-8deg) contrast(1.15) brightness(1.05);
        backdrop-filter: grayscale(1) sepia(1) saturate(1.8) hue-rotate(-8deg) contrast(1.15) brightness(1.05);
        -webkit-clip-path: polygon(0% 50%, 12% 28%, 30% 12%, 50% 6%, 70% 12%, 88% 28%, 100% 50%, 88% 72%, 70% 88%, 50% 94%, 30% 88%, 12% 72%);
        clip-path: polygon(0% 50%, 12% 28%, 30% 12%, 50% 6%, 70% 12%, 88% 28%, 100% 50%, 88% 72%, 70% 88%, 50% 94%, 30% 88%, 12% 72%);
        animation: eb-blink 5.5s cubic-bezier(.45,0,.55,1) infinite;
      }
      html, body, body * { cursor: none !important; }
      #eb-cursor-arrow { position: fixed; top: 0; left: 0; pointer-events: none; z-index: 100000; width: 18px; height: 26px; will-change: transform; }
      #eb-cursor-ring.is-hover { width: 250px; height: 138px; }
      #eb-cursor-pupil { position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; border: 2px solid var(--brand-gold); box-shadow: inset 0 0 0 5px rgba(0,0,0,.25); will-change: transform; }
      #eb-cursor-pupil::after { content: ""; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: var(--brand-gold); }
      @keyframes eb-blink {
        0%, 40%, 100% { -webkit-clip-path: polygon(0% 50%, 12% 28%, 30% 12%, 50% 6%, 70% 12%, 88% 28%, 100% 50%, 88% 72%, 70% 88%, 50% 94%, 30% 88%, 12% 72%); clip-path: polygon(0% 50%, 12% 28%, 30% 12%, 50% 6%, 70% 12%, 88% 28%, 100% 50%, 88% 72%, 70% 88%, 50% 94%, 30% 88%, 12% 72%); }
        70%           { -webkit-clip-path: polygon(0% 50%, 12% 46%, 30% 43%, 50% 42%, 70% 43%, 88% 46%, 100% 50%, 88% 54%, 70% 57%, 50% 58%, 30% 57%, 12% 54%); clip-path: polygon(0% 50%, 12% 46%, 30% 43%, 50% 42%, 70% 43%, 88% 46%, 100% 50%, 88% 54%, 70% 57%, 50% 58%, 30% 57%, 12% 54%); }
      }
    }