/* Phone-width work cards: Cuberto project-card cursor (research/phone-v7/cursor-footer-pricing.md §1).
   Add-on to assets/cursor-dot.css/.js (the live site cursor). Pointer:fine only, <=940px layout only; touch = nothing
   (Cuberto: .Cursor display:none on pointer:coarse, follower only built when matchMedia('(pointer:fine)')).
   FROM-SOURCE values: bubble = 10rem disc at scale(.8) = 8rem (83.2px @390, 2.6667vw rem), white + mix-blend-mode:exclusion,
   transform .3s (CSS default ease); icon = arrow-up-right 2rem, #000, from scale(0) rotate(10deg), opacity .4s / transform .3s;
   card preview scale(.98) 1.2s cubic-bezier(.16,1,.3,1). */
@media (max-width:940px) and (hover:hover) and (pointer:fine){
  html body #gmx-cursor-dot{transition:opacity .3s ease, background-color .35s ease, width .3s ease, height .3s ease, mix-blend-mode 0s .3s allow-discrete}
  html body #gmx-cursor-dot.is-arrow{
    width:min(21.3333vw, 163.6px); height:min(21.3333vw, 163.6px);
    background:#fff; mix-blend-mode:exclusion; box-shadow:none;
    transition:opacity .3s ease, width .3s ease, height .3s ease, mix-blend-mode 0s 0s allow-discrete;
  }
  html body #gmx-cursor-dot.is-arrow .gmx-cursor-label{opacity:0!important}
  .gmx-cursor-arrow{position:absolute; left:50%; top:50%; width:min(5.3333vw, 41px); height:min(5.3333vw, 41px); margin:calc(min(5.3333vw, 41px) / -2) 0 0 calc(min(5.3333vw, 41px) / -2);
    color:#000; opacity:0; transform:scale(0) rotate(10deg); transition:opacity .4s, transform .3s; pointer-events:none}
  .gmx-cursor-arrow svg{display:block; width:100%; height:100%}
  html body #gmx-cursor-dot.is-arrow .gmx-cursor-arrow{opacity:1; transform:scale(1)}
  /* Cuberto Card: .preview{transform:translateZ(0); transition:transform 1.2s cubic-bezier(.16,1,.3,1)} :hover -> scale(.98) */
  .phs-work .wk .wk-media, .phs-work .wk > img{transform:translateZ(0); transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
  .phs-work .wk:hover .wk-media, .phs-work .wk:hover > img{transform:scale(.98)}
}
@media (prefers-reduced-motion:reduce){ .gmx-cursor-arrow{display:none} }