.book-spine{position:relative;flex:0 0 clamp(48px,4.55vw,68px);width:clamp(48px,4.55vw,68px);min-width:48px;max-width:68px;height:282px;padding:13px 6px 10px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#0a0d0f,#27333c 18%,#11171b 55%,#050607);box-shadow:inset 4px 0 8px rgba(255,255,255,.06),inset -8px 0 13px #000,7px 6px 13px rgba(0,0,0,.7);overflow:hidden}.book-spine:before{content:"";position:absolute;inset:4px;border-left:1px solid rgba(229,188,116,.22);border-right:1px solid rgba(229,188,116,.16);pointer-events:none}.book-spine>span{position:relative;z-index:1;font-size:13px}.book-spine>strong{position:relative;z-index:1;margin:auto;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;line-height:1.05;letter-spacing:.04em}.book-spine>small{position:relative;z-index:1;font-size:6px;letter-spacing:.04em}.book-spine.red{background:linear-gradient(90deg,#16080a,#5a191d 26%,#210b0e 70%,#090405)}.book-spine.warm{background:linear-gradient(90deg,#211007,#a14a1e 26%,#411a0a 70%,#100704)}.book-spine.ember{background:linear-gradient(90deg,#180a05,#79321b 26%,#2a1009 70%,#090403)}.book-spine.ash{background:linear-gradient(90deg,#101112,#54514b 26%,#242321 70%,#090909)}.book-spine.ivory{background:linear-gradient(90deg,#554632,#d5b983 27%,#8e7757 72%,#362b1e)}.book-spine.sand{background:linear-gradient(90deg,#302619,#9f845d 27%,#53442f 72%,#211a10)}.book-spine.published{background-image:url('/assets/spark-official-wrap-v1.jpg');background-size:auto 100%;background-position:center;background-repeat:no-repeat}.prayer .book-spine.published{background-image:url('/assets/ripped-away-wrap-v1.png');background-size:auto 100%;background-position:center;background-repeat:no-repeat}.book-spine.published:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18%,transparent 76%,rgba(0,0,0,.4));pointer-events:none}.book-spine.published>span,.book-spine.published>strong,.book-spine.published>small{opacity:0}.prayer-row .book-spine{flex:0 0 68px;width:68px;max-width:68px;height:290px}.seven .book-spine,.five .book-spine{max-width:68px}@media(max-width:1050px){.thirteen .book-spine{flex-basis:58px;width:58px}}@media(max-width:700px){.book-spine,.prayer-row .book-spine{flex-basis:58px;width:58px;max-width:58px}}