.three-canvas{display:block;width:100%!important;height:100%!important}.hero-book{position:relative;z-index:1}.hero-book,.hero-book-flat{width:100%;display:grid;justify-items:center}.hero-book-flat{transition:opacity var(--dur-md) var(--ease-out-expo)}.hero-book-3d{position:absolute;inset:-10% -24% -6%;opacity:0;transition:opacity var(--dur-lg) var(--ease-out-expo);pointer-events:none}.hero-book.is-3d .hero-book-flat{opacity:0}.hero-book.is-3d .hero-book-3d{opacity:1}.hero-book-actions{position:absolute;z-index:3;left:0;top:0}.book3d{position:relative;width:100%;border-radius:var(--r-md,16px);background:var(--surface-2,rgba(18,20,23,.04));overflow:hidden}.book3d-stage{position:relative;aspect-ratio:4/3}.book3d-gl{position:absolute;inset:0;opacity:0;transition:opacity var(--dur-lg) var(--ease-out-expo)}.book3d.is-3d .book3d-gl{opacity:1}.book3d.is-3d .book3d-css{opacity:0}.book3d-css{position:absolute;inset:0;display:grid;place-items:center;perspective:900px;transition:opacity var(--dur-md) var(--ease-out-expo)}.book3d-box{position:relative;width:var(--w);height:var(--h);max-height:78%;aspect-ratio:auto;transform-style:preserve-3d;transform:rotateY(-24deg) rotateX(4deg)}.book3d-front,.book3d-spine{position:absolute;top:0;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.book3d-front{inset:0;display:grid;place-items:center;padding:12%;background:var(--bg);color:var(--ink);border-radius:2px 6px 6px 2px;box-shadow:0 18px 40px rgba(18,20,23,.22);transform:translateZ(calc(var(--d) / 2))}.book3d-title{font-family:var(--font-display,Georgia,serif);font-weight:700;font-size:1.15rem;line-height:1.15;text-align:center}.book3d-spine{left:0;width:var(--d);background:var(--bg);filter:brightness(.82);transform-origin:left center;transform:translateZ(calc(var(--d) / 2)) rotateY(-90deg)}.book3d-cap{margin:0;padding:8px 12px 10px;text-align:center;border-top:1px solid var(--rule-soft)}@media (prefers-reduced-motion:reduce){.book3d-css,.book3d-gl,.hero-book-3d,.hero-book-flat{transition:none}}.cover-3d-row{margin-top:16px;max-width:420px}.book3d-gl:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:var(--r-md)}