/* A real front, back and paper block, all rendered with CSS and the original cover. */
.cover.bound-book{
 --book-depth:28px;--bound-angle:-23deg;--bound-tilt:8deg;
 padding:0!important;background:none!important;border:0!important;border-radius:3px;
 overflow:visible!important;box-shadow:none!important;perspective:1000px;
}
.cover.bound-book:before{display:none}
.cover.bound-book:after{
 content:'';display:block;position:absolute;inset:auto 0 -15px 4%;width:96%;height:18px;
 border:0;border-radius:50%;background:radial-gradient(ellipse,#000b,transparent 70%);
 filter:blur(5px);transform:none;box-shadow:none;z-index:-1;pointer-events:none;
}
.bound-volume{
 display:block;position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;
 transform:rotateY(var(--bound-angle)) rotateX(var(--bound-tilt));
 transition:transform 500ms cubic-bezier(.2,.7,.2,1);
}
.bound-volume>span{position:absolute;display:block;pointer-events:none}
.bound-jacket{
 inset:0;transform:translateZ(calc(var(--book-depth)/2));border-radius:3px 5px 4px 2px;
 background-color:var(--cover-color,#293734);background-image:var(--cover-img,none);background-size:cover;background-position:center;
 display:flex!important;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 15px;
 box-shadow:inset 0 0 0 1px #f7edd32e,1px 2px 2px #0008;
 overflow:hidden;color:inherit;
}
.bound-jacket>.cover-art{border-radius:inherit;box-shadow:none!important}
.bound-jacket>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.bound-jacket:before{
 content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
 background:linear-gradient(90deg,#0007 0%,#ffffff16 1.8%,#0003 3.5%,#0006 4.2%,#ffffff1c 4.9%,transparent 7.2%,transparent 97%,#e7debc18);
 box-shadow:inset 0 1px 1px #fff5,inset 0 -2px 2px #0007;
}
.bound-jacket:after{
 content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;
 background:linear-gradient(117deg,#ffffff13,transparent 30%,transparent 63%,#ffffff04);
}
.bound-back{
 inset:0;border-radius:3px;background:linear-gradient(#0003,#0006),var(--cover-color,#283533);
 transform:translateZ(calc(var(--book-depth)/-2));box-shadow:0 12px 20px #0006;
}
.bound-spine{
 top:0;bottom:0;left:0;width:var(--book-depth);transform:translateX(-50%) rotateY(-90deg);
 border-radius:3px;background:linear-gradient(90deg,#0009,#ffffff10 45%,#0005),var(--cover-color,#283533);
 color:#e1d5b6;writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;
 font:8px/var(--book-depth) var(--serif);letter-spacing:1px;text-align:center;overflow:hidden;padding:15px 0;
}
.bound-pages{
 top:4px;bottom:5px;right:0;width:calc(var(--book-depth) - 2px);
 transform:translateX(50%) rotateY(90deg);border-radius:1px;
 background:linear-gradient(0deg,#9c8f7188,transparent 17%,transparent 84%,#f5eed599),repeating-linear-gradient(90deg,#e8dfc8 0 1px,#b8ac90 1px 1.65px,#f9f1da 1.65px 2.7px);
 box-shadow:inset 0 0 3px #5a452a80;
}
.bound-top,.bound-bottom{
 left:5px;right:1px;height:calc(var(--book-depth) - 2px);border-radius:1px;
 background:repeating-linear-gradient(0deg,#d0c3a7 0 1px,#9b8f72 1px 1.6px,#e8dcc2 1.6px 2.5px);
 box-shadow:inset 0 0 3px #604f32aa;
}
.bound-top{top:3px;transform:translateY(-50%) rotateX(90deg)}
.bound-bottom{bottom:4px;transform:translateY(50%) rotateX(90deg);background-color:#c3b597}
#book-stage>.hero-book.bound-book{padding:0;--book-depth:34px;--bound-angle:-18deg;--bound-tilt:7deg}
#book-stage>.hero-book.bound-book:after{inset:auto 0 -17px 2%;width:100%;height:22px;transform:none;background:radial-gradient(ellipse,#000d,transparent 70%)}
#home-feature .spotlight{height:408px}
#home-feature .book-stage{--book-width:246px;--book-height:348px;--slot-gap:116px;height:348px;top:10px}
#book-stage>.hero-book.center{--book-turn:-6deg}
.release-art>.bound-book{transform:none!important;box-shadow:none!important;--book-depth:28px}
.release-art{padding-inline:5px}
.release-rail{grid-auto-columns:calc((100% - 4 * 30px)/5);gap:30px;padding:16px 12px 22px;margin-inline:-12px}
.release-copy{padding-top:22px}
.release-price{left:6px;bottom:-5px;z-index:2}
main[data-view=Home]>.browse .book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 30px;padding:14px 6px 0}
main[data-view=Home]>.browse .book-card>.bound-book{aspect-ratio:2/3;transform:none;--book-depth:28px}
main[data-view=Home]>.browse .book-card h3{margin-top:23px}
.bound-jacket>.book-badge{z-index:4;left:11px;top:10px;background:#10201bea;border-color:#d6d8bc55;color:#ece9d4;box-shadow:none}
.daily-cover:after,.author-book-art:after{display:none}
.daily-cover{transform:rotateZ(2deg);width:34%;right:6%}
.daily-cover:hover{transform:rotateZ(2deg)}
.daily-cover>.bound-book{--book-depth:22px;--bound-angle:-16deg}
.author-book-art>.bound-book{--book-depth:5px;--bound-angle:-12deg;--bound-tilt:2deg}
.author-book-art>.bound-book:after{display:none}
.dont-miss-art>.bound-book{--book-depth:10px;--bound-angle:-17deg}
.dont-miss-card:hover .dont-miss-art{transform:none}
@media(hover:hover) and (pointer:fine){
 .release-art:hover .bound-volume,.release-art:focus-visible .bound-volume,
 .book-card>.bound-book:hover .bound-volume,.book-card>.bound-book:focus-visible .bound-volume,
 .daily-cover:hover .bound-volume,.daily-cover:focus-visible .bound-volume,
 .dont-miss-card:hover .bound-volume,.dont-miss-card:focus-visible .bound-volume{
  transform:translateY(-7px) rotateY(-7deg) rotateX(2deg);
 }
 #book-stage>.hero-book.center:hover .bound-volume{transform:translateY(-4px) rotateY(-7deg) rotateX(3deg)}
}
@media(min-width:1800px){#home-feature .book-stage{--book-width:270px;--book-height:382px;--slot-gap:144px;height:382px}#home-feature .spotlight{height:444px}}
@media(max-width:1200px){
 #home-feature .book-stage{--book-width:216px;--book-height:306px;--slot-gap:98px;height:306px;top:25px}
 #home-feature .spotlight{height:386px}.release-rail{grid-auto-columns:calc((100% - 3 * 28px)/4);gap:28px}
 main[data-view=Home]>.browse .book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 25px}
}
@media(max-width:1000px){
 .release-rail{grid-auto-columns:calc((100% - 2 * 28px)/3)}
 main[data-view=Home]>.browse .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .daily-cover{width:29%;right:9%}
}
@media(max-width:900px){
 #home-feature .spotlight{height:auto;padding-top:301px}
 #home-feature .book-stage{--book-width:190px;--book-height:270px;--slot-gap:109px;top:16px;height:270px}
}
@media(max-width:760px){
 #home-feature .spotlight{padding-top:285px}
 #home-feature .book-stage{--book-width:182px;--book-height:258px;--slot-gap:104px;height:258px;top:13px}
 #book-stage>.hero-book.bound-book{--book-depth:27px}
 .release-rail{grid-auto-columns:calc((100% - 30px)/1.85);gap:25px;padding:16px 12px 21px}
 .release-art>.bound-book{--book-depth:22px}.release-copy{padding-top:21px}
 main[data-view=Home]>.browse .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-inline:5px}
 main[data-view=Home]>.browse .book-card>.bound-book{--book-depth:20px}
 .daily-cover{width:33%;right:5%}.daily-cover>.bound-book{--book-depth:18px}
}
@media(max-width:359px){
 #home-feature .book-stage{--book-width:168px;--book-height:239px;--slot-gap:91px;height:239px}
 #home-feature .spotlight{padding-top:266px}
 main[data-view=Home]>.browse .book-grid{gap:28px 18px}
 main[data-view=Home]>.browse .book-card>.bound-book{--book-depth:17px}
 .daily-cover{width:31%;right:4%}
}
@media(prefers-reduced-motion:reduce){
 .bound-volume{transition:none!important}
 .bound-book .bound-volume{transform:rotateY(var(--bound-angle)) rotateX(var(--bound-tilt))!important}
}
.reduce-motion .bound-volume{transition:none!important}
.reduce-motion .bound-book .bound-volume{transform:rotateY(var(--bound-angle)) rotateX(var(--bound-tilt))!important}