.book-scene{--book-width:var(--book-sm);--book-depth:22px;width:min(var(--book-width),100%);perspective:900px;display:inline-block}.book-rotate{width:100%;aspect-ratio:var(--book-ratio);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.75,.3,1);position:relative;transform:rotateY(-18deg)}.book-front{background:var(--book-color);backface-visibility:hidden;border-radius:5px 3px 3px 5px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 1px #00000005,0 4px 8px -4px #0003,0 22px 32px -12px #0003}.book-front:after{content:"";pointer-events:none;border-radius:inherit;border:1px solid #00000014;position:absolute;inset:0;box-shadow:inset 0 1px 2px #ffffff4d}.book-cover{object-fit:contain;width:100%;height:100%;display:block}.book-binding{mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(90deg,#fff0 0% 12%,#ffffff40 29.25%,#fff0 50.5% 75.25%,#ffffff40 91%,#fff0),linear-gradient(90deg,#00000008,#0000001a 12%,#0000 30%,#00000005 50%,#0003 73.5%,#0008 75.25%,#00000026 85.25%,#0000);width:8.2%;position:absolute;inset:0 auto 0 0}.book-pages{width:var(--book-depth);transform-origin:100%;background:linear-gradient(90deg,#ddd,var(--brand-pearl) 30%,#ddd 100%);position:absolute;top:3px;bottom:3px;right:0;transform:rotateY(90deg);box-shadow:inset 0 0 0 1px #0001}.book-pages:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 2px,#00000012 2px 3px);position:absolute;inset:0}.book-back{background:var(--book-color);transform:translateZ(calc(-1 * var(--book-depth)));border-radius:5px 3px 3px 5px;position:absolute;inset:0;box-shadow:0 14px 22px #0002}.book-title{font-size:1.25rem;line-height:1.25;font-family:var(--font-heading);color:var(--book-text);flex-direction:column;flex:1;justify-content:space-between;gap:1rem;padding:8% 7% 10% 14.3%;font-weight:500;display:flex}.book-stripe .book-title{background:linear-gradient(135deg,#fff,#f3f3f3)}.book-illustration{flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.book-textured .book-front:after{background:repeating-linear-gradient(2deg,#ffffff07 0 1px,#0000 1px 3px)}@media (hover:hover){a:hover .book-rotate{transform:translateY(-6px)rotateY(-28deg)}}a:focus-visible .book-rotate{transform:translateY(-6px)rotateY(-28deg)}@media (width>=768px){.book-scene{--book-width:var(--book-md)}}@media (width>=1024px){.book-scene{--book-width:var(--book-lg)}}@media (width>=1280px){.book-scene{--book-width:var(--book-xl)}}@media (prefers-reduced-motion:reduce){.book-rotate{transition:none}a:hover .book-rotate,a:focus-visible .book-rotate{transform:rotateY(-18deg)}}