.campaign-books{position:relative;isolation:isolate;height:clamp(480px,76vh,820px);overflow:hidden;perspective:1500px;color:#f0e9d6;background:#142b24}
.campaign-books .cb-home,.campaign-books .cb-home-blur,.campaign-books .cb-home-shade,.campaign-books .cb-book-shade{position:absolute;inset:0;pointer-events:none}
.campaign-books .cb-home img,.campaign-books .cb-home-blur img{width:100%;height:100%;object-fit:cover;display:block}
.campaign-books .cb-home-blur{filter:blur(9px);transform:scale(1.04);opacity:0}
.campaign-books .cb-home-shade,.campaign-books .cb-book-shade{background:#07140f;opacity:0}
.campaign-books .cb-cart,.campaign-books .cb-cart-blur{position:absolute;left:50%;top:50%;width:270px;height:460px;padding:0;border:0;background:none;transform-origin:50% 50%}
.campaign-books .cb-cart{cursor:pointer}.campaign-books .cb-cart img,.campaign-books .cb-cart-blur img{width:100%;height:100%;object-fit:contain;display:block}
.campaign-books .cb-cart-blur{pointer-events:none;filter:blur(8px);opacity:0}
.campaign-books .cb-cart:focus-visible,.campaign-books .cb-book:focus-visible{outline:3px solid #efb596;outline-offset:6px;border-radius:10px}
.campaign-books .cb-intro{position:absolute;top:22px;left:5%;right:5%;text-align:center;pointer-events:none}
.campaign-books .cb-intro h1{font-size:clamp(22px,3vw,36px);font-weight:600;letter-spacing:.06em;margin:0 0 9px}.campaign-books .cb-intro p{font-size:14px;color:#e3dfcf;margin:0}
.campaign-books .cb-book{position:absolute;left:50%;top:53%;width:clamp(140px,28%,300px);aspect-ratio:1145/1374;margin:0;padding:0;border:0;background:none;color:#f7ecd4;cursor:pointer;visibility:hidden;transform-style:preserve-3d}
.campaign-books .cb-cover{position:absolute;inset:0;transform-origin:19% 50%;transform-style:preserve-3d}
.campaign-books .cb-front{position:absolute;inset:0;backface-visibility:hidden;transform:translateZ(2px)}
.campaign-books .cb-front img{width:100%;height:100%;display:block}
.campaign-books .cb-inside{position:absolute;inset:10% 16% 10% 19%;border-radius:5px;background:#bcaa80;box-shadow:inset 6px 0 12px #5d4a2a55;transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden} /* taste-skill-ignore: book-spine occlusion within the object illustration */
.campaign-books .cb-title{position:absolute;left:25%;right:17%;top:38%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;font:600 clamp(16px,2.4vw,27px)/1.5 system-ui;letter-spacing:.08em}
.campaign-books .cb-title small{font-size:11px;font-weight:400;letter-spacing:.16em}
.campaign-books .cb-pages,.campaign-books .cb-leaf{position:absolute;inset:11% 13% 10% 19%;border-radius:4px;background:#f0e5ca;opacity:0;box-shadow:3px 3px 0 #baa981,6px 6px 0 #d6c69e,0 12px 20px #0004;transform-origin:0 50%} /* taste-skill-ignore: code-drawn paper thickness and physical book shadow */
.campaign-books .cb-leaf{background:#ece0c1;box-shadow:inset 8px 0 16px #7e68442a;backface-visibility:visible} /* taste-skill-ignore: paper crease within the book illustration */
.campaign-books .cb-note{position:absolute;bottom:16px;left:5%;right:5%;text-align:center;color:#e1dfcd;font:14px system-ui;pointer-events:none}
.campaign-books [hidden]{display:none}@media(max-width:560px){.campaign-books .cb-title{gap:5px;letter-spacing:0}.campaign-books .cb-title small{font-size:9px;letter-spacing:0}.campaign-books .cb-intro{top:18px}}