.bf,.bf *,.bf :before,.bf :after{box-sizing:border-box}.bf{--stage:#efe3d4;--stage-2:#e4d5c2;--ink:#2b2118;--ink-soft:#6b5b49;--ink-faint:#9c8a76;--indigo:#5257d8;--orange:#f97316;--paper:#fbf6ee;--shadow:58,44,26;--rule:#2b211824;--chip:#ffffff9e;background:radial-gradient(120% 80% at 50% 8%, var(--stage) 0%, var(--stage-2) 100%);color:var(--ink);font-family:var(--font-heading);-webkit-font-smoothing:antialiased}.bf .stage{perspective:5200px;perspective-origin:50% 47%;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(1.6rem,5vh,3.2rem);padding:clamp(1.4rem,4vw,3rem) clamp(.5rem,3vw,2rem) clamp(1.2rem,3vh,2rem);display:flex}.bf .tilt{width:min(94%,1180px);transform-style:preserve-3d;transform:translateX(calc(-25% * (1 - var(--ol,1)) + 25% * (1 - var(--or,1)))) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .5s cubic-bezier(.22,.7,.3,1)}.bf .stage.single .tilt{width:min(96%,640px)}.bf .book{aspect-ratio:3;width:100%;transform-style:preserve-3d;--hinge:50%;--shut:calc(2 - var(--ol,1) - var(--or,1));--olv:clamp(0, calc(var(--ol,1) * 8), 1);--orv:clamp(0, calc(var(--or,1) * 8), 1);position:relative}.bf .stage.single .book{aspect-ratio:3/2;--hinge:0%}.bf .cast{pointer-events:none;z-index:0;top:0;bottom:0;left:calc(50% * (1 - var(--ol,1)));right:calc(50% * (1 - var(--or,1)));background:rgb(var(--shadow));border-radius:9px;position:absolute}.bf .cast.contact{transform:translate(calc(2px + 1px * var(--shut)), calc(5px + 4px * var(--shut))) scaleX(.996);filter:blur(6px);opacity:.5}.bf .cast.mid{transform:translate(calc(5px + 3px * var(--shut)), calc(17px + 8px * var(--shut))) scale(.985,.99);filter:blur(21px);opacity:.3}.bf .cast.ambient{transform:translate(calc(9px + 5px * var(--shut)), calc(36px + 14px * var(--shut))) scale(.95,.96);filter:blur(48px);opacity:.24}.bf .spine-pool{left:calc(var(--hinge) - 13%);z-index:0;pointer-events:none;filter:blur(16px);width:26%;opacity:calc(var(--olv,1) * var(--orv,1));background:radial-gradient(56% 100% at 50% 14%, rgba(var(--shadow),.72), rgba(var(--shadow),0) 74%);position:absolute;top:60%;bottom:-13%}.bf .plinth{z-index:0;pointer-events:none;top:0;bottom:0;left:calc(50% * (1 - var(--ol,1)));right:calc(50% * (1 - var(--or,1)));box-shadow:0 2px 2px -1px rgba(var(--shadow),.55);border-radius:6px;position:absolute}.bf .edge{z-index:1;pointer-events:none;box-shadow:0 3px 6px rgba(var(--shadow),.34);background:repeating-linear-gradient(90deg,#f2eadd 0 1px,#c9bba6 1px 2px);position:absolute;top:2%;bottom:2%}.bf .edge.l{width:var(--edge-l,0px);opacity:var(--olv,1);border-radius:3px 0 0 3px;left:0;transform:translate(-100%)}.bf .edge.r{width:var(--edge-r,0px);opacity:var(--orv,1);border-radius:0 3px 3px 0;right:0;transform:translate(100%)}.bf .stage.single .edge{display:none}.bf .half{z-index:2;background:var(--paper);position:absolute;top:0;bottom:0;overflow:hidden}.bf .half.left{opacity:var(--olv,1);border-radius:5px calc(5px * (1 - var(--or,1))) calc(5px * (1 - var(--or,1))) 5px;left:0;right:50%}.bf .half.right{opacity:var(--orv,1);border-radius:calc(5px * (1 - var(--ol,1))) 5px 5px calc(5px * (1 - var(--ol,1)));left:50%;right:0}.bf .stage.single .half.left{display:none}.bf .stage.single .half.right{border-radius:5px;left:0}.bf .gutter{z-index:4;pointer-events:none;width:14%;position:absolute;top:0;bottom:0;-webkit-mask-image:linear-gradient(#000000c7 0,#000 1.5% 98.5%,#000000c7 100%);mask-image:linear-gradient(#000000c7 0,#000 1.5% 98.5%,#000000c7 100%)}.bf .gutter.l{opacity:calc(var(--olv,1) * var(--orv,1));background:linear-gradient(270deg, rgba(var(--shadow),.44), rgba(var(--shadow),.09) 38%, rgba(var(--shadow),0) 86%);right:50%}.bf .gutter.r{opacity:calc(var(--olv,1) * var(--orv,1));background:linear-gradient(90deg, rgba(var(--shadow),.44), rgba(var(--shadow),.09) 38%, rgba(var(--shadow),0) 86%);left:50%}.bf .stage.single .gutter{opacity:.35}.bf .stage.single .gutter.l{display:none}.bf .stage.single .gutter.r{left:0}.bf .spine{z-index:5;pointer-events:none;width:2.4%;position:absolute;top:0;bottom:0}.bf .spine.l{left:var(--hinge);opacity:calc(1 - var(--ol,1));background:linear-gradient(90deg,#140c0461,#140c041c 46%,#140c0400);border-radius:5px 0 0 5px}.bf .spine.r{right:calc(100% - var(--hinge));opacity:calc(1 - var(--or,1));background:linear-gradient(270deg,#140c0461,#140c041c 46%,#140c0400);border-radius:0 5px 5px 0}.bf .stage.single .spine{display:none}.bf .dropshadow{top:0;bottom:0;left:var(--hinge);z-index:3;pointer-events:none;width:var(--ds-w,0px);opacity:var(--ds-o,0);background:linear-gradient(90deg, rgba(var(--shadow),.62), rgba(var(--shadow),.22) 38%, rgba(var(--shadow),0));position:absolute}.bf .dropshadow.prev{left:auto;right:calc(100% - var(--hinge));background:linear-gradient(270deg, rgba(var(--shadow),.62), rgba(var(--shadow),.22) 38%, rgba(var(--shadow),0))}.bf .leaf{height:100%;width:var(--lw,0px);transform-style:preserve-3d;z-index:6;position:absolute;top:0}.bf .leaf.next{left:var(--hinge);transform-origin:0;transform:rotateY(calc(-1 * var(--a0,0deg)))}.bf .leaf.prev{right:calc(100% - var(--hinge));transform-origin:100%;transform:rotateY(var(--a0,0deg))}.bf .strip{height:100%;width:calc(var(--lw) / var(--n));transform-style:preserve-3d;position:absolute;top:0}.bf .leaf.next>.strip{left:0}.bf .leaf.next .strip .strip{transform:rotateY(calc(-1 * var(--td,0deg)));left:100%}.bf .leaf.prev>.strip{right:0}.bf .leaf.prev .strip .strip{transform:rotateY(var(--td,0deg));right:100%}.bf .leaf.next .strip{transform-origin:0}.bf .leaf.prev .strip{transform-origin:100%}.bf .face{backface-visibility:hidden;background:rgb(var(--shadow));position:absolute;top:0;bottom:0;overflow:hidden}.bf .leaf.next .face{left:0;right:-1.1px}.bf .leaf.prev .face{left:-1.1px;right:0}.bf .face.back{transform:rotateY(180deg)}.bf .face>.slice{height:100%;width:var(--lw);position:absolute;top:0}.bf .gut{pointer-events:none;width:28%;position:absolute;top:0;bottom:0;-webkit-mask-image:linear-gradient(#000000c7 0,#000 1.5% 98.5%,#000000c7 100%);mask-image:linear-gradient(#000000c7 0,#000 1.5% 98.5%,#000000c7 100%)}.bf .gut.l{background:linear-gradient(270deg, rgba(var(--shadow),.44), rgba(var(--shadow),.09) 38%, rgba(var(--shadow),0) 86%);right:0}.bf .gut.r{background:linear-gradient(90deg, rgba(var(--shadow),.44), rgba(var(--shadow),.09) 38%, rgba(var(--shadow),0) 86%);left:0}.bf .face>i{pointer-events:none;display:block;position:absolute;inset:0}.bf .face>i.sh{background:rgb(var(--shadow));opacity:var(--sh,0)}.bf .face>i.gl{opacity:var(--gl,0);background:#fffcf4}.bf .page{background:var(--paper);font-family:Nunito,var(--font-sans);color:#241c14;position:absolute;inset:0;overflow:hidden;container-type:size}.bf .page.paper{background-image:var(--bg);background-position:50%;background-size:cover}.bf .page.endpaper{box-shadow:inset 0 0 60px rgba(var(--shadow),.18);background:#e7dac8}.bf .page.img img,.bf .page.cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.bf .pad{text-align:center;flex-direction:column;align-items:center;padding:0 8.57cqw;display:flex;position:absolute;inset:0;overflow:hidden}.bf .page.text .pad{padding-top:9.22cqh}.bf .page.text h2{color:#6366f1;margin:0;font-size:3.728cqh;font-weight:700;line-height:1.4}.bf .page.text .body{width:calc(var(--m,70) * .7143cqw);font-size:var(--fs,2.571cqh);color:#1c1c1c;margin:0;line-height:2.267;position:absolute;top:51.6cqh;left:50%;transform:translate(-50%,-50%)}.bf .page.text .body p{margin:0 0 1.133em}.bf .page.text .body p:last-child{margin-bottom:0}.bf .page.text .hl{color:var(--c)}.bf .page.text .hl.b{font-weight:700}.bf .page.title .pad{padding-top:18.34cqh}.bf .page.title h1{color:#1e1e1e;margin:0;font-size:3.375cqh;font-weight:700;line-height:1.667}.bf .page.title .rule{background:#c8c8c8;width:14.29cqw;height:.15cqh;min-height:1px;margin-top:5.8cqh}.bf .page.title .ded{white-space:pre-line;max-width:82.9cqw;font-family:Times New Roman,Times,serif;font-size:var(--ded,3.214cqh);color:#373737;margin-top:3.87cqh;line-height:1.667}.bf .page.title .sig{font-family:Times New Roman,Times,serif;font-size:calc(var(--ded,3.214cqh) * .85);color:#505050;margin-top:3.95cqh;line-height:1.667}.bf .page.text.pdf h2{left:8.57cqw;right:8.57cqw;top:var(--tt);font-size:var(--tfs);color:#6366f1;text-align:center;margin:0;font-weight:700;line-height:1.4;position:absolute}.bf .page.text.pdf .band{left:0;right:0;top:var(--bt);height:var(--bh);justify-content:center;align-items:center;display:flex;position:absolute}.bf .page.text.pdf .blk{width:var(--bw);font-size:var(--fs);line-height:var(--lh);text-align:var(--al);color:var(--ink-body,#1c1c1c);-webkit-hyphens:manual;hyphens:manual}.bf .page.text.pdf .blk.cols{column-count:2;column-gap:var(--cg);column-fill:balance;text-align-last:left}.bf .page.text.pdf .blk p{margin:0 0 var(--pg)}.bf .page.text.pdf .blk p:last-child{margin-bottom:0}.bf .zone{z-index:7;cursor:pointer;background:0 0;width:16%;position:absolute;top:0;bottom:0}.bf .zone.p{left:0}.bf .zone.n{right:0}.bf .book{touch-action:pan-y;-webkit-user-select:none;user-select:none}.bf .page img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.bf .caption{text-align:center;flex-direction:column;align-items:center;gap:.55rem;display:flex}.bf .chapter{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);min-height:1em;font-size:.78rem}.bf .bar{align-items:center;gap:.9rem;display:flex}.bf .nav{border:1px solid var(--rule);background:var(--chip);width:2.4rem;height:2.4rem;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;font-size:1rem;line-height:1;transition:transform .18s,opacity .18s;display:grid}.bf .nav:hover{transform:translateY(-1px)}.bf .nav:disabled{opacity:.3;cursor:default;transform:none}.bf .nav:focus-visible,.bf .zone:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.bf .count{font-family:var(--font-heading);letter-spacing:.06em;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:center;min-width:5.5rem;font-size:.8rem}.bf .hint{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem}@media (prefers-reduced-motion:reduce){.bf .tilt{transition:none}}.bf.bf-night{color:#fdf5ed;--shadow:4,6,20;--rule:#ffffff2e;background:0 0}.bf.bf-night .stage{padding-left:0;padding-right:0}.bf.bf-night .tilt,.bf.bf-night .stage.single .tilt{width:100%}.bf.bf-night .chapter,.bf.bf-night .hint{display:none}.bf.bf-night .count{color:#c9cdea}.bf.bf-night .nav{color:#0e1433;background:#f97316;border:0;width:2.9rem;height:2.9rem;font-weight:800;box-shadow:0 8px 24px -8px #f97316b3,inset 0 -3px #0000001f}.bf.bf-night .nav:hover{background:#fb923c}.bf.bf-night .nav:focus-visible{outline-color:#fbbf24}
