.ec-book{aspect-ratio:3/4;perspective:1100px;position:relative}.ec-inside,.ec-cover{position:absolute;inset:0}.ec-inside{box-shadow:2px 1px 0 var(--color-sheet), 3px 1px 0 var(--color-line-soft), 5px 2px 0 var(--color-sheet), 6px 2px 0 var(--color-line), var(--shadow-book);container-type:inline-size}.ec-cover{transform-origin:0;backface-visibility:hidden;box-shadow:var(--shadow-sheet);transition:transform .65s var(--ease-paper), box-shadow .65s var(--ease-paper);overflow:hidden}.ec-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#23201c38,#23201c00 3%,#ffffff2e 4.5%,#fff0 8%);position:absolute;inset:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ec-book:hover .ec-cover,.ec-book:focus-visible .ec-cover{transform:rotateY(-62deg);box-shadow:24px 12px 32px -14px #23201c73}}