.book-spine{display:none}
.work-card{align-self:start}
.book-front{display:block;position:relative;padding:6px 6px 8px 12px;background:var(--book-color);box-shadow:3px 4px 7px #30291f22;isolation:isolate;border-radius:2px 3px 3px 2px}
.book-front::before{content:'';position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg,#0003,transparent 28%,#fff2 60%,#0002);border-right:1px solid #0002;border-radius:2px 0 0 2px;z-index:2}
.book-front::after{content:'';position:absolute;top:4px;right:-3px;bottom:2px;width:3px;background:repeating-linear-gradient(0deg,#ddd6c9 0 1px,#fbf7ef 1px 3px);z-index:-1;border-right:1px solid #cbc3b4}
.book-front .cover.cover-image{box-shadow:none;background:var(--book-color)}
.work-card:hover .book-front .cover{transform:none;box-shadow:none}
.work-card:hover .book-front{transform:translateY(-4px)}
.book-front{transition:transform .2s ease}
@media(min-width:1001px){
 .works-grid{position:relative;isolation:isolate;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-top:24px;margin-top:2px}
 .works-grid::after{content:'';position:absolute;left:-13px;right:-13px;top:404px;height:12px;background:linear-gradient(#e8dfcd 0,#d5c7ae 3px,#dcd1bc 9px,#b9a88d 12px);box-shadow:0 5px 7px #4e3c2622;border-top:1px solid #c9bba2;pointer-events:none;z-index:2}
 .works-grid.is-empty{padding-top:0}
 .works-grid.is-empty::after{display:none}
 .work-card{display:grid;grid-template-rows:380px auto;align-self:start;position:relative;min-width:0}
 .book-front{display:none}
 .book-spine{align-self:end;display:block;position:relative;min-width:0;height:var(--book-height);margin:0 5px 0 0;padding:22px 15px;color:var(--book-ink);background-color:var(--book-color);background-image:linear-gradient(90deg,#0003 0,transparent 6%,#fff1 11%,transparent 16%,transparent 87%,#0002 96%,#0003 100%),repeating-linear-gradient(0deg,transparent 0 2px,#ffffff04 2px 3px);border-radius:3px 3px 0 0;box-shadow:5px 0 2px #29231b19,inset 0 1px #ffffff44,inset 0 -3px #0002;transition:transform .2s ease;transform-origin:center bottom;text-align:left;isolation:isolate}
 .book-spine::before{content:'';position:absolute;inset:52px 12px 44px;border-top:3px double currentColor;border-bottom:3px double currentColor;opacity:.3;pointer-events:none}
 .book-number{display:block;font:italic 25px/1 var(--editorial);opacity:.85;letter-spacing:-1px}
 .book-spine-title{display:block;position:absolute;top:85px;left:15px;right:12px;font:600 clamp(17px,1.55vw,21px)/1.75 var(--serif);letter-spacing:-.7px;word-break:keep-all;overflow-wrap:break-word}
 .book-spine-title>span{display:block;margin-bottom:3px}
 .work-card[data-id="dating"] .book-spine-title{font-size:clamp(14px,1.33vw,18px);letter-spacing:-.8px}
 .work-card[data-id="dating"] .book-spine-title>span{white-space:nowrap}
 .book-spine-genre{position:absolute;bottom:65px;left:15px;right:11px;font-size:9px;line-height:1.8;letter-spacing:.2px;opacity:.85;word-break:keep-all}
 .book-author{position:absolute;bottom:19px;left:15px;right:13px;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:8px;letter-spacing:1.2px;line-height:1.5}
 .book-author>span{font-size:17px;letter-spacing:0}
 .book-page-edge{position:absolute;top:6px;right:-5px;bottom:1px;width:5px;background:repeating-linear-gradient(0deg,#d2cbbb 0 1px,#f0eadb 1px 3px);border-right:1px solid #a99f8b;transform:skewY(12deg);z-index:-1}
 .work-card:hover .book-spine,.work-card:focus-visible .book-spine{transform:translateY(-9px) rotate(-1deg)}
 .work-card .work-info{padding:24px 6px 10px;min-width:0}
 .work-card .work-genre,.work-card .work-title{display:none}
 .work-card .work-created{font-size:9px;line-height:1.9;margin:0;color:#81796b;letter-spacing:-.15px}
 .work-card .work-description{font-size:12px;line-height:1.95;margin-top:8px;color:#56524a;word-break:keep-all;overflow-wrap:break-word;min-height:93px}
 .work-card .work-meta{margin-top:12px;font-size:9px;gap:7px}
 .work-card .work-cast-format{font-size:9px;padding:1px 5px}
 .work-card .work-edition-tags{font-size:9px;gap:1px 3px}
}
@media(min-width:1001px) and (max-width:1120px){
 .book-spine{padding-left:12px}
 .book-spine-title{left:12px;right:10px;font-size:17px;letter-spacing:-.9px}
 .book-spine-genre,.book-author{left:12px}
 .work-card .work-created{font-size:8px}
}
@media(max-width:700px){
 .book-front{padding:5px 5px 7px 10px}
 .book-front::before{width:8px}
 .work-card .work-info{padding-top:17px}
 .work-card .work-title{font-size:14px;line-height:1.8;letter-spacing:-.3px}
 .work-card .work-description{font-size:12px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){.book-spine,.book-front{transition:none}.work-card:hover .book-spine,.work-card:focus-visible .book-spine,.work-card:hover .book-front{transform:none}}