.book-opening__stage{aspect-ratio:1.42;perspective:1800px;filter:drop-shadow(0 34px 45px #173a7847);grid-template-columns:repeat(2,minmax(0,1fr));width:min(86vw,62rem);display:grid;position:relative}.book-opening__page{color:#172033;background-color:#fffdf8;background-image:linear-gradient(90deg,#173a780f,#0000 8%),repeating-linear-gradient(0deg,#0000 0 28px,#2f66d00a 29px);border:1px solid #2f66d01f;flex-direction:column;padding:clamp(1.5rem,4vw,4rem);display:flex}.book-opening__page--left{border-radius:1.3rem 0 0 1.3rem;box-shadow:inset -18px 0 25px -25px #173a787a}.book-opening__page--right{border-radius:0 1.3rem 1.3rem 0;box-shadow:inset 18px 0 25px -25px #173a787a}.book-opening__cover{z-index:2;transform-origin:100%;transform-style:preserve-3d;backface-visibility:hidden;border-radius:.45rem 1rem 1rem .45rem;position:absolute;inset:0 50% 0 0;overflow:hidden;box-shadow:18px 22px 45px #173a7857}.book-opening__cover>div{aspect-ratio:auto;height:100%}.book-opening__leaf{pointer-events:none;transform-origin:0;backface-visibility:hidden;background:linear-gradient(90deg,#e8dfce,#fffdf8 9% 85%,#f0e8d9);border:1px solid #a08a632e;border-radius:0 1rem 1rem 0;animation:.51s cubic-bezier(.42,0,.25,1) both book-leaf-turn;position:absolute;inset:1% 0 1% 50%;box-shadow:-2px 1px 8px #173a781a}.book-opening__leaf--back{animation-delay:25ms}.book-opening__leaf--front{animation-delay:75ms}.book-detail-cover{transition:transform .22s ease-out}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.book-detail-cover:not([data-reduced-motion]):hover{transform:translate(-2px,-3px)rotateY(-5deg)}}.book-detail-cover[data-reduced-motion]{transition:none}@keyframes book-leaf-turn{0%{opacity:1;transform:rotateY(0)}80%{opacity:1}to{opacity:0;transform:rotateY(-170deg)}}html[data-motion=reduced] .book-opening__leaf{display:none}@media (prefers-reduced-motion:reduce){.book-opening__leaf{display:none}}@media (width<=640px){.book-opening__stage{aspect-ratio:1.15;width:92vw}.book-opening__page{padding:1.25rem}}