.books .book-flip{padding:0;border:0;background:none;color:inherit;perspective:1400px;aspect-ratio:2/3;cursor:pointer;overflow:visible;transform:none}
.books .book-flip:hover{transform:none}
.books .book-flip:after{display:none}
.book-faces{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.65,.3,1);box-shadow:12px 18px 30px #0007}
.book-flip.is-back .book-faces{transform:rotateY(180deg)}
.book-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d9b77550;border-radius:3px;overflow:hidden;background:#071421}
.book-back{transform:rotateY(180deg)}
.books .book-face img{width:100%;height:100%;object-fit:fill;display:block}
.book-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0004,transparent 4%,#fff1 5%,transparent 7%);pointer-events:none}
.books .book-flip>.book-faces{position:relative;inset:auto;padding:0;background:none;opacity:1;transition:transform .7s cubic-bezier(.2,.65,.3,1);z-index:auto;font-size:inherit}
.books .book-flip>.flip-hint{position:absolute;bottom:12px;left:9%;right:9%;padding:6px 3px;background:#08141df0;color:#e8ce98;font-size:9px;letter-spacing:.02em;opacity:0;transition:opacity .2s;z-index:2}
.books .book-flip:hover>.flip-hint,.books .book-flip:focus-visible>.flip-hint{opacity:1}
.cover-enlarge{display:inline-block;color:var(--gold);font-size:10px;line-height:1.6;margin-top:5px;border-bottom:1px solid var(--line);padding:5px 0}
.cover-instructions{color:var(--muted);font-size:12px;margin:-25px 0 40px}
@media(hover:none){.books .book-flip>.flip-hint{opacity:1;font-size:8px;bottom:6px;padding:4px 2px}}
@media(prefers-reduced-motion:reduce){.book-faces,.books .book-flip>.book-faces{transition:none}}