.book-3d{--book-cover-aspect:2/3;position:relative;z-index:1;border-radius:2px 4px 4px 2px;filter:drop-shadow(20px 26px 20px rgb(0 0 0/60%));transform:perspective(1400px) rotateY(-16deg) rotate(-.6deg);transition:transform .32s ease}.book-3d-board{position:absolute;inset:0;overflow:hidden;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(201 165 87/45%)}.book-3d-board>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.book-3d-board.is-plain{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 82%,#1b0d10),var(--accent))}.book-3d:before{content:"";position:absolute;z-index:4;inset-block:0;left:0;width:13%;border-radius:2px 0 0 2px;background:linear-gradient(90deg,rgb(0 0 0/55%),rgb(0 0 0/26%) 34%,rgb(255 255 255/5%) 62%,transparent)}.book-3d:after{content:"";position:absolute;z-index:2;inset-block:1.5%;inset-inline-end:1px;inline-size:5px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,rgb(240 225 194/8%),rgb(240 225 194/36%));box-shadow:inset 2px 0 3px rgb(0 0 0/22%)}.arrival-book-stage:focus-visible .book-3d,.arrival-book-stage:hover .book-3d{transform:perspective(1400px) rotateY(-9deg) rotate(-.2deg) translateY(-6px)}@media (prefers-reduced-motion:reduce){.book-3d{transition:none}.arrival-book-stage:focus-visible .book-3d,.arrival-book-stage:hover .book-3d{transform:perspective(1400px) rotateY(-16deg) rotate(-.6deg) translateY(-6px)}}