.bc3{perspective:2000px;perspective-origin:30% 50%;--rx:0deg;--ry:0deg;--fx:50%;--fy:30%}.bc3,.bc3-book{position:absolute;inset:0}.bc3-book{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.22,1,.36,1)}.bc3-page{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.35rem;padding:12% 7% 12% 30%;align-items:flex-end;text-align:right;background:linear-gradient(90deg,rgba(60,45,25,.28),transparent 18%),linear-gradient(180deg,#f8f3e7,#ebe3cf);color:#2b2620}.bc3-page-kicker{font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#a17d2c}.bc3-page-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(.95rem,1.6vw,1.25rem);line-height:1.15}.bc3-page-sub{font-size:.7rem;color:#8b8273}.bc3-page-lines{display:block;height:38%;margin-top:.6rem;background:repeating-linear-gradient(180deg,rgba(43,38,32,.18) 0 1px,transparent 1px .6rem);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}.bc3-cover{position:absolute;inset:0;transform-origin:left center;transform:rotateY(0deg);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s ease;box-shadow:0 0 0 rgba(0,0,0,0);backface-visibility:hidden}.bc3-img{object-fit:cover}.bc3-spine{inset:0 auto 0 0;width:9%;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.14) 45%,rgba(0,0,0,.12) 70%,transparent)}.bc3-foil,.bc3-spine{position:absolute;pointer-events:none}.bc3-foil{inset:0;opacity:0;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--fx) var(--fy),rgba(255,255,255,.85),rgba(255,236,190,.25) 22%,transparent 48%),linear-gradient(115deg,transparent 30%,rgba(244,201,93,.35) 50%,transparent 70%);transition:opacity .4s ease}@media (hover:hover) and (pointer:fine){.bc3:hover .bc3-cover,.book-card:hover .bc3-cover{transform:rotateY(-26deg);box-shadow:18px 0 30px -12px rgba(0,0,0,.55)}.bc3:hover .bc3-foil,.book-card:hover .bc3-foil{opacity:1}}html.a11y-motion .bc3-book,html.a11y-motion .bc3-cover{transform:none!important;transition:none}html.a11y-motion .bc3-foil{display:none}.book-card-cover:has(.bc3){overflow:visible;background:transparent;box-shadow:none}.book-card-cover:has(.bc3):after{display:none}.bc3-page{border-radius:3px 12px 12px 3px;box-shadow:1px 0 0 #d9cfb6,2px 1px 0 #f1eadb,3px 1px 0 #d9cfb6,4px 2px 0 #efe7d4,5px 2px 0 #cfc4a8,0 30px 46px -26px rgba(2,4,10,.85)}.bc3-page:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 70% 60% at 35% 45%,rgba(255,214,130,.55),transparent 70%);opacity:0;transition:opacity .6s ease;pointer-events:none}.bc3-cover{border-radius:3px 12px 12px 3px;overflow:hidden;box-shadow:0 0 0 1px rgba(243,238,226,.08)}@media (hover:hover) and (pointer:fine){.book-card:hover .bc3-book{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(8px)}.book-card:hover .bc3-cover{transform:rotateY(-30deg) scale(.985);box-shadow:0 0 0 1px rgba(243,238,226,.1),26px 6px 34px -10px rgba(0,0,0,.6)}.book-card:hover .bc3-page:after{opacity:1}}@media (hover:none),(pointer:coarse){.bc3-page{box-shadow:0 24px 40px -24px rgba(2,4,10,.8)}}