:root{--b3d-dark:gray;--b3d-subtle:#d0d5d5;--b3d-main:#f9ffff}.b3d-container{perspective:500px;perspective-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;min-height:460px;display:flex}.b3d-book{aspect-ratio:3/4;height:clamp(300px,55vh,520px);transform-style:preserve-3d;position:relative}@media (min-width:1280px){.b3d-book{height:clamp(380px,50vh,520px)}}@media (min-width:1600px){.b3d-book{height:clamp(420px,48vh,560px)}}@media (max-width:768px){.b3d-book{height:clamp(220px,42vh,320px)}}.b3d-book>div,.b3d-book>span{transform-origin:0;position:absolute;inset:0}.b3d-shadow{z-index:0;background:0 0;width:105%;bottom:0;left:0;right:0;transform:rotateY(-10deg);inset:unset!important;position:absolute!important}.b3d-back{background-color:var(--b3d-subtle);z-index:1;width:6%}.b3d-page{background:linear-gradient(to right,var(--b3d-subtle)0%,20%,var(--b3d-main)100%);border:1px solid var(--b3d-subtle)}.b3d-page-last{z-index:2;transform:translate(6%)rotateY(-10deg)}.b3d-page-5{z-index:3;transform:translate(5%)rotateY(-10deg)}.b3d-page-4{z-index:4;transform:translate(4%)rotateY(-10deg)}.b3d-page-3{z-index:5;transform:translate(3%)rotateY(-10deg)}.b3d-page-2{z-index:6;transform:translate(2%)rotateY(-10deg)}.b3d-page-1{z-index:7;transform:translate(1%)rotateY(-10deg)}.b3d-cover-end{border:.1px solid var(--b3d-dark);z-index:8;transform:translate(6%)rotateY(-10deg)}.b3d-cover{border:1px solid var(--b3d-dark);z-index:20;overflow:hidden;transform:scaleY(1.05)rotateY(-10deg)}.b3d-cover-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}