/* Each cover takes a turn in the foreground. */
.book-showcase{min-width:0;text-align:center}
.book-showcase .book-stack{height:440px;max-width:420px;margin:0 auto;isolation:isolate;text-align:left}
.book-showcase .book{left:50%;right:auto;top:0;width:min(240px,72%);transform-origin:50% 70%}
.book-showcase .b1{transform:translate(-30%,10px) rotate(7deg);z-index:1}
.book-showcase .b2{transform:translate(-68%,45px) rotate(-9deg);z-index:2}
.book-showcase .b3{transform:translate(-44%,100px) rotate(3deg);z-index:3}
.book-showcase.is-animated .book{animation:book-turn 12s ease-in-out infinite both}
.book-showcase.is-animated .b2{animation-delay:-4s}
.book-showcase.is-animated .b1{animation-delay:-8s}
.book-showcase.motion-paused .book{animation-play-state:paused}
@keyframes book-turn{
  0%,22%{transform:translate(-44%,100px) rotate(3deg);z-index:3}
  28%{transform:translate(-77%,85px) rotate(-12deg);z-index:3}
  33.333%,55.333%{transform:translate(-68%,45px) rotate(-9deg);z-index:2}
  66.666%,88.666%{transform:translate(-30%,10px) rotate(7deg);z-index:1}
  94%{transform:translate(-15%,55px) rotate(10deg);z-index:3}
  100%{transform:translate(-44%,100px) rotate(3deg);z-index:3}
}
.book-motion-toggle{font:inherit;font-size:13px;font-weight:700;color:var(--dark);background:#fff;border:1px solid #b7b9b7;border-radius:999px;min-height:44px;padding:10px 18px;cursor:pointer}
.book-motion-toggle:hover{background:var(--dark);color:#fff}
.book-motion-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:800px){.book-showcase{width:100%;max-width:420px;margin:auto}}
@media(prefers-reduced-motion:reduce){.book-showcase.is-animated .book{animation:none}}
@media(max-width:480px){.book-showcase .book{width:62%;max-width:210px;padding:20px}.book-showcase .book strong{font-size:25px}.book-showcase .book small{font-size:11px;letter-spacing:1px}}