:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--page:#f4e7d7;--text:#57311a;--text-muted:#5f5f40;font-family:var(--font-sans);color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased}body{background:var(--page);min-height:100vh;margin:0}.demo-cart{color:var(--text-muted);margin:0;font-size:.875rem;position:absolute;top:16px;right:24px}.bks-bookshelf,.bks-stage{--bks-fired-clay:#c1572f;--bks-fired-clay-deep:#974425;--bks-dune:#d18730;--bks-dune-light:#dba25f;--bks-portobello:#57311a;--bks-portobello-deep:#3a1f10;--bks-lagoon:#1e3147;--bks-wild-thyme:#5f5f40;--bks-cream:#f4e7d7;--bks-font-serif:"Uncial Antiqua", system-ui;--bks-font-hand:"Caveat", "Bradley Hand", "Segoe Print", cursive;--bks-text:var(--bks-portobello);--bks-text-muted:var(--bks-wild-thyme);--bks-wood:var(--bks-portobello);--bks-wood-light:#6e4126;--bks-cover-ratio:.68}.bks-bookshelf{padding:64px 0}.bks-bookshelf__intro{justify-content:space-between;align-items:flex-start;gap:16px;max-width:1200px;margin:0 auto;padding:0 16px;display:flex}.bks-bookshelf__heading{font-family:var(--bks-font-serif);color:var(--bks-text);margin:0;font-size:clamp(2rem,5vw,2.75rem);font-weight:400}.bks-bookshelf__hint{color:var(--bks-text-muted);margin:2px 0 32px}.bks-settings{flex:none;position:relative}.bks-settings__button{width:40px;height:40px;color:var(--bks-text);cursor:pointer;background:0 0;border:1px solid #57311a40;border-radius:50%;place-items:center;padding:0;transition:background .2s;display:grid}.bks-settings__button:hover,.bks-settings__button[aria-expanded=true]{background:#57311a14}.bks-settings__button:focus-visible{outline:2px solid var(--bks-dune);outline-offset:2px}.bks-settings__panel{z-index:2;background:#fbf5ec;border:1px solid #57311a2e;border-radius:8px;gap:4px;min-width:200px;padding:8px 14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px -8px #28180c26}.bks-settings__panel[hidden]{display:none}.bks-settings__switch{min-height:36px;font:inherit;color:var(--bks-text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0;font-size:.9375rem;display:flex}.bks-settings__track{background:var(--bks-wild-thyme);border-radius:999px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.bks-settings__thumb{background:var(--bks-cream);border-radius:50%;width:16px;height:16px;transition:translate .2s;position:absolute;top:3px;left:3px}.bks-settings__switch[aria-checked=true] .bks-settings__track{background:var(--bks-fired-clay-deep)}.bks-settings__switch[aria-checked=true] .bks-settings__thumb{translate:18px}.bks-settings__switch:focus-visible{outline:2px solid var(--bks-dune);outline-offset:4px;border-radius:4px}.bks-bookcase{--bks-shelf-scale:2;--bks-headroom:50px;--bks-turn:.7s linear(0, .025, .09, .179, .283, .391, .498, .598, .69, .77, .839, .895, .941, .977, 1.003, 1.022, 1.035, 1.042, 1.046, 1.046, 1.044, 1.04, 1.036, 1.031, 1.026, 1.021, 1.016, 1.013, 1.009, 1.006, 1.004, 1.002, 1, .999, .999, .998, 1);padding:calc(8px * var(--bks-shelf-scale)) 0 calc(2px * var(--bks-shelf-scale));background:linear-gradient(180deg, var(--bks-wood-light), var(--bks-wood));box-shadow:0 24px 48px -16px #28180c06,inset 0 1px #ffffff26}.bks-bookcase__shelf{--bks-lip:calc(7px * var(--bks-shelf-scale));margin-bottom:calc(6px * var(--bks-shelf-scale));border-bottom:var(--bks-lip) solid var(--bks-wood);background:linear-gradient(#00000006,#0000 22%),repeating-linear-gradient(90deg,#2e190d 0 3px,#331c0f 3px 7px);position:relative;box-shadow:0 6px 8px -4px #00000006}.bks-bookcase__shelf:after{content:"";left:0;right:0;bottom:calc(var(--bks-lip) * -1);height:calc(1.5px * var(--bks-shelf-scale));background:var(--bks-wood-light);position:absolute}.bks-bookcase__row{height:calc(245px * var(--bks-shelf-scale) + var(--bks-headroom));padding:0 calc(4px * var(--bks-shelf-scale));scrollbar-width:thin;align-items:flex-end;gap:2px;margin:0;list-style:none;display:flex;overflow-x:auto}.bks-bookcase__slot{--bks-h:calc(var(--bks-spine-height) * var(--bks-shelf-scale) * 1px);--bks-spine-w:calc(var(--bks-spine-thickness) * var(--bks-shelf-scale) * 1px);rotate:var(--bks-tilt,0deg);transition:rotate var(--bks-turn);flex:none;display:flex;position:relative}.bks-bookcase__slot[data-lean=left]{transform-origin:0 100%;margin-left:calc(var(--bks-h) * sin(var(--bks-tilt) * -1))}.bks-bookcase__slot[data-lean=right]{transform-origin:100% 100%;margin-right:calc(var(--bks-h) * sin(var(--bks-tilt)))}.bks-bookcase__slot:hover{rotate:0deg}.bks-bookcase__slot:has(.bks-spine:focus-visible){rotate:0deg}.bks-bookcase__slot:hover,.bks-bookcase__slot:focus-within{z-index:1}.bks-bookcase__bookend{width:calc(8px * var(--bks-shelf-scale));height:calc(120px * var(--bks-shelf-scale));background:linear-gradient(90deg, #4a5d73, var(--bks-lagoon) 60%, #142233);border-radius:2px 2px 0 0;flex:none;box-shadow:2px 0 4px #00000005}.bks-bookcase__row:before{content:"";flex:none;margin-left:auto}.bks-bookcase__bookend--end{margin-left:4px;margin-right:auto}.bks-bookcase__label{bottom:calc(var(--bks-lip) * -1 + 2px);z-index:1;font-family:var(--bks-font-serif);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--bks-portobello-deep);background:linear-gradient(180deg, var(--bks-dune-light), var(--bks-dune));border-radius:2px;padding:1px 10px;font-size:.7rem;font-weight:400;position:absolute;left:50%;translate:-50%;box-shadow:0 1px 2px #00000005}.bks-bookcase[data-shelves=hidden]{box-shadow:none;background:0 0}.bks-bookcase[data-shelves=hidden] .bks-bookcase__shelf{margin-bottom:calc(16px * var(--bks-shelf-scale));box-shadow:none;background:0 0;border-bottom-color:#0000}.bks-bookcase[data-shelves=hidden] .bks-bookcase__shelf:after,.bks-bookcase[data-shelves=hidden] .bks-bookcase__label{display:none}.bks-spine{isolation:isolate;width:var(--bks-spine-w);height:var(--bks-h);cursor:pointer;perspective:1400px;background:0 0;border:0;padding:0;transition:translate .2s;display:block;position:relative}.bks-spine:hover{translate:0 -6px}@property --bks-tip{syntax:"";inherits:false;initial-value:0deg}.bks-spine .bks-book3d{transform:rotateX(var(--bks-tip)) translateX(-50%) translateZ(calc(var(--bks-w) / -2)) rotateY(90deg);transform-origin:50% 100%;transition:--bks-tip var(--bks-turn);position:absolute;top:0;left:50%}.bks-spine:hover .bks-book3d,.bks-spine:focus-visible .bks-book3d{--bks-tip:-14deg}.bks-spine:focus-visible{outline:2px solid var(--bks-dune-light);outline-offset:2px}.bks-spine[data-out]{visibility:hidden}@media (prefers-reduced-motion:reduce){.bks-bookcase__slot,.bks-spine,.bks-spine .bks-book3d{transition:none}}.bks-spine__price{left:50%;bottom:calc(var(--bks-h) * .05);z-index:1;font-family:var(--bks-font-hand);white-space:nowrap;color:var(--bks-fired-clay-deep);opacity:0;pointer-events:none;background:#fbf6e8;padding:4.5px 10.5px 9px;font-size:25.5px;font-weight:700;line-height:1;transition:translate .25s cubic-bezier(.22,1,.36,1),opacity .15s;position:absolute;translate:-50% 10px;rotate:-4deg;box-shadow:0 1px 3px #00000004}.bks-spine:hover .bks-spine__price,.bks-spine:focus-visible .bks-spine__price{opacity:1;translate:-50%}.bks-spine-face{width:100%;height:var(--bks-h);padding:calc(var(--bks-h) * .075) 0 calc(var(--bks-h) * .06);box-sizing:border-box;color:var(--bks-ink);background:linear-gradient(90deg, #00000004, #00000001 18%, #ffffff24 45%, #00000001 75%, #00000005), var(--bks-book);border-radius:2px 2px 1px 1px;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.bks-spine-face__title{writing-mode:vertical-rl;text-align:center;max-width:100%;min-height:0;font-family:var(--bks-font-serif);font-size:calc(var(--bks-h) * .052);letter-spacing:.02em;flex:1;font-weight:400;line-height:1.05;overflow:hidden}.bks-spine-face__author{margin-top:calc(var(--bks-h) * .03);font-family:var(--bks-font-serif);font-size:calc(var(--bks-h) * .04);letter-spacing:.06em;text-transform:uppercase;opacity:.85;writing-mode:vertical-rl}.bks-book3d{--bks-w:calc(var(--bks-h) * var(--bks-cover-ratio));--bks-t:calc(var(--bks-h) * var(--bks-spine-ratio));width:var(--bks-w);height:var(--bks-h);transform-style:preserve-3d;display:block;position:relative}.bks-book3d__face{backface-visibility:hidden;position:absolute}.bks-book3d__front,.bks-book3d__back{background:linear-gradient(90deg, #00000004, #0000 4%, #ffffff1f 6%, #0000 9%), linear-gradient(160deg, #ffffff1f, #00000002), var(--bks-book);border-radius:2px 4px 4px 2px;inset:0}.bks-book3d__front{padding:calc(var(--bks-h) * .14) calc(var(--bks-w) * .14) calc(var(--bks-h) * .08) calc(var(--bks-w) * .17);box-sizing:border-box;color:var(--bks-ink);text-align:center;transform:translateZ(calc(var(--bks-t) / 2));flex-direction:column;align-items:center;display:flex}.bks-book3d__back{transform:rotateY(180deg) translateZ(calc(var(--bks-t) / 2))}.bks-cover__title{font-family:var(--bks-font-serif);font-size:calc(var(--bks-h) * .064);text-wrap:balance;font-weight:400;line-height:1.15}.bks-cover__author{font-family:var(--bks-font-serif);font-size:calc(var(--bks-h) * .036);letter-spacing:.12em;text-transform:uppercase;margin-top:auto}.bks-book3d__spine{top:0;left:calc((var(--bks-w) - var(--bks-t)) / 2);width:var(--bks-t);transform:rotateY(-90deg) translateZ(calc(var(--bks-w) / 2))}.bks-book3d__pages{background:repeating-linear-gradient(0deg,#7864462e 0 1px,#0000 1px 3px),#efe6d0}.bks-book3d__pages--side{top:4px;left:calc((var(--bks-w) - var(--bks-t)) / 2 + 3px);width:calc(var(--bks-t) - 6px);height:calc(var(--bks-h) - 8px);transform:rotateY(90deg) translateZ(calc(var(--bks-w) / 2 - 4px));background:repeating-linear-gradient(90deg,#78644633 0 1px,#0000 1px 3px),linear-gradient(90deg,#d9ceb4,#f3ecda 50%,#d9ceb4)}.bks-book3d__pages--top,.bks-book3d__pages--bottom{left:2px;top:calc((var(--bks-h) - var(--bks-t)) / 2 + 3px);width:calc(var(--bks-w) - 6px);height:calc(var(--bks-t) - 6px)}.bks-book3d__pages--top{transform:rotateX(90deg) translateZ(calc(var(--bks-h) / 2 - 4px))}.bks-book3d__pages--bottom{transform:rotateX(-90deg) translateZ(calc(var(--bks-h) / 2 - 4px))}.bks-price-tag{--bks-tag-w:calc(var(--bks-h) * .26);left:calc(var(--bks-w) - var(--bks-tag-w) - 6px);bottom:calc(var(--bks-h) * .07);width:var(--bks-tag-w);height:calc(var(--bks-h) * .1);padding-right:calc(var(--bks-h) * .022);box-sizing:border-box;transform-origin:0;clip-path:polygon(0 0,97% 0,100% 18%,96% 36%,100% 55%,97% 74%,100% 100%,0 100%);background:#fbf6e8;justify-content:flex-end;align-items:center;display:flex;position:absolute;box-shadow:1px 2px 4px #00000003}.bks-price-tag__amount{font-family:var(--bks-font-hand);font-size:calc(var(--bks-h) * .06);color:var(--bks-fired-clay-deep);white-space:nowrap;font-weight:700;line-height:1}.bks-stage{--bks-h:min(440px, 64vh);z-index:1000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden auto}.bks-stage__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 35%,#422514eb,#160c06f7);position:fixed;inset:0}.bks-stage__close{z-index:2;width:44px;height:44px;color:var(--bks-cream);cursor:pointer;background:#ffffff0f;border:1px solid #f4e7d759;border-radius:50%;place-items:center;padding:0;transition:background .2s;display:grid;position:fixed;top:20px;right:20px}.bks-stage__close:hover{background:#ffffff29}.bks-stage__close:focus-visible{outline:2px solid var(--bks-dune-light);outline-offset:3px}.bks-stage__content{pointer-events:none;grid-template-columns:auto minmax(240px,380px);align-items:center;gap:clamp(40px,6vw,80px);padding:72px 32px;display:grid;position:relative}.bks-stage__content>*{pointer-events:auto}.bks-stage__book-slot{padding-right:calc(var(--bks-slot-pad,96px))}.bks-stage__anchor{perspective-origin:50%;width:max-content}.bks-stage__book{transform-style:preserve-3d;will-change:transform}.bks-stage__details{--bks-gap-tight:8px;--bks-gap-related:14px;--bks-gap-group:28px;color:var(--bks-cream)}.bks-stage__shelf{margin:0 0 var(--bks-gap-group);letter-spacing:.14em;text-transform:uppercase;color:var(--bks-dune);font-size:.75rem;font-weight:600}.bks-stage__title{margin:0 0 var(--bks-gap-tight);font-family:var(--bks-font-serif);text-wrap:balance;font-size:clamp(1.6rem,3.3vw,2.4rem);font-weight:400;line-height:1.15}.bks-stage__author{margin:0 0 var(--bks-gap-group);font-family:var(--bks-font-serif);color:#f4e7d7cc;font-size:1.1rem}.bks-stage__description{margin:0 0 var(--bks-gap-group);color:#f4e7d7e0;line-height:1.65}.bks-stage__format{width:fit-content;margin:0 0 var(--bks-gap-related);letter-spacing:.08em;text-transform:uppercase;color:var(--bks-dune);border:1px solid #d18730b3;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.bks-stage__add{min-width:220px;font:inherit;color:var(--bks-portobello-deep);background:var(--bks-dune);cursor:pointer;border:0;border-radius:6px;padding:13px 24px;font-weight:600;transition:background .2s;display:block}.bks-stage__add:hover{background:var(--bks-dune-light)}.bks-stage__add:focus-visible{outline:2px solid var(--bks-dune-light);outline-offset:3px}.bks-stage__add[data-state=adding]{cursor:progress;opacity:.75}.bks-stage__add[data-state=added]{color:var(--bks-cream);background:var(--bks-wild-thyme)}.bks-stage__add[data-state=error]{color:var(--bks-cream);background:var(--bks-fired-clay-deep)}.bks-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=759px){.bks-bookcase{--bks-shelf-scale:1;--bks-headroom:36px}.bks-spine:hover{translate:0 -3px}.bks-spine__price{font-size:19.5px}.bks-bookcase__label{font-size:.625rem}.bks-stage{--bks-h:min(300px, 46vh, calc((100vw - 156px) / var(--bks-cover-ratio)));align-items:start}.bks-stage__content{grid-template-columns:minmax(0,1fr);justify-items:center;gap:32px;padding:80px 24px 48px}.bks-stage__book-slot{--bks-slot-pad:72px;padding-left:24px}.bks-stage__details{max-width:480px}}