.book3d-stage{--rx:2deg;--ry:-9deg;width:min(28vw,430px);aspect-ratio:var(--book-ratio);perspective:1200px;position:relative}.book3d{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));z-index:2;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.book3d-front,.book3d-back,.book3d-pages,.book3d-spine{transform-style:preserve-3d;position:absolute}.book3d-front,.book3d-back{border-radius:3px 8px 8px 3px;inset:0;overflow:hidden}.book3d-front{transform:translateZ(calc(var(--book-thickness)/2));box-shadow:inset 2px 0 4px #fff4}.book3d-front img{object-fit:fill}.book3d-back{background:linear-gradient(145deg,var(--book-dominant),var(--book-secondary));transform:rotateY(180deg) translateZ(calc(var(--book-thickness)/2))}.book3d-spine{width:var(--book-thickness);transform-origin:0;height:100%;transform:rotateY(-90deg) translateX(calc(var(--book-thickness)/-2));background:linear-gradient(90deg,var(--book-secondary),var(--book-dominant),#0005);top:0;left:0}.book3d-pages{top:4px;right:calc(var(--book-thickness)/-2);width:var(--book-thickness);background:repeating-linear-gradient(90deg,var(--book-pages) 0 2px,#b7aa94 3px);bottom:4px;transform:rotateY(90deg)}.book3d-gloss .book3d-front:after{content:"";mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#fff5 48%,#0000 60%);position:absolute;inset:0}.book3d-cloth .book3d-front:after{content:"";mix-blend-mode:soft-light;background:repeating-linear-gradient(90deg,#fff0 0 2px,#fff1 3px);position:absolute;inset:0}.book3d-shadow{z-index:1;filter:blur(26px);background:#0008;border-radius:50%;height:15%;position:absolute;bottom:-10%;left:3%;right:-4%;transform:rotate(-4deg)}.book3d-stage:focus-visible .book3d{filter:drop-shadow(0 22px 35px #0009)}@media (max-width:900px){.book3d-stage{width:min(58vw,390px)}}@media (max-width:600px){.book3d-stage{width:62vw}.book3d{--rx:1deg;--ry:-4deg}}@media (prefers-reduced-motion:reduce){.book3d{transform:rotateY(-4deg)}}.book3d-stage-small{width:100%;aspect-ratio:var(--book-ratio);--rx:1deg;--ry:-7deg}.book3d-stage-small .book3d-shadow{filter:blur(16px);bottom:-7%}.book3d{filter:none!important}.book3d-front{border-radius:2px 5px 5px 2px}.book3d-front:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#00000059 0,#ffffff4d 1.4%,#0000002e 3%,#ffffff14 4.4%,#0000 7%),linear-gradient(115deg,#ffffff2e 0%,#0000 38% 62%,#00000026 100%);position:absolute;inset:0}.book3d-spine{border-radius:4px 0 0 4px;transform-origin:0!important;transform:translateZ(calc(var(--book-thickness)/2)) rotateY(90deg)!important;background:linear-gradient(90deg,#0006 0%,#ffffff2b 22%,#ffffff0d 45%,#0000001f 70%,#00000073 100%),var(--cover-url) left center/3000% 100% no-repeat,var(--book-dominant)!important}.book3d-back{filter:brightness(.8);background:var(--cover-url) left center/3000% 100% no-repeat,var(--book-dominant)!important}.book3d-pages{background:linear-gradient(90deg,#0003,#0000 20% 80%,#0002),repeating-linear-gradient(90deg,#f4efe4 0 1px,#d9cfbd 1.5px 2px);top:3px;bottom:3px}.book3d-stage{filter:drop-shadow(14px 20px 18px #2a1d0e40)drop-shadow(3px 5px 4px #2a1d0e33)}.book3d-stage-small{perspective:1100px;--rx:2deg!important;--ry:22deg!important}.book3d-stage-small .book3d{transform:rotateX(var(--rx)) rotateY(var(--ry))!important}.book-hero-3d .book3d-stage{width:100%}