.jacket{--book-depth:clamp(30px, 23cqw, 64px);--half-depth:calc(var(--book-depth) / 2);--board:clamp(2px, 1.6cqw, 4px);--page-depth:calc(var(--book-depth) - var(--board) * 2);display:block;position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;container-type:inline-size}.jacket-face{position:absolute;inset:0;display:grid;grid-template-rows:60% 40%;overflow:hidden;background:#ede6d6;border-radius:3px 5px 5px 3px;transform:translateZ(calc(var(--half-depth) + .7px));backface-visibility:hidden}.jacket-face::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000018,transparent 14%,transparent 85%,#ffffff08),url(/textures/book-paper.svg);mix-blend-mode:multiply;opacity:.5}.jacket-art{position:relative;display:block;overflow:hidden;background:var(--cloth)}.jacket-art img{display:block;position:absolute;width:100%;height:auto;max-width:none;top:-1%;left:0;user-select:none}.jacket-type{position:relative;display:flex;flex-direction:column;text-align:left;padding:7cqw 9cqw 7cqw 10cqw;color:#25231f;background:#eee8db;overflow:hidden}.jacket-title{font-family:var(--font-serif);font-size:12cqw;line-height:.99;letter-spacing:-.045em;font-weight:450;max-width:14ch;text-wrap:balance}.jacket-author{display:block;font-size:4.6cqw;line-height:1.3;margin-top:auto;padding-top:3cqw;letter-spacing:.035em}.jacket--long .jacket-title{font-size:8.6cqw;line-height:1.03;max-width:19ch}.jacket--long .jacket-author{font-size:3.8cqw}.jacket-pages{position:absolute;inset:5px 4px 5px auto;width:var(--page-depth);transform-origin:right center;transform:translateZ(calc(var(--half-depth) * -1 + var(--board)))rotateY(90deg);background:linear-gradient(90deg,#c9c0ae,#e4dccb 28%,#eee7d8 66%,#d7cebc);border-radius:1px 2px 2px 1px}.jacket-page-top,.jacket-page-bottom{position:absolute;left:5px;right:4px;height:var(--page-depth);background:linear-gradient(180deg,#c8beac,#e7dfd0 35%,#f0e9dc)}.jacket-page-top{top:5px;transform-origin:center top;transform:translateZ(calc(var(--half-depth) * -1 + var(--board)))rotateX(90deg)}.jacket-page-bottom{bottom:5px;transform-origin:center bottom;transform:translateZ(calc(var(--half-depth) * -1 + var(--board)))rotateX(-90deg);background:#d4cbbb}.jacket-spine{position:absolute;top:0;bottom:0;left:0;width:var(--book-depth);background:linear-gradient(90deg,#00000042,#ffffff06 45%,#00000018),var(--cloth);transform-origin:left center;transform:translateZ(calc(var(--half-depth) * -1))rotateY(-90deg);display:flex;align-items:center;justify-content:center;border-radius:4px}.jacket-spine span{max-height:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;writing-mode:vertical-rl;transform:rotate(180deg);color:#fffde8;font-family:var(--font-serif);font-size:clamp(9px,5cqw,14px);letter-spacing:.02em;white-space:nowrap}.jacket-back{position:absolute;inset:0;background:var(--cloth);transform:translateZ(calc(var(--half-depth) * -1));border-radius:4px;box-shadow:8px 18px 22px #171b174d,20px 34px 38px #171b1726}.jacket-board-edge{position:absolute;top:0;bottom:0;right:0;width:var(--board);transform-origin:right center;transform:translateZ(calc(var(--half-depth) - var(--board)))rotateY(90deg);background:color-mix(in srgb,var(--cloth) 78%,#18221c)}.jacket-board-foot{position:absolute;left:0;right:0;bottom:0;height:var(--board);transform-origin:center bottom;transform:translateZ(calc(var(--half-depth) - var(--board)))rotateX(-90deg);background:color-mix(in srgb,var(--cloth) 78%,#18221c)}.jacket--very-long .jacket-title{font-size:6.4cqw;line-height:1.04;max-width:24ch}