.bc{--shade:#291f18;--gilt:color-mix(in oklab, var(--case-acc) 45%, #ecce83);--gilt-dim:color-mix(in oklab, var(--gilt) 62%, var(--shade));--paper:color-mix(in oklab, var(--elevated) 90%, var(--case-acc));--fox:color-mix(in oklab, var(--case-acc) 16%, transparent);--wood:color-mix(in oklab, var(--case-acc) 42%, #3c291d);--wood-back:color-mix(in oklab, var(--wood) 55%, var(--shade));--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .18 0 0 0 0 .1 0 0 0 -.5 .3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--wood-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='60'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .35' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .07 0 0 0 0 .03 0 0 0 -.9 .55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E")}@supports (color:lab(0% 0 0)){.bc{--shade:lab(12.9465% 3.69321 6.93115);--gilt:color-mix(in oklab, var(--case-acc) 45%, lab(84.0585% 3.98245 41.3208));--wood:color-mix(in oklab, var(--case-acc) 42%, lab(18.6344% 7.9668 11.3092))}}:root[data-theme=dark] .bc{--shade:#000;--gilt:color-mix(in oklab, var(--case-acc) 70%, #bf9752);--paper:color-mix(in oklab, var(--elevated) 96%, var(--case-acc));--fox:color-mix(in oklab, var(--shade) 22%, transparent);--wood:color-mix(in oklab, var(--case-acc) 22%, #241710)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .bc{--shade:lab(0% 0 0);--gilt:color-mix(in oklab, var(--case-acc) 70%, lab(65.2835% 9.37384 42.0808));--wood:color-mix(in oklab, var(--case-acc) 22%, lab(9.40243% 5.67756 7.32476))}}.bc [data-leather]{--leather:color-mix(in oklab, var(--brand) 40%, #301f18);--label:color-mix(in oklab, var(--leather) 55%, #0e0a07)}@supports (color:lab(0% 0 0)){.bc [data-leather]{--leather:color-mix(in oklab, var(--brand) 40%, lab(13.9778% 7.63132 8.64828));--label:color-mix(in oklab, var(--leather) 55%, lab(3.03542% .975616 1.60148))}}.bc [data-leather="1"]{--leather:#6d4024}@supports (color:lab(0% 0 0)){.bc [data-leather="1"]{--leather:lab(32.3212% 17.8236 25.7594)}}.bc [data-leather="2"]{--leather:#443d24}@supports (color:lab(0% 0 0)){.bc [data-leather="2"]{--leather:lab(25.9435% -.16813 16.3381)}}.bc [data-leather="3"]{--leather:#251e18;--label:#56331f}@supports (color:lab(0% 0 0)){.bc [data-leather="3"]{--leather:lab(11.803% 2.71148 5.13765);--label:lab(25.4255% 14.6059 19.6893)}}.bc [data-leather="4"]{--leather:#dcd0b8;--label:color-mix(in oklab, var(--brand) 40%, #301f18)}@supports (color:lab(0% 0 0)){.bc [data-leather="4"]{--leather:lab(83.8827% 1.30904 13.5756);--label:color-mix(in oklab, var(--brand) 40%, lab(13.9778% 7.63132 8.64828))}}.bc-desk,.bc-case,.bc-hint{display:none}.bc-head-row{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.bc-swipe{margin-top:.25rem}.bc-foot{justify-content:flex-end;margin-top:1rem;display:flex}@media (min-width:64rem) and (hover:hover) and (pointer:fine){.bc{--wide:min(72rem, 100vw - 3rem);width:var(--wide);margin-left:calc((100% - var(--wide)) / 2);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"intro desk""head head""case case""foot foot";align-items:center;column-gap:3.5rem;display:grid}.bc-head-row{border-top:0;grid-area:head;justify-content:space-between;align-items:baseline;gap:1.5rem;margin-top:3.5rem;padding-top:0;display:flex}.bc-hint{display:block}.bc-swipe{display:none}.bc-intro{grid-area:intro}.bc-desk{grid-area:desk;display:block}.bc-case{grid-area:case;display:block}.bc-hall{display:none}.bc-foot{grid-area:foot}}.bc-case{background:linear-gradient(#ffffff14, transparent .2rem), var(--wood-grain), var(--wood);box-shadow:var(--sh-md);background-size:auto,1200px 60px,auto;border-radius:.3125rem .3125rem 0 0;margin-top:1rem;padding:.75rem .75rem 0;position:relative}@supports (color:lab(0% 0 0)){.bc-case{background:linear-gradient(lab(100% 0 0/.08), transparent .2rem), var(--wood-grain), var(--wood)}}.bc-rail{overscroll-behavior-x:contain;scrollbar-width:none;background:linear-gradient(#00000080, transparent 3rem), linear-gradient(90deg, #0000004d, transparent 2rem calc(100% - 2rem), #0000004d), var(--wood-grain), var(--wood-back);cursor:grab;-webkit-user-select:none;user-select:none;background-size:auto,auto,1200px 60px,auto;align-items:flex-end;gap:1.75rem;min-height:22rem;padding:3rem 2.25rem 0;display:flex;position:relative;overflow-x:auto}@supports (color:lab(0% 0 0)){.bc-rail{background:linear-gradient(lab(0% 0 0/.5), transparent 3rem), linear-gradient(90deg, lab(0% 0 0/.3), transparent 2rem calc(100% - 2rem), lab(0% 0 0/.3)), var(--wood-grain), var(--wood-back)}}.bc-rail::-webkit-scrollbar{display:none}.bc-rail[data-drag]{cursor:grabbing}.bc-rail[data-drag] .bc-book{pointer-events:none}.bc-rail:not([data-start]){-webkit-mask-image:linear-gradient(90deg,#0000,#000 3rem);mask-image:linear-gradient(90deg,#0000,#000 3rem)}.bc-rail:not([data-end]){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),#0000)}.bc-rail:not([data-start],[data-end]){-webkit-mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000)}.bc-plank{background:linear-gradient(color-mix(in oklab, var(--wood) 70%, #fff) 0 1px, #00000047 1px .35rem, #ffffff0f .35rem .45rem, transparent .45rem), linear-gradient(transparent 70%, #00000040), var(--wood-grain), var(--wood);background-size:auto,auto,1200px 60px,auto;height:1.375rem;margin:0 -.75rem;display:block;box-shadow:0 .75rem 1.25rem -.75rem #00000073;box-shadow:0 .75rem 1.25rem -.75rem lab(0% 0 0/.45)}@supports (color:lab(0% 0 0)){.bc-plank{background:linear-gradient(color-mix(in oklab, var(--wood) 70%, lab(100% 0 0)) 0 1px, lab(0% 0 0/.28) 1px .35rem, lab(100% 0 0/.06) .35rem .45rem, transparent .45rem), linear-gradient(transparent 70%, lab(0% 0 0/.25)), var(--wood-grain), var(--wood)}}.bc-nav{z-index:3;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--elevated);width:2.25rem;height:2.25rem;color:var(--text);box-shadow:var(--sh-md);transition:background-color var(--dur-fast) var(--ease-out);place-items:center;display:grid;position:absolute;top:calc(50% - 1.75rem)}.bc-nav:hover{background:var(--fill)}.bc-nav[hidden]{display:none}.bc-nav-l{left:1.25rem}.bc-nav-r{right:1.25rem}.bc-group{flex:none;align-items:flex-end;gap:.75rem;display:flex}.bc-books{align-items:flex-end;gap:.1875rem;display:flex}.bc-plate{background:linear-gradient(160deg, color-mix(in oklab, var(--gilt) 80%, #fff), var(--gilt) 45%, var(--gilt-dim));color:#2c1e13;color:lab(12.9057% 5.79391 10.6146);font:600 .625rem / 1 var(--ff-display);letter-spacing:.24em;text-transform:uppercase;writing-mode:vertical-rl;border-radius:.125rem;align-self:center;padding:.375rem .625rem;box-shadow:0 1px 2px #00000080,inset 0 0 0 1px #00000026;box-shadow:0 1px 2px lab(0% 0 0/.5),inset 0 0 0 1px lab(0% 0 0/.15)}@supports (color:lab(0% 0 0)){.bc-plate{background:linear-gradient(160deg, color-mix(in oklab, var(--gilt) 80%, lab(100% 0 0)), var(--gilt) 45%, var(--gilt-dim))}}.bc-slot{width:var(--w);height:var(--h);perspective:70rem;perspective-origin:50% -12%;flex:none;position:relative}.bc-slot:has(.bc-book:hover,.bc-book:focus-visible){z-index:2}.bc-book{--d:calc(var(--h) * .45);transform-style:preserve-3d;transition:transform .46s var(--ease-out);display:block;position:absolute;inset:0}.bc-book:focus-visible{outline:none}.bc-book:focus-visible .bc-spine{outline:2px solid var(--gilt);outline-offset:3px}.bc-book[data-open]{transform:translate3d(0,-.25rem,1rem)}.bc-book:hover,.bc-book:focus-visible{transform:translate3d(0,-.75rem,2.75rem)rotateY(-20deg)}.bc-spine{background: linear-gradient(90deg, #00000080, #ffffff0a 20%, #ffffff26 34%, #ffffff05 58%, #00000073),  radial-gradient(140% 4% at 50% 0, #ffffff40, transparent 70%), radial-gradient(140% 4% at 50% 100%, #ffffff2e, transparent 70%), radial-gradient(45% 9% at 62% 47%, #ffffff12, transparent), var(--grain), var(--leather);background-size:auto,auto,auto,auto,180px,auto;border-radius:.3125rem .3125rem .1875rem .1875rem/.625rem .625rem .1875rem .1875rem;position:absolute;inset:0;overflow:hidden;box-shadow:.3rem 0 .5rem -.15rem #00000080;box-shadow:.3rem 0 .5rem -.15rem lab(0% 0 0/.5)}@supports (color:lab(0% 0 0)){.bc-spine{background: linear-gradient(90deg, lab(0% 0 0/.5), lab(100% 0 0/.04) 20%, lab(100% 0 0/.15) 34%, lab(100% 0 0/.02) 58%, lab(0% 0 0/.45)),  radial-gradient(140% 4% at 50% 0, lab(100% 0 0/.25), transparent 70%), radial-gradient(140% 4% at 50% 100%, lab(100% 0 0/.18), transparent 70%), radial-gradient(45% 9% at 62% 47%, lab(100% 0 0/.07), transparent), var(--grain), var(--leather)}}.bc-spine:before{--band:linear-gradient(#00000073, #ffffff38 35%, #ffffff0f 65%, #00000080);--rule:linear-gradient(var(--gilt) 0 0);content:"";background:var(--rule) 0 calc(7% - .375rem) / 100% 1px no-repeat, var(--band) 0 7% / 100% .5rem no-repeat, var(--rule) 0 calc(7% + .75rem) / 100% 1px no-repeat, var(--rule) 0 calc(7% + .9rem) / 100% 1px no-repeat, var(--rule) 0 calc(90% - .9rem) / 100% 1px no-repeat, var(--rule) 0 calc(90% - .75rem) / 100% 1px no-repeat, var(--band) 0 90% / 100% .5rem no-repeat, var(--rule) 0 calc(90% + .375rem) / 100% 1px no-repeat;opacity:.9;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.bc-spine:before{--band:linear-gradient(lab(0% 0 0/.45), lab(100% 0 0/.22) 35%, lab(100% 0 0/.06) 65%, lab(0% 0 0/.5))}}.bc-label{background:var(--grain), var(--label);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gilt) 55%, transparent), 0 1px 0 #ffffff14, 0 -1px 0 #00000059;background-size:180px,auto;border-radius:1px;justify-content:center;align-items:center;display:flex;position:absolute;inset:14% 15% 41%;overflow:hidden}@supports (color:lab(0% 0 0)){.bc-label{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gilt) 55%, transparent), 0 1px 0 lab(100% 0 0/.08), 0 -1px 0 lab(0% 0 0/.35)}}.bc-title{writing-mode:vertical-rl;text-align:center;text-overflow:ellipsis;max-height:100%;color:var(--gilt);font-size:min(clamp(.8125rem, calc(var(--w) * .34), 1.125rem), calc(var(--h) * .8 / var(--len,8)));letter-spacing:.03em;text-shadow:0 -1px #0009,0 1px #ffffff1a;text-shadow:0 -1px lab(0% 0 0/.6),0 1px lab(100% 0 0/.1);line-height:1.05;overflow:hidden}.bc-title.font-display{font-weight:600}.bc-by{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in oklab, var(--gilt) 92%, var(--leather));letter-spacing:.08em;text-transform:uppercase;text-shadow:0 -1px #00000080;text-shadow:0 -1px lab(0% 0 0/.5);font-size:.5625rem;font-weight:600;position:absolute;top:62%;bottom:16.5%;left:50%;overflow:hidden;translate:-50%}.bc [data-leather="4"] .bc-by{color:#46372b;color:lab(24.5177% 5.57716 10.4396);text-shadow:none}.bc-head{width:100%;height:var(--d);transform-origin:top;background:linear-gradient(90deg, var(--leather) 0 .1875rem, transparent .1875rem calc(100% - .1875rem), var(--leather) 0), linear-gradient(#0000004d, transparent 30%), repeating-linear-gradient(90deg, color-mix(in oklab, var(--paper) 72%, var(--shade)) 0 1.5px, color-mix(in oklab, var(--paper) 50%, var(--shade)) 1.5px 2.25px);position:absolute;top:0;left:0;transform:rotateX(-90deg)}@supports (color:lab(0% 0 0)){.bc-head{background:linear-gradient(90deg, var(--leather) 0 .1875rem, transparent .1875rem calc(100% - .1875rem), var(--leather) 0), linear-gradient(lab(0% 0 0/.3), transparent 30%), repeating-linear-gradient(90deg, color-mix(in oklab, var(--paper) 72%, var(--shade)) 0 1.5px, color-mix(in oklab, var(--paper) 50%, var(--shade)) 1.5px 2.25px)}}.bc-board{width:var(--d);transform-origin:0;background:linear-gradient(90deg, #00000059, transparent .75rem, #0000001a), var(--grain), var(--leather);height:100%;box-shadow:inset 0 0 0 .625rem var(--leather), inset 0 0 0 calc(.625rem + 1px) var(--gilt-dim), inset 0 0 0 calc(.875rem + 1px) var(--leather), inset 0 0 0 calc(.875rem + 2px) var(--gilt-dim);background-size:auto,180px,auto;border-radius:0 .25rem .25rem 0;position:absolute;top:0;left:100%;transform:rotateY(90deg)}@supports (color:lab(0% 0 0)){.bc-board{background:linear-gradient(90deg, lab(0% 0 0/.35), transparent .75rem, lab(0% 0 0/.1)), var(--grain), var(--leather)}}.bc-spread{aspect-ratio:2/1.3;background:linear-gradient(90deg, transparent 47%, #00000059 50%, transparent 53%), var(--grain), var(--leather);box-shadow:var(--sh-lg), 0 2rem 3rem -1.5rem color-mix(in oklab, var(--shade) 35%, transparent);perspective:2600px;background-size:auto,180px,auto;border-radius:.375rem;grid-template-columns:1fr 1fr;padding:.5rem .625rem .6875rem;display:grid;position:relative}@supports (color:lab(0% 0 0)){.bc-spread{background:linear-gradient(90deg, transparent 47%, lab(0% 0 0/.35) 50%, transparent 53%), var(--grain), var(--leather)}}.bc-pg{color:var(--text);background:linear-gradient(270deg, color-mix(in oklab, var(--shade) 18%, transparent), transparent 9%), radial-gradient(120% 95% at 45% 42%, transparent 58%, var(--fox)), var(--grain), repeating-linear-gradient(0deg, color-mix(in oklab, var(--shade) 2.5%, transparent) 0 1px, transparent 1px 3px), var(--paper);background-size:auto,auto,200px,auto,auto;flex-direction:column;padding:9% 10% 8%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.bc-pg-r{background:linear-gradient(90deg, color-mix(in oklab, var(--shade) 18%, transparent), transparent 9%), radial-gradient(120% 95% at 55% 42%, transparent 58%, var(--fox)), var(--grain), repeating-linear-gradient(0deg, color-mix(in oklab, var(--shade) 2.5%, transparent) 0 1px, transparent 1px 3px), var(--paper);background-size:auto,auto,200px,auto,auto}.bc-caps{font:600 3.6cqi / 1.3 var(--ff-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.bc-rubric{color:var(--brand)}.bc-tp{text-align:center;height:100%;animation:bc-in .42s var(--ease-out) .36s both;flex-direction:column;align-items:center;display:flex}.bc-tp-title{overflow-wrap:anywhere;color:var(--text);margin-top:9cqi;font-size:11.5cqi;line-height:1.05}.bc-tp-title.font-display{font-weight:600}.bc-tp-en{color:var(--text-secondary);margin-top:2cqi;font-size:6cqi;line-height:1.2}.bc-device{width:26cqi;color:var(--brand);margin-block:7cqi;overflow:visible}.bc-tp-facts{color:var(--text-muted);margin-top:auto;font-size:3.6cqi;line-height:1.4}.bc-fp{height:100%;animation:bc-in .42s var(--ease-out) .18s both;flex-direction:column;display:flex}.bc-run{justify-content:center;padding-inline:8cqi;display:flex;position:relative}.bc-run .bc-caps{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bc-folio{color:var(--text-muted);font-size:4cqi;line-height:1.3;position:absolute;top:0;right:0}.bc-fp>.bc-rubric{text-align:center;margin-top:6cqi}.bc-text{flex:1;min-height:0;margin-top:3cqi;font-size:6.4cqi;line-height:1.45;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 96%);mask-image:linear-gradient(#000 55%,#0000 96%)}.bc-inked{max-width:100%}.bc-rest{white-space:pre-line;color:var(--text)}.bc-actions{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;padding-top:3cqi;display:flex}.bc-read{border-radius:var(--radius-md);background:var(--accent);height:2.25rem;color:var(--accent-fg);font:500 var(--text-sm) / 1 var(--ff-ui);transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:.375rem;padding-inline:.875rem;display:inline-flex}.bc-read:hover{background:var(--accent-hover)}.bc-about{font:400 var(--text-sm) / 1.2 var(--ff-ui);color:var(--text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px}.bc-about:hover{color:var(--text)}.bc-leaf{transform-origin:0;background:linear-gradient(90deg, color-mix(in oklab, var(--shade) 20%, transparent), transparent 12%), var(--grain), var(--paper);width:calc(50% - .625rem);animation:bc-turn .64s var(--ease-in-out) both;pointer-events:none;background-size:auto,200px,auto;position:absolute;top:.5rem;bottom:.6875rem;left:50%}.bc-hall-shelf{margin-top:1.5rem}.bc-covers{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.875rem;margin:.5rem -1rem 0;padding:.25rem 1rem .75rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.bc-covers>li{scroll-snap-align:start;flex:none;width:7.5rem}.bc-cover{aspect-ratio:2/3;text-align:center;background:linear-gradient(90deg, #0006, #ffffff1a .35rem, #0003 .5rem, transparent .9rem), radial-gradient(130% 80% at 60% 35%, #ffffff14, transparent), var(--grain), var(--leather);box-shadow:inset 0 0 0 .5rem var(--leather), inset 0 0 0 calc(.5rem + 1px) var(--gilt-dim), var(--sh-md);transition:translate var(--dur-base) var(--ease-out);background-size:auto,auto,180px,auto;border-radius:.125rem .3125rem .3125rem .125rem;flex-direction:column;justify-content:center;align-items:center;padding:1rem .875rem;display:flex}@supports (color:lab(0% 0 0)){.bc-cover{background:linear-gradient(90deg, lab(0% 0 0/.4), lab(100% 0 0/.1) .35rem, lab(0% 0 0/.2) .5rem, transparent .9rem), radial-gradient(130% 80% at 60% 35%, lab(100% 0 0/.08), transparent), var(--grain), var(--leather)}}.group:active .bc-cover{translate:0 1px}.bc-cover-title{overflow-wrap:anywhere;color:var(--gilt);text-shadow:0 -1px #0000008c;text-shadow:0 -1px lab(0% 0 0/.55);font-size:1.25rem;line-height:1.1}.bc-cover-title.font-display{font-weight:600}.bc-cover-by{color:color-mix(in oklab, var(--gilt) 82%, var(--leather));letter-spacing:.16em;text-transform:uppercase;margin-top:.75rem;font-size:.5625rem;font-weight:600}.bc [data-leather="4"] .bc-cover-title,.bc [data-leather="4"] .bc-cover-by{color:#392a1e;color:lab(18.7126% 5.66906 10.5547);text-shadow:none}@keyframes bc-in{0%{opacity:0}}@keyframes bc-turn{0%{transform:rotateY(0)}88%{opacity:1}to{opacity:0;transform:rotateY(-180deg)}}:root[data-calm] .bc-slot{perspective:none}:root[data-calm] .bc-book{transform:none!important}:root[data-calm] .bc-head,:root[data-calm] .bc-board,:root[data-calm] .bc-leaf{display:none}:root[data-calm] .bc-book:hover .bc-spine{outline:2px solid var(--gilt);outline-offset:2px}:root[data-calm] .bc-book[data-open]:after{content:"";background:var(--gilt);border-radius:1px;height:.25rem;position:absolute;top:-.875rem;left:20%;right:20%}
