.oyb{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:18px;align-items:center;margin:22px 0}.oyb-book{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:4.25/6.5;padding:16px 12px 14px 20px;background:#141a23;color:#f2eee4;text-decoration:none;border:1px solid var(--pp-gold,#c49348);box-shadow:0 16px 40px rgb(0 0 0/.5);transform:rotate(-2deg);transition:transform .2s ease}.oyb-book:focus-visible,.oyb-book:hover{transform:rotate(0deg) translateY(-2px)}.oyb-book:focus-visible{outline:3px solid var(--pp-gold-2,#d8b06a);outline-offset:3px}.oyb-book__spine{position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--oyb-accent,#c49348)}.oyb-book__kicker{font:600 10px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-gold-2,#d8b06a)}.oyb-book__title{font:400 15px/1.05 var(--font-archivo-black),Arial Black,sans-serif;text-transform:uppercase;letter-spacing:-.03em;overflow-wrap:anywhere}.oyb-book__cta{margin-top:6px;font:800 13px/1.2 var(--font-inter),system-ui,sans-serif;color:var(--pp-gold-2,#d8b06a)}.oyb-copy h2{margin:6px 0 8px;font-size:clamp(22px,5vw,30px)}.oyb-copy p{margin:0 0 8px;max-width:52ch;color:#e0dccf}.oyb-shelf{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.oyb-shelf li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgb(242 238 228/.16);font-size:14px}.oyb-shelf a{color:var(--pp-gold-2,#d8b06a);font-weight:800;min-height:24px}.oyb-shelf span{color:#a9a596}.oyb--compact{grid-template-columns:140px 1fr;gap:14px}@media (max-width:420px){.oyb{grid-template-columns:140px 1fr;gap:14px}.oyb-book{padding:14px 10px 12px 16px}.oyb-copy h2{font-size:21px}.oyb-copy p{font-size:14px}}