.book-stage{display:flex;justify-content:center;align-items:center;padding:3rem 0 2rem;width:100%;perspective:1800px;perspective-origin:center 40%}.flipbook-bob{--page-w: clamp(140px, 42vw, 340px);--page-h: var(--page-w);position:relative;width:calc(var(--page-w) * 2);height:var(--page-h);transform-style:preserve-3d;transform:rotateX(6deg) rotateY(-12deg);transition:transform .6s cubic-bezier(.4,0,.2,1);animation:book-float-slow 12s ease-in-out infinite}.flipbook-bob:before{content:"";position:absolute;left:5%;right:5%;bottom:-30px;height:50px;background:radial-gradient(ellipse at center,#00000073,#00000040,#0000 70%);filter:blur(6px);pointer-events:none;z-index:-1}.book-thickness{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-style:preserve-3d}.thickness-side{position:absolute;top:0;bottom:0;transform-style:preserve-3d}.thickness-right{left:50%;right:0}.thickness-left{left:0;right:50%}.depth-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#f4efe5,#ece7dc,#e4dfd4);border-radius:2px;opacity:0;transform:translateZ(0);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1)}.thickness-right .depth-layer.visible:nth-child(1){opacity:1;transform:translate3d(2px,2px,-3px)}.thickness-right .depth-layer.visible:nth-child(2){opacity:1;transform:translate3d(4px,4px,-6px);background:linear-gradient(to bottom,#efeade,#e6e0d2,#ddd6c6)}.thickness-right .depth-layer.visible:nth-child(3){opacity:1;transform:translate3d(6px,6px,-9px);background:linear-gradient(to bottom,#e9e3d6,#ddd6c8,#d0c7b4)}.thickness-right .depth-layer.visible:nth-child(4){opacity:1;transform:translate3d(8px,8px,-12px);background:linear-gradient(to bottom,#e3dcce,#d2cab8,#c1b8a0)}.thickness-left .depth-layer.visible:nth-child(1){opacity:1;transform:translate3d(2px,2px,-3px)}.thickness-left .depth-layer.visible:nth-child(2){opacity:1;transform:translate3d(4px,4px,-6px);background:linear-gradient(to bottom,#efeade,#e6e0d2,#ddd6c6)}.thickness-left .depth-layer.visible:nth-child(3){opacity:1;transform:translate3d(6px,6px,-9px);background:linear-gradient(to bottom,#e9e3d6,#ddd6c8,#d0c7b4)}.thickness-left .depth-layer.visible:nth-child(4){opacity:1;transform:translate3d(8px,8px,-12px);background:linear-gradient(to bottom,#e3dcce,#d2cab8,#c1b8a0)}.book-spine{position:absolute;top:0;bottom:0;left:50%;width:14px;transform:translate(-50%) translateZ(-7px);background:linear-gradient(90deg,#140f0abf,#32261a8c,#140f0abf);box-shadow:inset 1px 0 #ffffff0d,inset -1px 0 #ffffff0d;border-radius:1px;opacity:0;transition:opacity .45s ease;pointer-events:none}.flipbook-bob[data-book-state=closed-front] .book-spine,.flipbook-bob[data-book-state=closed-back] .book-spine{opacity:1}.back-cover-overlay{display:none}.flipbook-bob[data-book-state=closed-front]{transform:translate(calc(var(--page-w) * -.5)) rotateX(6deg) rotateY(-12deg)}.flipbook-bob[data-book-state=closed-back]{transform:translate(calc(var(--page-w) * .5)) rotateX(6deg) rotateY(-12deg)}.flipbook{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes book-float-slow{0%,to{translate:0 0}50%{translate:0 -10px}}.pf-page.is-cover{background-color:#1a1510}.pf-page.is-blank{background:#faf7f2}.pf-page.is-image{background-color:var(--bg3, #141828)}.pf-full-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.pf-page.is-title-page{background:#faf7f2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;text-align:center}.pf-page.is-title-page>h3{font-family:Fraunces,serif;font-size:clamp(16px,2.8vw,28px);font-weight:700;color:#1a1510;margin:0;line-height:1.2}.pf-page.is-title-page>.pf-title-byline{font-family:Fraunces,serif;font-size:clamp(10px,1.5vw,14px);font-style:italic;color:#1a1510;opacity:.7;margin:.6em 0 0;line-height:1.2}.pf-page.is-text{background:#faf7f2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:7.14%}.pf-page.is-text>p{font-family:"Nunito",var(--sans, ui-sans-serif, system-ui, sans-serif);font-size:clamp(8px,4.5cqw,18px);font-weight:700;line-height:1.5;color:#1a1510;margin:0;white-space:pre-line}.face-page-num{position:absolute;bottom:6%;left:50%;transform:translate(-50%);font-size:clamp(9px,1.6vw,11px);font-weight:800;color:#00000040;text-transform:uppercase;letter-spacing:.1em}.face-cover-overlay{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 14px;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);display:flex;align-items:flex-end;justify-content:center;z-index:2}.face-cover-title{font-family:"Nunito",var(--sans, ui-sans-serif, system-ui, sans-serif);font-size:clamp(13px,1.8vw,17px);font-weight:800;color:#fff;text-align:center;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.4);word-break:break-word}.pf-page.is-back-cover{background:#fdfbf6}.pf-page{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;container-type:inline-size}.face-back-synopsis-block{position:absolute;top:18%;left:8%;right:8%;bottom:28%;display:flex;align-items:center;justify-content:center}.face-synopsis{font-family:"Nunito",var(--sans, ui-sans-serif, system-ui, sans-serif);font-size:clamp(7px,3.2cqw,13px);font-weight:700;line-height:1.5;color:#211c19;text-align:center;margin:0}.face-back-footer{position:absolute;left:0;right:0;bottom:4%;display:flex;flex-direction:column;align-items:center;gap:2px}.face-back-rule{width:18%;height:1px;background:#7c5cff66;margin-bottom:7px}.face-brand{font-family:"Nunito",var(--sans, ui-sans-serif, system-ui, sans-serif);font-size:clamp(11px,1.6vw,15px);font-weight:800;color:#7c5cffcc;margin:0;letter-spacing:.01em}.face-tagline{font-family:"Nunito",var(--sans, ui-sans-serif, system-ui, sans-serif);font-size:clamp(8px,1.05vw,11px);font-weight:500;color:#8c857a;margin:0;text-align:center}.flipbook-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:0 0 1rem}.flipper-label{font-size:13px;font-weight:700;color:var(--muted, rgba(255,255,255,.58));min-width:120px;text-align:center}.flipper-btn{min-width:48px;height:40px;padding:0 14px;background:var(--bg2, #0e1220);border:1px solid var(--stroke2, rgba(255,255,255,.15));border-radius:var(--r-md, 12px);color:var(--text, rgba(255,255,255,.93));font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--speed, .16s)}.flipper-btn:hover:not(:disabled){background:var(--bg3, #141828);border-color:var(--brand, #7c5cff);color:var(--brand, #7c5cff)}.flipper-btn:disabled{opacity:.3;cursor:not-allowed}