.d4-tilt{--d4-rx:0deg;--d4-ry:0deg;position:relative;transform:perspective(900px) rotateX(var(--d4-rx)) rotateY(var(--d4-ry));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s ease;will-change:transform}
.d4-tilt:hover{box-shadow:0 22px 40px -18px rgba(0,0,0,.35)}
.d4-tilt img{transform:translateZ(24px) scale(1.02)}
.d4-glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .25s ease;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--d4-gx,50%) var(--d4-gy,30%),rgba(255,255,255,.7),transparent 55%);transform:translateZ(40px)}
.d4-tilt:hover .d4-glare{opacity:1}
@media (hover:none){.d4-glare{opacity:.55}}
@media (prefers-reduced-motion:reduce){.d4-tilt,.d4-tilt img{transform:none!important}.d4-glare{display:none}}