.book-cover{width:86%;rotate:var(--book-tilt,0deg);margin:0 auto 18px 4%;transition:rotate .35s cubic-bezier(.22,1,.36,1);display:block;position:relative}.book-cover:after{content:"";z-index:-1;filter:blur(8px);background:radial-gradient(closest-side,#2a00598c,#2a00592e 60%,#0000);border-radius:50%;height:18%;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-9%;left:10%;right:-18%;transform:skew(-30deg)}@media (hover:hover){:where(a:hover) .book-cover{rotate:none}:where(a:hover) .book-cover:after{opacity:.7;transform:skew(-30deg)scale(.92)}}.book-cover__frame{transform-origin:0;transition:transform .35s cubic-bezier(.22,1,.36,1);display:block;position:relative;transform:perspective(1100px)rotateY(16deg)}.book-cover__frame:before{content:"";z-index:-1;background:repeating-linear-gradient(#fbf9fe 0 2px,#d9cfe8 2px 3px);border-radius:0 4px 4px 0;width:8%;position:absolute;top:1.8%;bottom:1.8%;right:-4%;box-shadow:inset 8px 0 8px -6px #00000059,2px 2px 4px #2a005940}.book-cover__frame:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000047 0%,#ffffff38 35%,#00000024 55%,#0000 100%);border-radius:3px 0 0 3px;width:9%;position:absolute;inset:0 auto 0 0}@media (hover:hover){:where(a:hover) .book-cover__frame{transform:perspective(1100px)rotateY(6deg)translateY(-6px)}}.book-cover__image{border-radius:3px 8px 8px 3px;width:100%;display:block;box-shadow:2px 3px 4px #0000001f,14px 22px 34px -14px #2a005973}