.book-art{position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:3/4;overflow:hidden;background:#0b2132;color:#fff;box-shadow:0 18px 42px #0b21321a}
.book-art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,20,31,.2),transparent 52%,rgba(5,20,31,.4))}
.book-art .book-art-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;filter:none;margin:0}
.book-art-copy{position:relative;padding:8% 8% 0;display:flex;flex-direction:column;align-items:flex-start}
.book-art-kicker{font-size:10px;font-size:2.2cqi;letter-spacing:.17em;line-height:1.5;color:#d2b278}
.book-art-title{font-family:Georgia,'Times New Roman',serif;font-size:44px;font-size:11cqi;line-height:1.04;letter-spacing:-.04em;margin:6% 0 4%}
.book-art-title em{color:#d2b278;font-weight:400}
.book-art-subtitle{font-size:15px;font-size:3.7cqi;line-height:1.55;max-width:90%;color:#ecf1f4}
.book-art-author{position:absolute;bottom:7%;left:8%;right:8%;font-size:10px;font-size:2.5cqi;letter-spacing:.18em;line-height:1.5;color:#f1e5cf}
.hero-visual.book-hero{display:flex;align-items:center;justify-content:center;min-height:0;background:none;overflow:visible}
.book-hero .book-art{max-width:420px}
.book-thumbnail{max-width:420px;width:100%;justify-self:center}
.book-detail figure .book-art-image{height:100%;max-height:none;object-fit:cover}
@media(max-width:600px){.hero-visual.book-hero{height:auto;min-height:0;margin-bottom:30px}.book-hero .book-art{max-width:340px}.book-thumbnail{max-width:360px}}