/* book + format chips, bottom right of the hero */
.hero-buy{position:absolute;right:4%;bottom:5%;z-index:1;display:flex;align-items:center;gap:18px}
.hero-book-link{display:block}
.hero-book{height:min(36vh,300px);width:auto;max-width:none;transform:rotate(4deg);filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));transition:transform .2s}
.hero-book-link:hover .hero-book{transform:rotate(2deg) scale(1.03)}
.formats{list-style:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin:0;padding:0}
.formats li{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:20px;background:rgba(6,29,51,.55);border:1.5px solid var(--turq);color:#fff;font-weight:700;font-size:.92rem;letter-spacing:.03em;white-space:nowrap;backdrop-filter:blur(4px)}
.formats svg{width:18px;height:18px;flex:none}
@media(max-width:1000px) and (min-width:761px){.hero-buy{right:3%;bottom:4%;gap:14px}.hero-book{height:min(28vh,230px)}.formats li{font-size:.82rem;padding:6px 12px}}
@media(max-width:760px){
 .hero-buy{display:contents}
 .hero-book-link{position:absolute;z-index:1;right:16px;top:calc(100vw * .9 - 6px)}
 .hero-book{height:112px;transform:rotate(5deg)}
 /* phone: stacked to the left of the book, in the dark area below the photo */
 .formats{position:absolute;z-index:1;right:106px;top:calc(100vw * .9 + 8px);flex-direction:column;align-items:flex-end;gap:7px}
 .formats li{font-size:.74rem;padding:5px 11px;gap:6px;background:rgba(6,29,51,.35)}
 .formats svg{width:14px;height:14px}
}