.bk{--bk-t:clamp(5px,2.6%,9px);--bk-r:3px 5px 5px 3px;--bk-ry:-24deg;--bk-rx:5deg;perspective:1000px;isolation:isolate;width:100%;display:block;position:relative}.bk-ti{--bk-r:1px 2px 2px 1px}.bk-3d{aspect-ratio:300/424;transform-style:preserve-3d;transform:rotateY(var(--bk-ry)) rotateX(var(--bk-rx));transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.bk-front{border-radius:var(--bk-r);background:#2a2346;display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(1px);box-shadow:0 0 0 1px #00000014,inset 0 1px #fff3}.bk-front img{object-fit:cover;width:100%;height:100%;display:block}.bk-spine{pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#00000061 0,#00000024 2.2%,#ffffff47 3.2%,#ffffff0f 5%,#0000001a 6.2%,#0000 10% 92%,#00000014 100%),linear-gradient(#ffffff1f,#0000 22% 80%,#00000024);position:absolute;inset:0}.bk-pages{inset:var(--bk-t) calc(var(--bk-t) * -1) calc(var(--bk-t) * -.6) var(--bk-t);background:repeating-linear-gradient(90deg,#f7f1e6 0 1px,#e8dfcf 1px 2px),#f3ecdf;border-radius:0 4px 4px 0;position:absolute;transform:translateZ(-1px);box-shadow:inset 0 -1px #0000001a,0 0 0 1px #0000001f}.bk-ti .bk-pages{background:repeating-linear-gradient(90deg,#dfe7ea 0 1px,#c5d1d6 1px 2px),#d6e0e4;border-radius:0}.bk-glare{pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff52 48%,#ffffff0f 56%,#0000 64%);transition:transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-20% -60%;transform:translate(-60%)}.bk-shadow{z-index:-1;filter:blur(6px);background:radial-gradient(closest-side,#0604128c,#0000);border-radius:50%;height:14%;transition:transform .6s,opacity .6s;position:absolute;bottom:-7%;left:6%;right:-4%;transform:skew(-10deg)}.bk-bebooda .bk-shadow{background:radial-gradient(closest-side,#06041299,transparent),radial-gradient(closest-side,color-mix(in srgb,var(--gold,#c9a46c) 30%,transparent),transparent)}.bk-prog{height:4px;transform:rotateY(var(--bk-ry));z-index:2;background:#ffffff59;border-radius:2px;position:absolute;bottom:6%;left:10%;right:12%;overflow:hidden}.bk-prog i{background:var(--gold,#c9a46c);height:100%;display:block}.bk-ti .bk-prog{border-radius:0}.bk-ti .bk-prog i{background:var(--cy,#3be3ff)}:is(a,li,section,article,.bk-hover):hover>.bk .bk-3d,:is(a,li,section,article,.bk-hover):hover .bk .bk-3d,.bk:hover .bk-3d{transform:rotateY(-6deg)rotateX(2deg)translateY(-6px)}:is(a,li,section,article):hover .bk .bk-glare,.bk:hover .bk-glare{transform:translate(60%)}:is(a,li,section,article):hover .bk .bk-shadow,.bk:hover .bk-shadow{opacity:.8;transform:skew(-4deg)scale(.94)}.bk-sm{--bk-ry:-18deg}.bk-lg{--bk-ry:-26deg}@media (prefers-reduced-motion:reduce){.bk-3d,.bk-glare,.bk-shadow{transition:none}}