@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .has-custom-cursor, .has-custom-cursor * { cursor: none !important; }
  .has-custom-cursor input, .has-custom-cursor textarea, .has-custom-cursor select { cursor: text !important; }
  .site-cursor {
    position: fixed;
    inset: 0 auto auto 0;
    width: 7px;
    height: 7px;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    background: #f4d99e;
    border: 1px solid #18382a;
    box-shadow: 0 0 5px #e9c4788a;
    transform: translate3d(-100px,-100px,0) translate(-50%,-50%) rotate(45deg);
    transition: width .16s, height .16s, opacity .12s;
  }
  .site-cursor.is-visible { opacity: 1; }
  .site-cursor.is-action { width: 10px; height: 10px; }
  .site-cursor.is-pressed { width: 5px; height: 5px; }
  .site-cursor.is-text { opacity: 0; }
}