.book-shelf{-moz-columns:220px 4;columns:220px 4;-moz-column-gap:3rem;column-gap:3rem}.book-shelf>.book3d-item{-moz-column-break-inside:avoid;break-inside:avoid;display:block;width:100%;padding-bottom:3.5rem}@media (max-width:639px){.book-shelf{-moz-columns:2;column-count:2;-moz-column-gap:1.25rem;column-gap:1.25rem}.book-shelf>.book3d-item{padding-bottom:2.5rem}}.book3d-item__meta{margin-top:1.1rem;padding:0 6% 0 8%;text-align:center}.book3d{--ratio:1.25;--d:14px;--spine:#8b5a9f;--spine-ink:#fff;--paper:#fbf8f1;--ease:cubic-bezier(0.2,0.7,0.2,1);--tilt-y:10deg;--tilt-z:0deg;--drop:0px;--pose-rest:translateY(var(--drop)) rotateZ(var(--tilt-z)) rotateY(var(--tilt-y)) rotateX(2deg);--pose-open:translateY(-4px) rotateZ(calc(var(--tilt-z) * -0.5)) rotateY(6deg) rotateX(2deg);--cover-open:-34deg;--leaf1-open:-27deg;--leaf2-open:-19deg;display:block;position:relative;width:100%;perspective:1400px;perspective-origin:50% 40%;text-decoration:none;color:inherit;padding:5% 6% 0 8%;-webkit-tap-highlight-color:transparent;border:0;background:none;font:inherit;text-align:inherit;cursor:pointer}.book3d:focus-visible{outline:none}.book3d:focus-visible .book3d__book{outline:2px solid var(--spine);outline-offset:6px}.book3d__book{display:block;position:relative;width:100%;aspect-ratio:1/var(--ratio);transform-style:preserve-3d;transform:var(--pose-rest);transition:transform .6s var(--ease)}.book3d__face{display:block;position:absolute;inset:0}.book3d__back{background:var(--spine);transform:translateZ(calc(var(--d) * -.5));border-radius:2px 4px 4px 2px}.book3d__spine{width:var(--d);left:0;right:auto;transform-origin:left center;transform:translateZ(calc(var(--d) * -.5)) rotateY(-90deg);background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(255,255,255,.12) 40%,rgba(0,0,0,.2)),var(--spine);color:var(--spine-ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.book3d__spine span{writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:90%}.book3d__edge{left:auto;right:0;width:calc(var(--d) - 2px);top:3px;bottom:3px;transform-origin:right center;transform:translateZ(calc(var(--d) * -.5 + 1px)) rotateY(90deg);background:repeating-linear-gradient(90deg,var(--paper) 0 1px,#e3dccd 1px 2px)}.book3d__top{top:0;bottom:auto;height:calc(var(--d) - 2px);left:2px;right:3px;transform-origin:top center;transform:translateZ(calc(var(--d) * -.5 + 1px)) rotateX(90deg);background:repeating-linear-gradient(0deg,var(--paper) 0 1px,#e3dccd 1px 2px)}.book3d__page{transform:translateZ(calc(var(--d) * .5 - 2px));background:var(--paper) right center /cover no-repeat;box-shadow:inset 12px 0 18px -10px rgba(0,0,0,.25)}.book3d__leaf,.book3d__page{top:3px;bottom:3px;right:3px;left:0}.book3d__leaf{transform-origin:left center;transform:translateZ(calc(var(--d) * .5 - 1px)) rotateY(0deg);background:var(--paper);border-right:1px solid #e6dfd0}.book3d__cover,.book3d__leaf{transition:transform .6s var(--ease)}.book3d__cover{transform-origin:left center;transform:translateZ(calc(var(--d) * .5)) rotateY(0deg);transform-style:preserve-3d}.book3d__cover>*{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:2px 4px 4px 2px;overflow:hidden}.book3d__cover-front{background:var(--spine)}.book3d__cover-front img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.book3d__cover-front:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.18) 2.5%,transparent 6%,transparent 85%,rgba(0,0,0,.08))}.book3d__cover-inside{transform:rotateY(180deg);background:var(--spine)}.book3d__cover-inside:before{content:"";position:absolute;inset:3px 3px 3px 0;background:#f1e9d8}@media (hover:hover){.book3d-item:hover .book3d__book,.book3d:hover .book3d__book{transform:var(--pose-open)}.book3d-item:hover .book3d__cover,.book3d:hover .book3d__cover{transform:translateZ(calc(var(--d) * .5)) rotateY(var(--cover-open))}.book3d-item:hover .book3d__leaf--1,.book3d:hover .book3d__leaf--1{transform:translateZ(calc(var(--d) * .5 - 1px)) rotateY(var(--leaf1-open))}.book3d-item:hover .book3d__leaf--2,.book3d:hover .book3d__leaf--2{transform:translateZ(calc(var(--d) * .5 - 1px)) rotateY(var(--leaf2-open))}}.book3d:focus-visible .book3d__book{transform:var(--pose-open)}.book3d:focus-visible .book3d__cover{transform:translateZ(calc(var(--d) * .5)) rotateY(var(--cover-open))}.book3d:focus-visible .book3d__leaf--1{transform:translateZ(calc(var(--d) * .5 - 1px)) rotateY(var(--leaf1-open))}.book3d:focus-visible .book3d__leaf--2{transform:translateZ(calc(var(--d) * .5 - 1px)) rotateY(var(--leaf2-open))}@media (hover:none){.book3d__cover{transform:translateZ(calc(var(--d) * .5)) rotateY(-6deg)}.book3d__leaf--1{transform:translateZ(calc(var(--d) * .5 - 1px)) rotateY(-3deg)}}@media (prefers-reduced-motion:reduce){.book3d__book,.book3d__cover,.book3d__leaf{transition:none}}