.image3d{--scroll-delta: 0;flex:0 0 50%;position:relative;padding:2px;transform:translateY(calc(-200px * var(--scroll-delta))) rotateX(calc(14deg + 15deg * var(--scroll-delta))) rotateY(calc(339deg + 5deg * var(--mousex-delta))) rotate(calc(8deg + 8deg * var(--scroll-delta)))}.image3d[data-vDirection=right]{transform:translateY(calc(-200px * var(--scroll-delta))) rotateX(calc(14deg + 15deg * var(--scroll-delta))) rotateY(calc(21deg + 5deg * var(--mousex-delta))) rotate(calc(-8deg + 8deg * var(--scroll-delta)))}.image3d:before,.image3d:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:conic-gradient(from var(--angle) at 50% 50%,var(--color-accent-dark) 100deg,var(--color-accent) 320deg,var(--color-accent-dark) 360deg);z-index:0;animation:spin 2s linear infinite}.image3d a{display:block;position:relative;width:100%;height:100%}.image3d:not(.image3d_no-glow) a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(calc(45deg + 10deg * var(--mousex-delta)),var(--color-accent-zero) calc(20% + 10% * var(--mousey-delta)),var(--color-accent-50) calc(50% + 10% * var(--mousey-delta)),var(--color-accent-zero) calc(80% + 10% * var(--mousey-delta)));z-index:1;mix-blend-mode:hard-light}.image3d img{width:100%;height:100%;display:block;position:relative;z-index:1;image-rendering:pixelated}.image3d.image3d_hires img{image-rendering:auto}@keyframes spin{to{--angle: 450deg}}@property --angle{syntax: "<angle>"; inherits: true; initial-value: 90deg;}@media screen and (max-width: 640px){.image3d{--scroll-delta: 0;flex:0 0 50%;position:relative;padding:2px;transform:translateY(calc(-10% * var(--scroll-delta))) rotateX(calc(14deg + 14deg * var(--scroll-delta))) rotateY(-21deg) rotate(8deg)}.image3d[data-vDirection=right]{--scroll-delta: 0;flex:0 0 50%;position:relative;padding:2px;transform:translateY(calc(-10% * var(--scroll-delta))) rotateX(calc(14deg + 14deg * var(--scroll-delta))) rotateY(21deg) rotate(-8deg)}.image3d a:after{background:linear-gradient(calc(45deg - 15deg * var(--scroll-delta)),#fff0 calc(40% + 30% * var(--scroll-delta)),#fff9 calc(50% + 30% * var(--scroll-delta)),#fff0 calc(60% + 30% * var(--scroll-delta)))}}