.book-cluster{position:absolute;bottom:0;display:flex;align-items:flex-end;gap:21px;padding-bottom:27px}.book-cluster--left{left:0;padding-left:clamp(8px,3vw,48px);transform-origin:left bottom}.book-cluster--right{right:0;padding-right:clamp(8px,3vw,48px);transform-origin:right bottom}.book-cluster{transform:scale(.75)}@media (max-width:1199px){.book-cluster{display:none}}.book-3d{--book-thickness:10px;--cover-color:var(--theme);perspective:900px;width:162px}.book-cluster--left .book-3d:nth-child(2){width:138px;margin-bottom:-21px}.book-cluster--right .book-3d:nth-child(1){width:138px;margin-bottom:-15px}.book-3d__inner{position:relative;transform-style:preserve-3d;transform:rotateY(-22deg);animation:book-3d-in .6s ease-out backwards}.book-cluster--left .book-3d__inner{animation-delay:.05s}.book-cluster--right .book-3d__inner:nth-child(1){animation-delay:.1s}@keyframes book-3d-in{from{transform:rotateY(0deg) translateY(10px);opacity:0}to{transform:rotateY(-22deg) translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.book-3d__inner{animation:none}}.book-3d__inner::before{position:absolute;content:'';left:100%;top:1%;width:calc(var(--book-thickness) * 2);height:98%;transform:translate(-55%,0) rotateY(90deg);background:linear-gradient(90deg,#fff 0%,hsl(0,0%,92%) 8%,#fff 16%,hsl(0,0%,92%) 24%,#fff 32%,hsl(0,0%,92%) 40%,#fff 48%,hsl(0,0%,92%) 56%,#fff 64%,hsl(0,0%,92%) 72%,#fff 80%,hsl(0,0%,92%) 88%,#fff 100%)}.book-3d__inner::after{content:'';position:absolute;top:0;left:1%;width:100%;height:100%;transform:translateZ(calc(var(--book-thickness) * -1));background-color:var(--cover-color);border-radius:0 2px 2px 0;box-shadow:-6px 0 24px 4px rgba(0,0,0,.2)}.book-3d__cover{display:block;width:100%;height:auto;border-radius:0 2px 2px 0;transform:translateZ(var(--book-thickness));box-shadow:4px 4px 16px rgba(0,0,0,.12)}