.works-layout{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:2.5rem;padding:2.5rem;position:relative;z-index:1;will-change:transform}.works-content{max-width:400px;position:relative;z-index:10}.works-content h2{font-size:2.2rem;margin-bottom:1rem;font-weight:700;color:#9d4edd;text-shadow:0 2px 4px rgb(0 0 0 / .15)}.works-content p{margin-bottom:1.5rem;font-size:1rem;line-height:1.5;color:#444}.div2-wrapper{flex-shrink:0;width:300px;height:300px;position:relative;z-index:5;perspective:1000px;will-change:transform}.div2-inner{--w:100px;--h:150px;--translateZ:200px;--rotateX:-15deg;position:absolute;width:var(--w);height:var(--h);top:25%;left:50%;transform-style:preserve-3d;transform:translateX(-50%) rotateX(var(--rotateX));animation:rotating 24s linear infinite;will-change:transform}@keyframes rotating{0%{transform:translateX(-50%) rotateX(var(--rotateX)) rotateY(0deg)}100%{transform:translateX(-50%) rotateX(var(--rotateX)) rotateY(360deg)}}.div2-card{position:absolute;inset:0;border:1px solid rgb(157 78 221 / .8);border-radius:16px;overflow:hidden;transform:rotateY(calc((360deg / var(--quantity)) * var(--index))) translateZ(var(--translateZ));box-shadow:0 0 10px rgb(157 78 221 / .4);transition:transform 0.3s ease,box-shadow 0.3s ease;will-change:transform,box-shadow}.div2-card:hover{transform:rotateY(calc((360deg / var(--quantity)) * var(--index))) translateZ(calc(var(--translateZ) + 20px)) scale(1.03);box-shadow:0 0 20px rgb(157 78 221 / .7)}.div2-img{width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(.95) contrast(1.05);transition:filter 0.25s ease}.div2-card:hover .div2-img{filter:brightness(1.1) contrast(1.15)}@media (max-width:768px){.works-layout{flex-direction:column;align-items:center;text-align:center}.div2-wrapper{width:200px;height:200px}.works-content{max-width:90%}}