/* the motion kit's cursor (motion.js): glossy and blue, its tip on the element's corner, and the ring of a click. All
   that the pages playing films (home, /come-funziona, /clip) need of the kit's styles; motion.css, /motion's own, is
   32 KB (Tommi, 2026-10-02: "still feels slow... remove dead code, simplify"). Every size sits on --k. */
.mg-cursor{position:absolute;left:0;top:0;z-index:30;width:calc(38px*var(--k));height:calc(38px*var(--k));pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 calc(9px*var(--k)) calc(10px*var(--k)) oklch(0% 0 0/.55));will-change:translate,scale,opacity}
.mg-cursor svg{display:block;width:calc(38px*var(--k));height:calc(38px*var(--k));margin:calc(-3px*var(--k)) 0 0 calc(-3px*var(--k));overflow:visible;transform-origin:calc(3px*var(--k)) calc(3px*var(--k))}
.mg-ring{position:absolute;left:calc(-22px*var(--k));top:calc(-22px*var(--k));z-index:29;width:calc(44px*var(--k));height:calc(44px*var(--k));border-radius:50%;border:calc(2px*var(--k)) solid oklch(76% .12 256/.9);pointer-events:none}
@media (max-width:640px){.mg-cursor,.mg-cursor svg{width:32px;height:32px}}