.book-card{perspective:1500px;cursor:pointer}.book-shell{position:relative;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}.book-card:hover .book-shell{transform:rotateY(-25deg) translateZ(10px)}.book-cover{z-index:10;border-radius:4px 14px 14px 4px;transform:translateZ(10px);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.book-cover,.book-gloss{position:absolute;inset:0}.book-gloss{background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.4) 25%,rgba(255,255,255,.1) 30%,transparent 45%);z-index:20;pointer-events:none;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform:translateX(-150%);will-change:transform}.book-card:hover .book-gloss{transform:translateX(150%)}.book-pages{position:absolute;top:8px;bottom:8px;left:0;right:0;background:#ffffff;border:1px solid #f0f0f0;border-radius:4px;opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s ease-out;will-change:transform,opacity}.book-page-1{transform:translateZ(6px)}.book-page-2{transform:translateZ(2px)}.book-page-3{transform:translateZ(-2px)}.book-card:hover .book-pages{opacity:1}.book-card:hover .book-page-1{transform:translateZ(6px) translateX(3px) scaleY(.98)}.book-card:hover .book-page-2{transform:translateZ(2px) translateX(6px) scaleY(.95)}.book-card:hover .book-page-3{transform:translateZ(-2px) translateX(9px) scaleY(.92)}.book-shadow{position:absolute;inset:0;background:rgba(0,0,0,.15);filter:blur(8px);transition:all .6s cubic-bezier(.2,.8,.2,1);transform:translateZ(-10px);border-radius:8px;will-change:transform,opacity}.book-card:hover .book-shadow{transform:translateX(12px) translateZ(-10px) scale(.95);opacity:.3}