.bookshelf-section{width:100%}.shelf-scene{width:100%;margin-inline:auto;padding-top:12px;position:relative}.book-slot,.shelf-board,.shelf-books:after{transition:opacity .24s}.shelf-scene[data-previewing=true] .book-slot:not([data-active=true]),.shelf-scene[data-previewing=true] .shelf-board,.shelf-scene[data-previewing=true] .shelf-books:after{opacity:.35}.shelf-books{isolation:isolate;justify-content:center;align-items:flex-end;gap:4px;height:216px;padding-inline:12px;display:flex}.book-slot{--cover-width:calc(var(--book-height) * var(--cover-ratio));--hover-shift:-8px;flex:0 0 calc(var(--book-width) + 4px);height:var(--book-height);perspective:1000px;text-align:left;z-index:1;outline-offset:3px;text-decoration:none;transition:opacity .24s;display:block;position:relative}.book-model{pointer-events:none;width:var(--book-width);height:100%;transform-style:preserve-3d;transform-origin:bottom;transition:transform .48s cubic-bezier(.2,.75,.22,1);display:block;position:absolute;bottom:0;left:2px;transform:rotateY(0)}.book-slot:last-child{margin-left:19px}.book-slot:last-child .book-model{transform:rotate(-7deg)}.book-slot[data-raised=true]{z-index:9}.book-slot[data-active=true]{z-index:10}.book-slot[data-active=true] .book-model{transform:translate3d(var(--hover-shift), -12px, 45px)}.book-slot:nth-last-of-type(-n+2){--hover-shift:-48px}.book-slot:focus-visible{outline:none}.book-spine{background-color:var(--book-color);color:var(--book-ink);backface-visibility:hidden;background-image:linear-gradient(#0003 0,#0000 3px calc(100% - 4px),#0003 100%),linear-gradient(90deg,#0004 0%,#0001 6%,#fff3 18%,#fff1 30%,#0000 55%,#0001 80%,#0003 94%,#0006 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:3px 3px 2px 2px/2px 2px 1px 1px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #fff4,inset 1px 0 #fff2,inset -1px 0 #0002,-1px 0 #0000000d,-3px 3px 6px #2a1f1026}.book-spine[data-photo=true]{background-image:none}.spine-photo{object-fit:fill}.book-spine[data-photo=true]:after{content:"";background:linear-gradient(90deg,#0003 0%,#fff1 18%,#0000 55%,#0003 100%);position:absolute;inset:0}.spine-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.02em;white-space:nowrap;text-shadow:0 .5px #0002;font-family:Georgia,serif;font-size:13px;font-weight:600;line-height:1.15;position:absolute;top:16px;left:50%;transform:translate(-50%)}.spine-author{writing-mode:vertical-rl;letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:9px;font-weight:500;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.book-cover{top:0;left:var(--book-width);width:var(--cover-width);background:var(--book-color);height:100%;color:var(--book-ink);transform-origin:0;backface-visibility:hidden;border-radius:0 3px 3px 0;position:absolute;transform:rotateY(90deg);box-shadow:inset -1px 0 #0004,4px 5px 9px #201b1429}.book-jacket:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0004,#fff2 3%,#0001 6%,#0000 12% 95%,#0002);position:absolute;inset:0}.book-cover img{object-fit:contain;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.cover-fallback{flex-direction:column;justify-content:space-between;height:100%;padding:20px 12px;font-family:Georgia,serif;line-height:1.2;display:flex}.cover-fallback strong{font-size:21px}.cover-fallback span{font-size:12px}.book-pages{width:calc(var(--book-width) - 2px);height:calc(var(--cover-width) - 2px);transform-origin:top;background:repeating-linear-gradient(90deg,#e6e1d4 0 1px,#faf7ec 1px 3px);border:1px solid #c9c0ad;position:absolute;top:2px;left:1px;transform:rotateX(-90deg)}.shelf-board,.shelf-books:after{background:linear-gradient(#ebe3d4 0,#f2ebdd 3px,#d5c8ae 4px,#dbceb7 5px,#e7dcc8 90%,#cebea0);border-radius:1px 1px 3px 3px;height:13px;margin-inline:1px;position:relative;box-shadow:0 1px 2px #6451341f,0 7px 9px -4px #75624726,0 19px 22px -14px #51493830}.shelf-board:before{content:"";clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);z-index:0;background:linear-gradient(#f4eee3,#e5dac7);height:7px;position:absolute;top:-7px;left:0;right:0}.book-caption{text-align:center;letter-spacing:-.012em;min-height:67px;color:var(--color-muted);flex-direction:column;align-items:center;gap:2px;padding-top:12px;font-size:13px;display:flex}.caption-title{color:var(--color-ink);font-size:14px}@media (max-width:430px){.shelf-books{gap:0;height:208px;padding-inline:12px}.book-slot{--cover-width:calc((var(--book-height) - 12px) * var(--cover-ratio));flex-basis:var(--book-width);height:calc(var(--book-height) - 12px)}.book-slot:last-child{margin-left:16px}}.book-cover[data-project=true]{background-image:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff0a 2px 3px)}.book-cover[data-project=true] .cover-fallback{padding:19px 14px 15px}.book-cover[data-project=true] strong{font-size:23px;font-weight:400}.book-cover[data-project=true] .cover-fallback>span{border-top:1px solid;padding-top:9px;font-size:11px;line-height:1.4}.book-cover,.book-pages{visibility:hidden;transition:visibility 0s .48s}.book-slot[data-active=true] .book-cover,.book-slot[data-active=true] .book-pages{visibility:visible;transition-delay:0s}.book-slot[data-active=true] .book-cover{pointer-events:auto}.book-cover{transform-style:preserve-3d}.book-jacket{border-radius:inherit;background:var(--book-color);transform-origin:0;transform-style:preserve-3d;display:block;position:absolute;inset:0}.book-inside{color:#514c40;background:#f4efdf;flex-direction:column;justify-content:space-between;padding:19px 13px;font-family:Georgia,serif;line-height:1.4;display:flex;position:absolute;inset:1px 2px 1px 0;box-shadow:inset 4px 0 9px #4b3d2220}.book-inside strong{font-size:19px;font-weight:400}.book-inside>span{font-size:11px}.book-shape{transform-style:preserve-3d;transition:transform .36s cubic-bezier(.2,.75,.22,1);display:block;position:absolute;inset:0;transform:rotateY(0)}.book-slot[data-active=true] .book-shape{transition-delay:80ms;transform:rotateY(-64deg)}.book-slot{--open-shift:-25px}.book-slot:nth-last-of-type(-n+2){--open-shift:-64px}.book-jacket>.cover-fallback,.book-jacket>img{backface-visibility:hidden;transform:translateZ(1px)}.book-jacket:after{backface-visibility:hidden;transform:translateZ(2px)}.jacket-back{border-radius:inherit;backface-visibility:hidden;background:linear-gradient(90deg,#ded6c3,#f3eddd 12%,#ece5d3);position:absolute;inset:0;transform:rotateY(180deg)translateZ(1px)}@media (max-width:430px){.book-slot:first-child{--open-shift:12px}}.shelf-books{z-index:1;flex:none;gap:2px;padding-inline:0;position:relative}.book-slot{flex-basis:var(--book-width)}.book-model{width:var(--book-width);left:0}.book-cover{left:var(--book-width)}.book-pages{width:calc(var(--book-width) - 2px)}@media (prefers-reduced-motion:reduce){.bookshelf-section *,.bookshelf-section :before,.bookshelf-section :after{transition:none!important;animation:none!important}}