.pointer-focus,.pointer-halo{display:none;pointer-events:none;opacity:0}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .pointer-focus{display:block;position:absolute;inset:0;
    -webkit-mask-image:radial-gradient(circle 220px at var(--focus-x,-500px) var(--focus-y,-500px),#000 0%,rgba(0,0,0,.75) 28%,transparent 100%);
    mask-image:radial-gradient(circle 220px at var(--focus-x,-500px) var(--focus-y,-500px),#000 0%,rgba(0,0,0,.75) 28%,transparent 100%)}
  .pointer-focus .grid{opacity:.4}
  .pointer-halo{display:block;position:absolute;top:0;left:0;width:380px;height:380px;
    background:radial-gradient(circle,rgba(179,154,106,.075) 0%,rgba(179,154,106,.03) 35%,transparent 70%);
    will-change:transform}
}