/* Look inside: a calm full-screen book viewer. Transform and opacity only. */
.pb{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:rgba(24,42,44,.985);color:#f8f6f0;font:17px/1.5 'Andika',sans-serif}
.pb[hidden]{display:none}
.pb-top{display:flex;align-items:center;gap:12px;padding:10px clamp(12px,3vw,28px);min-height:64px}
.pb-title{margin:0 auto 0 0;font:500 clamp(18px,2.2vw,24px)/1.2 'Fredoka','Andika',sans-serif;min-width:0}
.pb-title small{display:block;font:400 14px/1.3 'Andika',sans-serif;opacity:.85}
.pb-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(248,246,240,.55);background:transparent;color:#f8f6f0;font:700 16px/1 'Andika',sans-serif;cursor:pointer;text-decoration:none}
.pb-btn:hover{background:rgba(248,246,240,.12)}
.pb-btn.pri{background:#e7c478;border-color:#e7c478;color:#1f3b3a}
.pb-btn:focus-visible,.pb-nav:focus-visible{outline:3px solid #e7c478;outline-offset:3px}
.pb-mid{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,24px);padding:0 clamp(6px,2vw,24px)}
.pb-nav{flex:none;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(248,246,240,.55);background:rgba(248,246,240,.06);color:#f8f6f0;font:500 26px/1 'Fredoka',sans-serif;cursor:pointer;display:grid;place-items:center}
.pb-nav:hover:not([disabled]){background:rgba(248,246,240,.16)}
.pb-nav[disabled]{opacity:.3;cursor:default}
.pb-stage{position:relative;flex:none;perspective:2400px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.pb-spread{position:relative;width:calc(var(--pw)*2);height:var(--ph);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.3,1)}
.pb.single .pb-spread{width:var(--pw)}
.pb-spread.solo-r{transform:translateX(calc(var(--pw)*-.5))}
.pb-spread.solo-l{transform:translateX(calc(var(--pw)*.5))}
.pb.single .pb-spread.solo-r,.pb.single .pb-spread.solo-l{transform:none}
.pb-half{position:absolute;top:0;width:var(--pw);height:var(--ph);background:#fffdf8;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.pb-half.l{left:0;border-radius:6px 0 0 6px}
.pb-half.r{left:50%;border-radius:0 6px 6px 0}
.pb.single .pb-half.r{left:0;border-radius:6px}
.pb.single .pb-half.l{display:none}
.pb-half.empty{background:transparent;box-shadow:none}
.pb-half img,.pb-face img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.pb-half.l::after,.pb-face.back::after,.pb-half.r::before,.pb-face.front::before{content:"";position:absolute;top:0;bottom:0;width:7%;pointer-events:none}
.pb-half.l::after,.pb-face.back::after{right:0;background:linear-gradient(90deg,transparent,rgba(31,59,58,.16))}
.pb-half.r::before,.pb-face.front::before{left:0;background:linear-gradient(270deg,transparent,rgba(31,59,58,.16))}
.pb.single .pb-half.r::before,.pb.single .pb-face.front::before{display:none}
.pb-leaf{position:absolute;top:0;left:50%;width:var(--pw);height:var(--ph);transform-origin:0 50%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.3,1);z-index:5;will-change:transform}
.pb.single .pb-leaf{left:0}
.pb-face{position:absolute;inset:0;overflow:hidden;background:#fffdf8;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.pb-face.back{transform:rotateY(180deg)}
.pb-face.blank{background:#f1ebdf}
.pb-shade{position:absolute;inset:0;background:#1f3b3a;opacity:0;pointer-events:none;z-index:4}
.pb-shade.go{animation:pbshade .9s ease}
@keyframes pbshade{50%{opacity:.22}}
.pb-bot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px clamp(12px,3vw,28px) 14px;min-height:64px}
.pb-count{font:700 17px/1.2 'Andika',sans-serif}
.pb-note{font-size:14.5px;opacity:.88;margin:0}
@media (max-width:640px){.pb-nav{position:absolute;top:50%;margin-top:-24px;z-index:6;width:48px;height:48px;background:rgba(24,42,44,.85)}.pb-nav.prev{left:8px}.pb-nav.next{right:8px}.pb-mid{position:relative}.pb-note{display:none}.pb-bot{justify-content:center}}
html.calm .pb-spread,html.calm .pb-leaf{transition:none!important}
html.calm .pb-shade{display:none}
@media (prefers-reduced-motion:reduce){.pb-spread,.pb-leaf{transition:none!important}.pb-shade{display:none}}
body.pb-lock{overflow:hidden}

/* the Look inside shelf page */
.look-shelf{list-style:none;margin:30px 0 0;padding:0 0 18px;display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,36px);border-bottom:6px solid #dcd5c6}
.look-shelf li{width:clamp(150px,19vw,200px)}
.book-btn{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.book-btn .cv{display:block;aspect-ratio:707/1000;border-radius:5px;overflow:hidden;box-shadow:0 14px 30px rgba(31,59,58,.22);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;background:#fffdf8}
.book-btn:hover .cv{transform:translateY(-5px);box-shadow:0 20px 38px rgba(31,59,58,.28)}
.book-btn .cv img{display:block;width:100%;height:100%;object-fit:cover}
.book-btn b{display:block;margin-top:14px;font:500 19px/1.2 'Fredoka','Andika',sans-serif}
.book-btn small{display:block;font-size:15px;color:#47605e;margin-top:2px}
.book-btn em{display:inline-block;margin-top:8px;font:700 15px/1.2 'Andika',sans-serif;font-style:normal;color:#9c6146;text-decoration:underline;text-underline-offset:3px}
.book-btn:focus-visible{outline:3px solid #4f7486;outline-offset:6px;border-radius:6px}
html.calm .book-btn .cv{transition:none}
.look-shelf{align-items:flex-end}
.look-shelf li.ls{width:clamp(240px,30vw,340px)}