.KannaBook3D_stage__6IXyS{--book-h:clamp(320px,36vw,480px);--book-w:calc(var(--book-h) * 2 / 3);--book-d:calc(var(--book-h) / 8);display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(var(--book-h) + 40px);perspective:1600px;perspective-origin:50% 45%}.KannaBook3D_book__iLyCQ{position:relative;width:var(--book-w);height:var(--book-h);transform-style:preserve-3d;transform:translateZ(0) rotateX(-5deg) rotateY(-20deg);animation:KannaBook3D_kannaBookFloat__insZu 9s ease-in-out infinite;transition:transform .7s cubic-bezier(.2,.8,.2,1);cursor:pointer;will-change:transform}.KannaBook3D_book__iLyCQ:hover{animation-play-state:paused;transform:translate3d(0,-10px,0) rotateX(-3deg) rotateY(-26deg) scale(1.025)}.KannaBook3D_face__ILTGK{position:absolute;top:50%;left:50%;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;backface-visibility:hidden;outline:1px solid transparent;border-radius:2px}.KannaBook3D_back__Zkayo,.KannaBook3D_front__QiRJn{width:var(--book-w);height:var(--book-h);margin-left:calc(var(--book-w) / -2);margin-top:calc(var(--book-h) / -2)}.KannaBook3D_front__QiRJn{background-image:url(/images/kanna-book/front.jpg);background-image:-webkit-image-set(url("/images/kanna-book/front.webp") 1x,url("/images/kanna-book/front@2x.webp") 2x);background-image:-webkit-image-set(url("/images/kanna-book/front.webp") type("image/webp") 1x,url("/images/kanna-book/front@2x.webp") type("image/webp") 2x);background-image:image-set(url("/images/kanna-book/front.webp") type("image/webp") 1x,url("/images/kanna-book/front@2x.webp") type("image/webp") 2x);transform:translateZ(calc(var(--book-d) / 2))}.KannaBook3D_front__QiRJn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.16) 38%,hsla(0,0%,100%,.32) 47%,hsla(0,0%,100%,.06) 56%,hsla(0,0%,100%,0) 78%,rgba(7,40,30,.16));mix-blend-mode:soft-light;pointer-events:none}.KannaBook3D_back__Zkayo{background-image:url(/images/kanna-book/back.jpg);background-image:-webkit-image-set(url("/images/kanna-book/back.webp") 1x,url("/images/kanna-book/back@2x.webp") 2x);background-image:-webkit-image-set(url("/images/kanna-book/back.webp") type("image/webp") 1x,url("/images/kanna-book/back@2x.webp") type("image/webp") 2x);background-image:image-set(url("/images/kanna-book/back.webp") type("image/webp") 1x,url("/images/kanna-book/back@2x.webp") type("image/webp") 2x);transform:translateZ(calc(var(--book-d) / -2)) rotateY(180deg)}.KannaBook3D_fore__Qft4o,.KannaBook3D_spine__Yz5Dm{width:var(--book-d);height:var(--book-h);margin-left:calc(var(--book-d) / -2);margin-top:calc(var(--book-h) / -2)}.KannaBook3D_spine__Yz5Dm{background-image:url(/images/kanna-book/spine.jpg);background-image:-webkit-image-set(url("/images/kanna-book/spine.webp") 1x,url("/images/kanna-book/spine@2x.webp") 2x);background-image:-webkit-image-set(url("/images/kanna-book/spine.webp") type("image/webp") 1x,url("/images/kanna-book/spine@2x.webp") type("image/webp") 2x);background-image:image-set(url("/images/kanna-book/spine.webp") type("image/webp") 1x,url("/images/kanna-book/spine@2x.webp") type("image/webp") 2x);transform:translateX(calc(var(--book-w) / -2)) rotateY(-90deg)}.KannaBook3D_spine__Yz5Dm:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,40,30,.28),rgba(7,40,30,0) 55%);pointer-events:none}.KannaBook3D_fore__Qft4o{background-image:url(/images/kanna-book/fore-edge.jpg);background-image:-webkit-image-set(url("/images/kanna-book/fore-edge.webp") 1x,url("/images/kanna-book/fore-edge@2x.webp") 2x);background-image:-webkit-image-set(url("/images/kanna-book/fore-edge.webp") type("image/webp") 1x,url("/images/kanna-book/fore-edge@2x.webp") type("image/webp") 2x);background-image:image-set(url("/images/kanna-book/fore-edge.webp") type("image/webp") 1x,url("/images/kanna-book/fore-edge@2x.webp") type("image/webp") 2x);transform:translateX(calc(var(--book-w) / 2)) rotateY(90deg)}.KannaBook3D_bottom__t5Obv,.KannaBook3D_top__X77P8{width:var(--book-w);height:var(--book-d);margin-left:calc(var(--book-w) / -2);margin-top:calc(var(--book-d) / -2)}.KannaBook3D_top__X77P8{background-image:url(/images/kanna-book/top.jpg);background-image:-webkit-image-set(url("/images/kanna-book/top.webp") 1x,url("/images/kanna-book/top@2x.webp") 2x);background-image:-webkit-image-set(url("/images/kanna-book/top.webp") type("image/webp") 1x,url("/images/kanna-book/top@2x.webp") type("image/webp") 2x);background-image:image-set(url("/images/kanna-book/top.webp") type("image/webp") 1x,url("/images/kanna-book/top@2x.webp") type("image/webp") 2x);transform:translateY(calc(var(--book-h) / -2)) rotateX(90deg)}.KannaBook3D_bottom__t5Obv{background-image:url(/images/kanna-book/bottom.jpg);background-image:-webkit-image-set(url("/images/kanna-book/bottom.webp") 1x,url("/images/kanna-book/bottom@2x.webp") 2x);background-image:-webkit-image-set(url("/images/kanna-book/bottom.webp") type("image/webp") 1x,url("/images/kanna-book/bottom@2x.webp") type("image/webp") 2x);background-image:image-set(url("/images/kanna-book/bottom.webp") type("image/webp") 1x,url("/images/kanna-book/bottom@2x.webp") type("image/webp") 2x);transform:translateY(calc(var(--book-h) / 2)) rotateX(-90deg)}.KannaBook3D_shadow__bqUu7{position:absolute;bottom:-2%;left:50%;width:calc(var(--book-w) * .95);height:22px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(7,64,47,.32) 0,rgba(7,64,47,0) 70%);filter:blur(10px);animation:KannaBook3D_kannaShadowPulse__Nfue1 9s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes KannaBook3D_kannaBookFloat__insZu{0%,to{transform:translateZ(0) rotateX(-5deg) rotateY(-20deg)}50%{transform:translate3d(0,-12px,0) rotateX(-3deg) rotateY(-14deg)}}@keyframes KannaBook3D_kannaShadowPulse__Nfue1{0%,to{transform:translateX(-50%) scale(1);opacity:.7}50%{transform:translateX(-50%) scale(.86);opacity:.5}}@media (prefers-reduced-motion:reduce){.KannaBook3D_book__iLyCQ,.KannaBook3D_shadow__bqUu7{animation:none}.KannaBook3D_book__iLyCQ:hover{transform:translateZ(0) rotateX(-5deg) rotateY(-20deg)}}