.book-preview-section {
  background: #101c27;
  color: #f4f0e8;
  padding: clamp(3.5rem, 7vw, 6rem) 1.25rem;
}

.book-preview-inner { margin: 0 auto; max-width: 1200px; }
.book-preview-section .eyebrow { color: #d9b867; }
.book-preview-section h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: 1.05;
  margin: .6rem 0 1rem;
}
.book-preview-intro { color: #c2cbd4; line-height: 1.65; margin: 0 0 2rem; max-width: 740px; }
.book-preview-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.book-preview-grid.two-pages { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 860px; }
.book-preview-card { background: #f8f7f3; color: #17303b; margin: 0; padding: 1rem; }
.book-preview-card a { align-items: center; background: #fff; display: flex; justify-content: center; min-height: 260px; }
.book-preview-card img { display: block; height: auto; max-height: 460px; max-width: 100%; object-fit: contain; width: auto; }
.book-preview-card figcaption { font-size: .9rem; line-height: 1.45; padding: .9rem .15rem .2rem; }
.book-preview-card strong { display: block; font-size: 1rem; margin-bottom: .25rem; }
.book-preview-note { color: #aebbc6; font-size: .88rem; margin: 1.5rem 0 0; }

@media (max-width: 760px) {
  .book-preview-grid,
  .book-preview-grid.two-pages { grid-template-columns: 1fr; max-width: 440px; }
}