@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&display=swap";.kewon-stage{--kewon-w:min(38vh, 300px);--kewon-h:calc(var(--kewon-w) * 1.49);place-items:center;padding:1.25rem 0 2rem;display:grid}.kewon-scene{perspective:1800px;perspective-origin:50% 48%}.kewon-wrap{width:var(--kewon-w);height:var(--kewon-h);transform-style:preserve-3d;transition:width .42s;position:relative}.kewon-wrap.is-open{width:calc(var(--kewon-w) * 2)}.kewon-book{transform-style:preserve-3d;position:absolute;inset:0}.kewon-leaf{width:var(--kewon-w);height:var(--kewon-h);transform-origin:0;transform-style:preserve-3d;will-change:transform;transition:transform .82s cubic-bezier(.16,.84,.32,1),left .42s;position:absolute;top:0;left:50%}.kewon-wrap:not(.is-open) .kewon-leaf{left:0}.kewon-leaf.is-dragging{transition:none}.kewon-face{backface-visibility:hidden;background-color:#c4ae86;position:absolute;inset:0;overflow:hidden}.kewon-art{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.kewon-art-cover{object-position:center}.kewon-front{border-radius:2px 8px 8px 2px}.kewon-back{border-radius:8px 2px 2px 8px;transform:rotateY(180deg)}.kewon-curl{pointer-events:none;background:linear-gradient(90deg,#00000061,#0000 18% 82%,#00000029);position:absolute;inset:0}.kewon-back .kewon-curl{background:linear-gradient(270deg,#00000061,#0000 18% 82%,#00000029)}.kewon-writing{color:#1c140e;touch-action:none;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;text-shadow:0 0 8px #e8d6b08c;font-family:Caveat,cursive;font-size:clamp(12px,2.05vh,17px);font-weight:600;line-height:1.2;position:absolute;inset:11% 10% 10% 16%;overflow:hidden}.kewon-writing::-webkit-scrollbar{width:0;height:0;display:none}.kewon-writing .kewon-pad{padding-bottom:1.2rem}.kewon-back .kewon-writing{inset:11% 16% 10% 10%}.kewon-writing h2{text-underline-offset:3px;margin:0 0 .35em;font-size:1.28em;font-weight:700;text-decoration:underline}.kewon-writing p{margin:0 0 .42em}.kewon-hit{z-index:60;cursor:grab;background:0 0;border:0;width:50%;height:100%;position:absolute;top:0}.kewon-hit.left{left:0}.kewon-hit.right{right:0}.kewon-wrap:not(.is-open) .kewon-hit.left{display:none}@media (width<=720px){.kewon-stage{--kewon-w:min(44vw, 210px)}}