.shelf{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:0;padding:0;list-style:none;display:grid}.book{border:var(--border);box-shadow:var(--shadow);flex-direction:column;display:flex}.book__cover{min-height:120px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);color:var(--color-white);background:var(--color-black);box-shadow:inset 12px 0 0 var(--spine,var(--color-gray-500))}.book--1 .book__cover{--spine:var(--color-gray-300)}.book--2 .book__cover{--spine:var(--color-gray-700)}.book--3 .book__cover{--spine:var(--color-white)}.book__title{margin:0 0 var(--space-1);font-family:var(--font-pixel);font-size:var(--text-sm);text-transform:uppercase;line-height:1.7}.book__author{font-size:var(--text-sm);color:var(--color-gray-300);margin:0}.book__page{padding:var(--space-2);color:var(--color-black);background:var(--color-white);flex:1}.book__quote{margin:0 0 var(--space-1);font-weight:700}.book__takeaway{font-size:var(--text-sm);color:var(--color-gray-700);margin:0}.book:hover .book__cover{animation:.3s steps(2,end) book-wiggle}@keyframes book-wiggle{50%{transform:rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.book:hover .book__cover{animation:none}}