.book-experience{width:100%;min-width:0;color:var(--forest);margin:0}.book-stage{perspective:1400px;isolation:isolate;aspect-ratio:4/5;background:radial-gradient(ellipse at 50% 40%,#fffaf1,var(--stone));touch-action:pan-y pinch-zoom;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.book-static{object-fit:contain;width:64%;height:auto;max-height:86%;display:block;box-shadow:10px 18px 24px #192a2326}.book-stage[data-enhanced=true] .book-static{opacity:0}.book-solid{width:64%;height:0;transform-style:preserve-3d;transform:rotateY(var(--book-angle));pointer-events:none;padding-bottom:92.5%;position:absolute;top:13%}.book-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.book-face img{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.book-front{transform:translateZ(18px);box-shadow:0 18px 30px #192a2320}.book-back{transform:rotateY(180deg)translateZ(18px)}.book-spine{width:36px;left:-18px;transform:rotateY(-90deg)}.book-pages{background:repeating-linear-gradient(90deg,#f0eadf 0 2px,#d9d0c0 2px 3px);width:34px;left:calc(100% - 17px);transform:rotateY(90deg)}.book-top,.book-bottom{background:var(--stone);height:36px;top:-18px;transform:rotateX(90deg)}.book-bottom{top:calc(100% - 18px);transform:rotateX(-90deg)}.book-experience>figcaption{color:var(--muted);padding:14px 4px;font-size:10px;line-height:1.6}.book-controls{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.book-controls button{background:var(--ivory);color:var(--forest);border:1px solid var(--forest);cursor:pointer;min-height:44px;padding:10px 13px}.book-controls button:hover:not(:disabled){background:var(--forest);color:var(--ivory)}.book-gesture,.book-view-status,.book-flat-art{margin-top:15px;font-size:12px}.book-flat-art summary{cursor:pointer;min-height:44px;padding:12px 0}.book-flat-art>div{grid-template-columns:1fr .16fr 1fr;align-items:start;gap:10px;display:grid}.book-flat-art figure{min-width:0;margin:0}.book-flat-art img{width:100%;height:auto}.book-flat-art figcaption{text-transform:capitalize}.hero-book{align-self:center;min-width:0}.book-experience-interactive .book-stage{cursor:grab}.book-experience-interactive .book-stage:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.book-solid{transition:none!important;animation:none!important}}@media print{.book-solid,.book-controls,.book-gesture,.book-view-status,.book-flat-art{display:none}.book-stage[data-enhanced=true] .book-static{opacity:1}.book-stage{background:0 0}}