/* Book-shaped cover (renderBookCover). --book-turn below 0 shows the page edge on the right, above 0 the spine on the left.
   Sizes are in cqw of the book itself, so the same look holds from a 44px list thumbnail to the banner cover. */
#peterpen-page-designs .pp-book{--book-turn:-14deg;--book-depth:14cqw;position:relative;display:block;width:100%;aspect-ratio:2/3;container-type:inline-size}
#peterpen-page-designs .pp-book::before{content:'';position:absolute;left:-3%;right:-3%;bottom:-3%;height:8%;border-radius:50%;background:rgb(0 0 0/.42);filter:blur(3cqw);pointer-events:none}
#peterpen-page-designs .pp-book-body{position:absolute;inset:0;transform-style:preserve-3d;transform:perspective(280cqw) rotateY(var(--book-turn));transition:transform .25s ease}
#peterpen-page-designs .pp-book-front{position:absolute;inset:0;overflow:hidden;border-radius:0 1.4cqw 1.4cqw 0;background:#d9d6cf}
#peterpen-page-designs .pp-book-front>:is(.work-cover-art,img){display:block;width:100%;height:100%;object-fit:cover}
/* Hinge crease near the spine and a faint sheen across the front. */
#peterpen-page-designs .pp-book-front::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0/.3) 0,rgb(255 255 255/.2) 1.8%,rgb(0 0 0/.16) 3.6%,transparent 8%),linear-gradient(110deg,rgb(255 255 255/.14),transparent 45%)}
#peterpen-page-designs .pp-book-pages{position:absolute;top:.8%;bottom:.8%;right:0;width:var(--book-depth);transform-origin:100% 50%;transform:rotateY(-90deg);background:linear-gradient(90deg,#55504a 0 5%,rgb(0 0 0/.22) 5%,rgb(0 0 0/0) 70%),repeating-linear-gradient(90deg,#f6f2e8 0 .55cqw,#ddd6c7 .55cqw .75cqw)}
#peterpen-page-designs .pp-book-spine{position:absolute;top:0;bottom:0;left:0;width:var(--book-depth);overflow:hidden;transform-origin:0 50%;transform:rotateY(90deg);background:#2b2b2e}
#peterpen-page-designs .pp-book-spine>img{position:absolute;top:0;left:0;width:auto;max-width:none;height:100%;filter:brightness(.62)}
#peterpen-page-designs .pp-book-spine::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0/.3),rgb(255 255 255/.1) 45%,rgb(0 0 0/.35))}
@media(prefers-reduced-motion:reduce){#peterpen-page-designs .pp-book-body{transition:none}}