.lb{--u:1;--W:300px;--wood:#8a5a33;--wood-hi:#b07a48;--wood-lo:#5e3b20;--wood-grain:#341c0a38;--gilt:#ebcb86;--gilt-lo:#b8914a;--paper-c:#f7f2e6;--ink-c:#1b1b1b;--stamp:#b23a2e;--serif:"EB Garamond", "Cormorant Garamond", Georgia, serif;margin-top:var(--s5)}@media (width<=767.98px){.lb{--u:.72}}.lb .wood,.lb-wood{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='120'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.004 0.22' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0.20  0 0 0 0 0.11  0 0 0 0 0.04  0 0 0 0.55 -0.12'/></filter><rect width='600' height='120' filter='url(%23g)'/></svg>"), linear-gradient(180deg, var(--wood-hi), var(--wood) 45%, var(--wood-lo));background-size:600px 120px,100% 100%}.lb-head{text-align:center}.lb-mark{font-family:var(--mono);font-size:var(--t-cap);color:var(--ink-2)}.lb-mark b{color:var(--ink);margin-right:6px;font-weight:500}.lb-h{font-family:var(--display);font-weight:var(--display-w,700);letter-spacing:-.04em;margin:var(--s3) auto 0;font-size:clamp(2.5rem,1.6rem + 4vw,5rem);line-height:.98}.lb-count{margin-top:var(--s3);font-family:var(--mono);font-size:var(--t-cap);color:var(--ink-2)}.lb-stage{touch-action:pan-y;cursor:grab;outline-offset:4px;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.lb-stage.is-drag{cursor:grabbing}.lb-stage:focus-visible{outline:2px solid var(--ink)}.lb.is-ready .lb-track{height:100%;transform-style:preserve-3d;margin:0;padding:0;list-style:none;position:absolute;left:0;right:0}.lb.is-ready .lb-book{width:var(--W);height:var(--h);transform-style:preserve-3d;transform-origin:50% 100%;will-change:transform;cursor:pointer;position:absolute;bottom:0;left:0}.lb.is-ready .lb-end{width:var(--ew);position:absolute;bottom:0;left:0}.lb-box{transform-style:preserve-3d;position:absolute;inset:0}.lb-cover,.lb-spine,.lb-pages{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;top:0}.lb-cover{width:100%;transform:translateZ(calc(var(--s) / 2));background:var(--paper-c);color:var(--ink-c);border-radius:1px 3px 3px 1px;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #00000047}.lb-spine{left:calc(50% - var(--s) / 2);width:var(--s);transform:rotateY(-90deg) translateZ(calc(var(--W) / 2));padding:calc(14px * var(--u)) 0 calc(10px * var(--u));color:var(--t);background:linear-gradient(90deg, #0000003d, #ffffff1a 22%, #fff0 48%, #00000014 70%, #0000004d), repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #0000000a 0 1px, transparent 1px 2px), var(--c);border-radius:2px;flex-direction:column;justify-content:space-between;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000004d}.lb-pages{left:calc(50% - var(--s) / 2);width:var(--s);transform:rotateY(90deg) translateZ(calc(var(--W) / 2));background:repeating-linear-gradient(90deg,#fbf8f1 0 1px,#e2dbcc 1px 2px);box-shadow:inset 0 0 0 1px #0003}.lb-cover:after,.lb-spine:after{content:"";pointer-events:none;background:#000;position:absolute;inset:0}.lb-cover:after{opacity:calc(var(--dk,0) * var(--dk,0) * .55)}.lb-spine:after{opacity:calc((1 - var(--dk,1)) * .25)}.lb.is-ready .lb-c{opacity:clamp(0, calc((1 - var(--dk,0)) * 3), 1)}.lb-book.k-mod .lb-cover:before,.lb-book.k-rev .lb-cover:before{content:"";height:calc(12px * var(--u));background:var(--c);position:absolute;top:0;left:0;right:0}.lb-book.k-intro .lb-cover{background:linear-gradient(90deg, #0000002e, #ffffff0f 7%, #0000 40%), var(--c);color:var(--t)}.lb-st{writing-mode:vertical-rl;font-family:var(--display);font-weight:700;font-size:calc(13px * var(--u));letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-height:74%;overflow:hidden}.lb-sn{font-family:var(--mono);font-size:calc(9px * var(--u))}.lb-book.k-rev .lb-st{font-family:var(--mono);font-weight:500;font-size:calc(9px * var(--u))}.lb-book.f-foil .lb-spine{background:linear-gradient(transparent 0 5%, var(--fx,var(--t)) 5% 5.8%, transparent 5.8% 7%, var(--fx,var(--t)) 7% 7.8%, transparent 7.8% 92.2%, var(--fx,var(--t)) 92.2% 93%, transparent 93% 94.2%, var(--fx,var(--t)) 94.2% 95%, transparent 95%), linear-gradient(90deg, #0000003d, #ffffff1a 22%, #fff0 48%, #00000014 70%, #0000004d), var(--c);padding-top:calc(var(--h) * .1 + 6px);padding-bottom:calc(var(--h) * .09 + 4px)}.lb-book.f-label .lb-st{color:#1b1b1b;background:#f4efe3;padding:8px 3px;box-shadow:0 0 0 1px #00000040}.lb-c{height:100%;padding:calc(30px * var(--u)) calc(22px * var(--u)) calc(22px * var(--u));gap:calc(10px * var(--u));flex-direction:column;display:flex}.lb-kicker{font-family:var(--mono);font-size:calc(10px * var(--u));color:#6b665c;text-transform:uppercase;letter-spacing:.04em}.lb-num{font-family:var(--display);font-weight:var(--display-w,700);font-size:calc(64px * var(--u));letter-spacing:-.04em;line-height:.9}.lb-ct{font-family:var(--display);font-weight:var(--display-w,700);font-size:calc(26px * var(--u));letter-spacing:-.03em;line-height:1.02}.lb-book.k-intro .lb-ct{font-size:calc(44px * var(--u));margin-top:auto}.lb-cb{font-size:calc(14px * var(--u));color:#4e4a42;line-height:1.45}.lb-cf{padding-top:calc(10px * var(--u));border-top:2px solid var(--c);font-family:var(--mono);font-size:calc(10px * var(--u));color:#6b665c;justify-content:space-between;gap:8px;margin-top:auto;display:flex}.lb-tile{width:calc(64px * var(--u));height:calc(64px * var(--u));color:#232744;background:var(--c);font-family:var(--display);font-weight:var(--display-w,700);font-size:calc(28px * var(--u));border:1px solid #232744;place-items:center;line-height:1;display:grid}.lb-tile small{font-family:var(--mono);font-weight:400;font-size:calc(10px * var(--u));text-transform:uppercase}.lb-tag{color:#232744;border:1px solid #232744;padding:0 4px}.lb-book.k-intro .lb-kicker,.lb-book.k-intro .lb-cf{color:#d9d3c4;border-top-color:#ffffff59}.lb-book.k-intro .lb-cb{color:#ede7d9}.lb-ctrl{justify-content:center;align-items:center;gap:var(--s4);margin-top:var(--s4);grid-template-columns:44px minmax(0,30ch) 44px;display:grid}.lb-btn{border:1px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:2px;place-items:center;width:44px;height:44px;display:grid}.lb-btn:disabled{border-color:var(--rule-strong);cursor:default}.lb-btn:disabled svg{stroke:var(--machine)}.lb-btn svg{fill:none;width:16px;height:16px;stroke:var(--ink);stroke-width:1.5px}.lb-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.lb-at{font-family:var(--mono);font-size:var(--t-cap);color:var(--ink-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}@media (width<=767.98px){.lb-ctrl{padding:0 var(--gutter);grid-template-columns:44px minmax(0,1fr) 44px}}.lb:not(.is-ready) .lb-stage{cursor:auto;overflow:visible;background:0 0!important;height:auto!important}.lb:not(.is-ready) .lb-track{gap:var(--s4);padding:var(--s4);list-style:none;display:grid}.lb:not(.is-ready) .lb-spine,.lb:not(.is-ready) .lb-pages,.lb:not(.is-ready) .lb-end,.lb:not(.is-ready) [data-decor]{display:none}.lb:not(.is-ready) .lb-cover{min-height:280px;position:relative;transform:none}.lb:not(.is-ready) .lb-book{position:relative}.lb--oak .oak-stage{--top:calc(26px * var(--u));--lip:calc(30px * var(--u));--surf:calc(16px * var(--u));--side:calc(22px * var(--u));margin-top:var(--s6);height:calc(486px * var(--u));margin-inline:calc(-1 * var(--gutter));perspective:2600px;perspective-origin:50% 38%;background:#3a2414}.lb--oak .oak-back{background:linear-gradient(180deg, #0000008c 0, #0000002e calc(var(--top) + 46px), #0000 34%, #0000 70%, #0000006b calc(100% - var(--lip) - var(--surf)), #0009 100%), repeating-linear-gradient(90deg, #00000047 0 2px, #ffffff0a 2px 3px, transparent 3px 132px), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='480'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.22 0.006' numOctaves='3' seed='3'/><feColorMatrix values='0 0 0 0 0.16  0 0 0 0 0.08  0 0 0 0 0.03  0 0 0 0.6 -0.15'/></filter><rect width='160' height='480' filter='url(%23g)'/></svg>"), linear-gradient(90deg, #6e4628, #7c5130 50%, #6e4628);background-size:auto,auto,160px 480px,auto;position:absolute;inset:0}.lb--oak .oak-top{height:var(--top);z-index:2;position:absolute;top:0;left:0;right:0;box-shadow:0 10px 18px #00000073}.lb--oak .oak-surface{left:0;right:0;bottom:var(--lip);height:var(--surf);background:linear-gradient(#4a2e18,#9a6a3e 40%,#b07a48);position:absolute}.lb--oak .oak-surface:before{content:"";background:linear-gradient(#00000080,#0000);height:60%;position:absolute;top:0;left:0;right:0}.lb--oak .lb-track{bottom:calc(var(--lip) + var(--surf) * .45)}.lb--oak .oak-lip{height:var(--lip);z-index:300;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffecc859,inset 0 -2px #00000059}.lb--oak .oak-side{width:var(--side);z-index:301;position:absolute;top:0;bottom:0}.lb--oak .oak-side.is-l{left:0;box-shadow:6px 0 14px #00000073,inset -2px 0 #0000004d}.lb--oak .oak-side.is-r{right:0;box-shadow:-6px 0 14px #00000073,inset 2px 0 #0000004d}.lb--oak .oak-stand{left:50%;bottom:calc(var(--lip) + var(--surf) * .3);width:calc(var(--W) * .7);height:calc(13px * var(--u));z-index:250;position:absolute;transform:translate(-50%)}.lb--oak .oak-stand i{border-radius:2px 2px 0 0;position:absolute;inset:0;box-shadow:inset 0 -1px #ffe6be66,0 6px 10px #00000080}.lb--oak .lb-book:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#0000008c,#0000);height:12px;position:absolute;bottom:-6px;left:-4%;right:-4%;transform:translateZ(-2px)}.lb--oak .oak-endslot{height:calc(170px * var(--u))}.lb--oak .oak-bookend{width:calc(10px * var(--u));background:linear-gradient(90deg,#1e1e1e,#4a4744 45%,#1a1a1a);border-radius:2px 2px 0 0;height:100%;position:absolute;bottom:0;box-shadow:0 0 0 1px #0006}.lb--oak .oak-bookend:after{content:"";height:calc(6px * var(--u));width:calc(44px * var(--u));background:linear-gradient(#4a4744,#1a1a1a);position:absolute;bottom:0}.lb--oak .oak-bookend.is-l,.lb--oak .oak-bookend.is-l:after{right:0}.lb--oak .oak-bookend.is-r{right:calc(8px * var(--u))}.lb--oak .oak-bookend.is-r:after{left:0}.lb--oak .lb-st{font-family:var(--serif);text-transform:uppercase;letter-spacing:.09em;font-weight:600;font-size:calc(12px * var(--u))}.lb--oak .is-gilt .lb-spine{--fx:var(--gilt)}.lb--oak .is-gilt .lb-st,.lb--oak .is-gilt .lb-sn{color:var(--gilt);text-shadow:0 1px #00000073,0 0 1px #ffecaa40}.lb--oak .k-rev .lb-st{font-family:var(--serif);font-weight:600;font-size:calc(11px * var(--u));letter-spacing:.06em}.lb--oak .f-label .lb-st{color:#2a2116;text-shadow:none;background:#f2ead7}.lb--oak .lb-spine{box-shadow:inset 0 0 0 1px #00000059,inset 0 6px 6px -4px #ffffff2e,inset 0 -6px 6px -4px #ffffff1f}.lb--oak:not(.is-ready) .oak-stage{background:0 0}
