/* WBL fx: tilt-cards. The sheen only exists for a real mouse. */
.fx-tilt{position:relative;transform-style:preserve-3d;will-change:transform;--gx:50;--gy:0}
@media (hover:hover) and (pointer:fine){
  .fx-tilt:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
    background:radial-gradient(circle at calc(var(--gx)*1%) calc(var(--gy)*1%),rgba(255,255,255,.45),transparent 60%)}
  .fx-tilt:hover:after{opacity:1}
}
@media (prefers-reduced-motion:reduce){.fx-tilt:after{display:none}}