@keyframes phc-drift{0%,to{opacity:.4;filter:brightness(.9)contrast(1.05);background-position:50%}25%{opacity:.75;filter:brightness()contrast(1.2);background-position:100% 0}50%{opacity:.55;background-position:100% 100%}75%{opacity:.8;filter:brightness()contrast(1.2);background-position:0 100%}}.phc-scene{--phc-rx:0deg;--phc-ry:0deg;--phc-mx:50%;--phc-my:50%;perspective:1100px;cursor:pointer}.phc-tilt{width:100%;height:100%;transform:rotateX(var(--phc-rx)) rotateY(var(--phc-ry));transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative}.phc-scene:hover .phc-tilt{transition:transform 80ms ease-out}.phc-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.phc-flip[data-flipped=true]{transform:rotateY(180deg)}.phc-face{backface-visibility:hidden;border-radius:1.5rem;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,-2px -2px 10px #38bdf840,2px 2px 10px #8b5cf638,0 24px 40px -18px #020c28b3}.phc-face--back{transform:rotateY(180deg)}.phc-sheen{z-index:3;pointer-events:none;mix-blend-mode:color-dodge;background-size:300% 300%;background-position:var(--phc-mx) var(--phc-my);opacity:.55;background-image:linear-gradient(115deg,#0000 0%,#38bdf88c 28%,#0000 45% 55%,#a78bfa80 72%,#0000 100%);position:absolute;inset:0}.phc-scene:not(:hover) .phc-sheen{animation:8s ease-in-out infinite phc-drift}.phc-glare{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--phc-mx) var(--phc-my), #ffffff59, #fff0 42%);transition:opacity .25s;position:absolute;inset:0}.phc-scene:hover .phc-glare{opacity:1}@media (prefers-reduced-motion:reduce){.phc-tilt,.phc-flip{transition:none}.phc-scene:not(:hover) .phc-sheen{animation:none}}