.bookgrid-heading{width:100%;margin:0 0 20px}.bookgrid-root{--bg-columns:4;--bg-gap:20px;--bg-max-width:none;--bc-width:auto;--bc-height:auto;--bc-fit:contain;--bc-padding:5px;--bc-radius:3px;--bc-border:1px solid #e0d5c0;--bc-shadow:10px 14px 26px rgba(0,0,0,0.35);--bc-perspective:1200px;--bc-skew-x:0deg;--bc-skew-y:0deg;--bc-rotate-y:0deg;--bc-rotate-x:0deg;display:grid;grid-template-columns:repeat(var(--bg-columns),1fr);gap:var(--bg-gap);max-width:var(--bg-max-width);margin:0 auto}.bookgrid-root.bookgrid-align-left{margin-left:0}.bookgrid-root.bookgrid-align-right{margin-right:0}.bookgrid-card{position:relative}.bookgrid-cover-link{display:block;position:relative;perspective:var(--bc-perspective)}.bookgrid-cover{display:block;width:100%;height:var(--bc-height);object-fit:var(--bc-fit);object-position:center center;padding:var(--bc-padding);border-radius:var(--bc-radius);border:var(--bc-border);box-shadow:var(--bc-shadow);background:#fff;box-sizing:border-box;transform:rotateY(var(--bc-rotate-y)) rotateX(var(--bc-rotate-x)) skew(var(--bc-skew-x),var(--bc-skew-y));transition:transform 0.25s ease,box-shadow 0.25s ease}.bookgrid-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:12px;opacity:0;background:linear-gradient(to top,rgb(0 0 0 / .7),#fff0);transition:opacity 0.25s ease;pointer-events:none}.bookgrid-overlay-title{color:#fff;font-size:14px;font-weight:600;line-height:1.3}.bookgrid-empty{text-align:center;color:#888;padding:40px 0;grid-column:1 / -1}.bookgrid-detail{margin-top:6px;line-height:1.4}.bookgrid-detail--categories,.bookgrid-detail--excerpt{opacity:.85}.bookgrid-flip-face{display:contents}.bookgrid-flip::before{content:'';position:absolute;top:0;left:0;bottom:0;width:10%;background:linear-gradient(to right,rgb(0 0 0 / .45) 0%,rgb(0 0 0 / .12) 60%,#fff0 100%);z-index:2;pointer-events:none}.bookgrid-flip .bookgrid-flip-face{display:block;position:relative;overflow:hidden;border-radius:1px 4px 4px 1px;box-shadow:2px 3px 6px rgb(0 0 0 / .25),4px 7px 14px rgb(0 0 0 / .16);z-index:1}.bookgrid-flip-inner-page{position:absolute;inset:0;z-index:2;background:#faf8f5;color:#2c3e50;box-shadow:inset 8px 0 16px rgb(0 0 0 / .06);box-sizing:border-box;padding:10px 12px;overflow:hidden;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%);transition:clip-path 1.2s cubic-bezier(.15,1,.3,1)}.bookgrid-flip-title{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#1a252f;line-height:1.3}.bookgrid-flip-desc{display:block;margin:0 0 8px;font-size:11px;line-height:1.5;color:#444}.bookgrid-flip-desc:last-child{margin-bottom:0}.bookgrid-flip-curl{position:absolute;top:-5px;right:0;width:100%;height:103%;z-index:4;pointer-events:none;clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%);background:linear-gradient(to left,rgb(0 0 0 / .2) 0%,rgb(52 73 94) 12%,rgb(255 255 255) 45%,rgb(149 165 166 / .6) 75%,rgb(0 0 0 / .35) 100%);transition:clip-path 1.2s cubic-bezier(.15,1,.3,1)}.bookgrid-flip-shadow{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(to left,rgb(0 0 0 / .4) 0%,#fff0 100%);filter:blur(10px);clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%);opacity:0;transition:clip-path 1.2s cubic-bezier(.15,1,.3,1),opacity 1.2s cubic-bezier(.15,1,.3,1),transform 1.2s cubic-bezier(.15,1,.3,1)}.bookgrid-flip:hover .bookgrid-flip-inner-page{clip-path:polygon(15% 0%,100% 0%,100% 100%,45% 100%)}.bookgrid-flip:hover .bookgrid-flip-curl{clip-path:polygon(5% 0%,15% 0%,45% 100%,35% 100%)}.bookgrid-flip:hover .bookgrid-flip-shadow{clip-path:polygon(5% 0%,15% 0%,45% 100%,35% 100%);opacity:1;transform:translate3d(-15px,0,0)}.bookgrid-root.grid-classic .bookgrid-cover{aspect-ratio:2 / 3}.bookgrid-root.grid-masonry{display:block;column-count:var(--bg-columns);column-gap:var(--bg-gap)}.bookgrid-root.grid-masonry .bookgrid-card{break-inside:avoid;margin-bottom:var(--bg-gap)}.bookgrid-root.grid-compact{--bg-gap:8px}.bookgrid-root.grid-compact .bookgrid-cover{aspect-ratio:2 / 3;padding:calc(var(--bc-padding) / 2)}.bookgrid-root.grid-shadow .bookgrid-cover{aspect-ratio:2 / 3;box-shadow:0 14px 30px rgb(0 0 0 / .28),0 4px 10px rgb(0 0 0 / .16)}.bookgrid-root.grid-shadow .bookgrid-card:hover .bookgrid-cover{transform:translateY(-6px) rotateY(var(--bc-rotate-y)) rotateX(var(--bc-rotate-x));box-shadow:0 22px 40px rgb(0 0 0 / .32),0 8px 16px rgb(0 0 0 / .2)}.bookgrid-root.grid-frame .bookgrid-card{background:#fff;border:1px solid #e0d5c0;border-radius:6px;padding:14px;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.bookgrid-root.grid-frame .bookgrid-cover{aspect-ratio:2 / 3;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .06)}.bookgrid-root.grid-hover-zoom .bookgrid-card{overflow:hidden;border-radius:var(--bc-radius)}.bookgrid-root.grid-hover-zoom .bookgrid-cover{aspect-ratio:2 / 3}.bookgrid-root.grid-hover-zoom .bookgrid-card:hover .bookgrid-cover{transform:scale(1.08) rotateY(var(--bc-rotate-y)) rotateX(var(--bc-rotate-x))}.bookgrid-root.grid-hover-zoom .bookgrid-card:hover .bookgrid-overlay{opacity:1}.bookgrid-root.grid-editorial{--bg-columns:3;--bg-gap:40px}.bookgrid-root.grid-editorial .bookgrid-cover{aspect-ratio:2 / 3}.bookgrid-root.grid-editorial .bookgrid-overlay{position:static;opacity:1;background:none;padding:14px 0 0}.bookgrid-root.grid-editorial .bookgrid-overlay-title{color:#222;font-size:20px;font-weight:700;font-style:italic}@media (max-width:782px){.bookgrid-root,.bookgrid-root.grid-editorial{--bg-columns:2}}