.book-preview{--book-width:320px;--book-height:480px;--book-depth:24px;--book-half-depth:12px;color:#f2eadd;width:100%;max-width:490px;margin:0 auto}.book-preview-link{width:100%;color:inherit;border-radius:8px;text-decoration:none;display:block}.book-preview-link:focus-visible{outline-offset:7px;outline:3px solid #a8663f}.book-preview-stage{perspective:1000px;perspective-origin:50% 42%;place-items:center;width:100%;min-height:570px;padding:38px 30px 48px;display:grid;position:relative}.book-preview-object{width:var(--book-width);height:var(--book-height);transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,1,.36,1);position:relative;transform:rotateX(6deg)rotateY(-28deg)rotate(-3deg)}.book-preview-front,.book-preview-back{backface-visibility:hidden;background:#30251f;border-radius:1px 4px 4px 1px;position:absolute;inset:0}.book-preview-front{transform:translateZ(var(--book-half-depth));grid-template-rows:auto auto minmax(0,1fr) auto;gap:18px;padding:25px 24px 20px 27px;display:grid;overflow:hidden;box-shadow:inset 2px 0 2px #f2eadd24,inset -1px 0 #00000059}.book-preview-front:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000002e,#ffffff12,#0000);width:4px;position:absolute;top:0;bottom:0;left:7px}.book-preview-back{transform:translateZ(calc(-1 * var(--book-half-depth))) rotateY(180deg);box-shadow:0 0 0 1px #30251f}.book-preview-spine{top:0;left:calc(-1 * var(--book-half-depth));width:var(--book-depth);backface-visibility:hidden;background:linear-gradient(90deg,#211914,#5c4333 40%,#30251f);place-items:center;height:100%;display:grid;position:absolute;transform:rotateY(-90deg)}.book-preview-spine>span{writing-mode:vertical-rl;letter-spacing:2px;color:#cdbba3;font-size:6px;font-weight:600}.book-preview-paper{backface-visibility:hidden;background-color:#e5daca;position:absolute}.book-preview-paper-side{top:3px;right:calc(-1 * var(--book-half-depth) + 1px);width:calc(var(--book-depth) - 2px);background-image:repeating-linear-gradient(90deg,#f2eadd 0 1.2px,#cdbba3 1.5px,#f2eadd 1.8px);height:calc(100% - 6px);transform:rotateY(90deg)}.book-preview-paper-top,.book-preview-paper-bottom{width:calc(100% - 5px);height:calc(var(--book-depth) - 2px);background-image:repeating-linear-gradient(0deg,#f2eadd 0 1.2px,#cdbba3 1.5px,#f2eadd 1.8px);left:2px}.book-preview-paper-top{top:calc(-1 * var(--book-half-depth) + 1px);transform:rotateX(90deg)}.book-preview-paper-bottom{bottom:calc(-1 * var(--book-half-depth) + 1px);transform:rotateX(-90deg)}.book-preview-brand{color:#f2eadd;justify-content:space-between;align-items:center;gap:15px;display:flex}.book-preview-brand>span{font-family:var(--font-manrope), sans-serif;letter-spacing:.08em;font-size:11px;font-weight:800;line-height:1.18}.book-preview .book-preview-emblem{color:#cdbba3;flex-shrink:0;width:39px;height:39px}.book-preview .book-preview-title{font-family:var(--font-manrope), sans-serif;letter-spacing:-.055em;color:#f2eadd;margin:0;font-size:42px;font-weight:800;line-height:1.04}.book-preview-title>span{color:#cdbba3}.book-preview-photograph{border-radius:1px;min-height:0;position:relative;overflow:hidden}.book-preview .book-preview-photograph>img{object-fit:cover;object-position:50% 44%;width:100%;height:100%;display:block}.book-preview-credit{letter-spacing:.015em;color:#f2eadd;border-top:1px solid #cdbba359;flex-direction:column;gap:4px;padding-top:11px;font-size:12px;font-weight:600;display:flex}.book-preview-edition{letter-spacing:.05em;color:#cdbba3;font-size:8px;font-weight:400}.book-preview-floor,.book-preview-contact{pointer-events:none;border-radius:50%;position:absolute;transform:rotate(-4deg)}.book-preview-floor{filter:blur(10px);opacity:.8;background:radial-gradient(#30251f40 0%,#30251f17 42%,#0000 72%);width:80%;max-width:360px;height:75px;bottom:29px;left:13%}.book-preview-contact{filter:blur(12px);opacity:.29;background:#30251f;width:58%;max-width:270px;height:19px;transition:opacity .85s,transform .85s cubic-bezier(.22,1,.36,1);bottom:49px;left:25%}.book-preview-caption{color:#30251f;justify-content:center;align-items:center;gap:23px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.book-preview-caption>span:first-child{border-bottom:1px solid #b89268;padding-bottom:3px}.book-preview-caption>span:last-child{transition:transform .45s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.book-preview-link:hover .book-preview-object{transform:translateY(-5px)rotateX(4deg)rotateY(-13deg)rotate(-1deg)}.book-preview-link:hover .book-preview-contact{opacity:.22;transform:translateY(3px)rotate(-2deg)scaleX(.96)}.book-preview-link:hover .book-preview-caption>span:last-child{transform:translate(3px,-3px)}}@media (max-width:760px){.book-preview{--book-width:265px;--book-height:405px;max-width:360px}.book-preview-stage{perspective:1100px;min-height:485px;padding:30px 12px 44px}.book-preview-object{transform:rotateX(5deg)rotateY(-18deg)rotate(-3deg)}.book-preview-front{gap:14px;padding:20px 20px 16px 23px}.book-preview .book-preview-title{font-size:35px}.book-preview .book-preview-emblem{width:32px;height:32px}.book-preview-floor{bottom:25px}.book-preview-contact{bottom:40px}}@media (max-width:359px){.book-preview{--book-width:235px;--book-height:370px}.book-preview-stage{min-height:450px;padding-inline:0}.book-preview .book-preview-title{font-size:31px}}@media (prefers-reduced-motion:reduce){.book-preview *,.book-preview :before,.book-preview :after{transition:none!important;animation:none!important}.book-preview-link:hover .book-preview-object{transform:rotateX(6deg)rotateY(-28deg)rotate(-3deg)}.book-preview-link:hover .book-preview-contact{opacity:.29;transform:rotate(-4deg)}.book-preview-link:hover .book-preview-caption>span:last-child{transform:none}}@media (prefers-reduced-motion:reduce) and (max-width:760px){.book-preview-link:hover .book-preview-object{transform:rotateX(5deg)rotateY(-18deg)rotate(-3deg)}}
