/* A quiet shelf, with the original reading companion covers. */
.bookshelf{max-width:1200px;margin:auto;padding:72px clamp(22px,5vw,72px);}
.bookshelf-intro{margin-bottom:38px;}.bookshelf h2{font:500 clamp(30px,4vw,46px)/1.15 'Lora',serif;margin:10px 0 16px;}.bookshelf-intro>p:last-child{font-size:16px;line-height:1.7;color:var(--mute);margin:0;}
.bookshelf .book-kind{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--forest);margin:0;}
.bookshelf-layout{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(0,1.3fr);gap:40px;align-items:center;}
.shelf-wrap{min-width:0;}.shelf-books{display:flex;align-items:flex-end;justify-content:center;gap:5px;padding:32px 8px 0;position:relative;isolation:isolate;}
.shelf-books::after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:-12px;height:12px;border-radius:2px;background:#A98665;box-shadow:0 12px 16px -10px #22312b40;}
.shelf-book{position:relative;flex:0 0 var(--book-width);width:var(--book-width);height:var(--book-height);border:0;border-left:1px solid #ffffff30;border-right:1px solid #00000030;border-radius:6px 4px 1px 2px;background-color:var(--binding);background-image:linear-gradient(90deg,#00000038 0%,#ffffff0c 12%,transparent 28%,#ffffff0d 65%,#0000002e 100%);color:var(--foil);padding:0;cursor:pointer;box-shadow:inset 4px 0 4px -2px #ffffff16,inset -3px 0 5px #00000028,2px 0 3px #22312b24;transition:transform .25s ease;}
.shelf-book:hover,.shelf-book[aria-pressed=true]{transform:translateY(-20px);}.shelf-book:focus-visible{outline:2px solid var(--forest);outline-offset:5px;}
.shelf-book::before,.shelf-book::after{content:'';position:absolute;left:5px;right:5px;height:7px;border-top:1px solid var(--foil);border-bottom:1px solid var(--foil);opacity:.75;}
.shelf-book::before{top:12px;}.shelf-book::after{bottom:12px;}
.shelf-title{position:absolute;top:61px;bottom:74px;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;text-orientation:mixed;font:500 20px/1.1 'Lora',serif;white-space:nowrap;letter-spacing:.01em;text-shadow:0 1px 1px #00000040;}
.shelf-author{display:block;position:absolute;bottom:29px;left:3px;right:3px;font:400 9px/1.4 'Lora',serif;letter-spacing:.08em;text-transform:uppercase;color:var(--foil);}
.binding-ornament{position:absolute;left:0;right:0;text-align:center;font:400 23px/1 'Lora',serif;color:var(--foil);opacity:.9;}.binding-ornament-top{top:27px;}.binding-ornament-bottom{bottom:47px;font-size:17px;}
.binding-secret-garden{border-radius:5px 5px 1px 1px;}.binding-secret-garden::before{height:10px;top:9px;border-top:3px double var(--foil);}.binding-secret-garden::after{border-bottom:3px double var(--foil);height:9px;bottom:10px;}
.binding-pinocchio::before{top:14px;height:5px;border-top-width:2px;}.binding-pinocchio .binding-ornament-top{font-size:20px;top:29px;transform:rotate(180deg);}.binding-pinocchio .shelf-title{font-style:italic;}.binding-pinocchio::after{height:4px;bottom:14px;}
.binding-peter-pan{border-radius:3px 5px 2px 2px;}.binding-peter-pan::before{height:8px;border-top:3px double var(--foil);border-bottom:3px double var(--foil);}.binding-peter-pan .binding-ornament-top{font-size:19px;top:29px;}.binding-peter-pan .binding-ornament-bottom{font-size:15px;}
.binding-black-beauty::before{height:3px;border-top:2px solid var(--foil);top:14px;}.binding-black-beauty .binding-ornament-top{display:none;}.binding-black-beauty .shelf-title{top:48px;}.binding-black-beauty .binding-ornament-bottom{font-size:21px;bottom:48px;}.binding-black-beauty::after{height:3px;border-bottom:2px solid var(--foil);bottom:14px;}
.binding-heidi .binding-ornament-top{font-size:27px;top:26px;}.binding-heidi .binding-ornament-bottom{display:none;}.binding-heidi .shelf-title{font-style:italic;}.binding-heidi::after{height:10px;border-top:3px double var(--foil);}
.shelf-hint{text-align:center;font-size:13px;color:var(--mute);margin:34px 0 0;}
.book-card{height:398px;border:1px solid var(--line);background:#F8F7F2;border-radius:3px;}
.book-detail{height:100%;padding:28px;display:grid;grid-template-columns:125px minmax(0,1fr);gap:24px;align-items:center;}.book-detail[hidden]{display:none;}.book-detail img{width:100%;height:auto;max-height:220px;object-fit:contain;box-shadow:0 8px 15px -9px #22312b55;}
.book-copy{min-width:0;}.book-copy h3{font:500 26px/1.2 'Lora',serif;margin:12px 0 6px;}.book-author{font-size:13px;line-height:1.5;margin:0;color:var(--mute);}.book-facts{font-size:12px;line-height:1.6;font-weight:500;color:var(--forest);margin:16px 0 12px;}.book-description{font-size:14px;line-height:1.7;color:var(--mute);margin:0 0 20px;}.book-copy .pillbtn{font-size:12px;padding:0 18px;}
.bookshelf-all{display:inline-block;font-size:14px;color:var(--forest);margin-top:30px;border-bottom:1px solid var(--forest);padding-bottom:3px;}.bookshelf-all:focus-visible{outline:2px solid var(--forest);outline-offset:5px;}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:1100px){.bookshelf-layout{grid-template-columns:1fr;gap:35px;}.shelf-wrap{max-width:480px;width:100%;margin:auto;}.book-card{max-width:650px;width:100%;margin:auto;height:320px;}.book-detail{grid-template-columns:150px minmax(0,1fr);}.book-description{font-size:15px;}}
@media(max-width:600px){.bookshelf{padding:48px 22px;}.bookshelf-intro{margin-bottom:20px;}.shelf-books{gap:3px;padding-left:0;padding-right:0;}.shelf-book{flex-basis:calc(var(--book-width)*.8);width:calc(var(--book-width)*.8);height:calc(var(--book-height) - 25px);}.shelf-title{font-size:18px;top:56px;bottom:72px;}.shelf-author{font-size:8px;letter-spacing:.04em;}.binding-black-beauty .shelf-title{top:48px;}.book-card{height:460px;}.book-detail{padding:22px;grid-template-columns:84px minmax(0,1fr);gap:16px;align-content:center;align-items:start;}.book-detail img{margin-top:8px;}.book-copy h3{font-size:24px;}.book-copy .book-kind{font-size:9px;letter-spacing:.06em;}.book-description{font-size:14px;}.book-facts{font-size:12px;}}
@media(max-width:600px){.book-detail{row-gap:8px;}.book-copy{display:contents;}.book-detail img{grid-column:1;grid-row:1 / 4;margin-top:0;}.book-copy .book-kind{grid-column:2;margin:0;}.book-copy h3{grid-column:2;margin:0;}.book-author{grid-column:2;}.book-facts{grid-column:1 / -1;margin:12px 0 0;}.book-description{grid-column:1 / -1;margin:6px 0 10px;}.book-copy .pillbtn{grid-column:1 / -1;justify-self:start;}}
@media(max-width:360px){.bookshelf{padding-left:16px;padding-right:16px;}.book-card{height:500px;}.book-detail{padding:18px;gap:12px;grid-template-columns:68px minmax(0,1fr);}.shelf-book{flex-basis:calc(var(--book-width)*.75);}.book-copy h3{font-size:22px;}}
@media(prefers-reduced-motion:reduce){.shelf-book{transition:none;}}