/* A single compact introduction; the preview and audio are separate sections. */
.hero { grid-template-columns:minmax(0,1fr) 180px; gap:42px; padding:32px 38px; margin-bottom:48px; align-items:center; }
.hero h1 { font-size:clamp(1.9rem,3.6vw,2.65rem); line-height:1.2; margin:10px 0 16px; }
.hero .intro { font-size:.93rem; line-height:1.8; margin:0; max-width:520px; }
.cover-stage { grid-column:2; grid-row:1; padding:0; }
.hero-copy { grid-column:1; grid-row:1; }
.book-cover { display:block; width:180px; max-width:100%; box-shadow:5px 8px 18px #3c25451f; }
.book-format { margin-top:21px; color:var(--muted); font-size:.75rem; font-weight:500; }
.book-purchase-row { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:9px; }
.book-price { color:var(--ink); font-size:1.55rem; font-weight:600; letter-spacing:-.03em; line-height:1.3; }
.book-purchase-row .button { gap:10px; padding:12px 24px; font-size:.84rem; }
.purchase-detail { font-size:.7rem; color:var(--muted); margin:8px 0 0; }
.hero-secondary { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:22px; }
.hero-secondary .text-link { font-size:.76rem; text-underline-offset:5px; }
.hero .hero-note { font-size:.68rem; margin:14px 0 0; }
#buy-book { scroll-margin-top:20px; }
@media(max-width:850px) {
  .hero { grid-template-columns:minmax(0,1fr) 155px; gap:28px; padding:28px; }
  .book-cover { width:155px; }
}
@media(max-width:680px) {
  .hero { display:grid; grid-template-columns:minmax(0,1fr) 100px; gap:24px; padding:24px; margin-bottom:36px; border-radius:20px; align-items:start; }
  .hero-copy { text-align:left; min-width:0; }
  .cover-stage { padding-top:6px; }
  .book-cover { width:100px; }
  .hero h1 { font-size:1.7rem; }
  .hero .intro { font-size:.82rem; line-height:1.75; }
  .hero .eyebrow { font-size:.6rem; letter-spacing:.08em; }
  .book-format { margin-top:17px; font-size:.7rem; }
  .book-purchase-row { gap:12px; }
  .book-price { font-size:1.4rem; }
  .book-purchase-row .button { padding:11px 19px; font-size:.78rem; }
  .hero-secondary { gap:11px; margin-top:18px; }
}
@media(max-width:480px) {
  .hero { display:block; padding:23px 21px; }
  .hero::after { content:""; display:block; clear:both; }
  .cover-stage { display:block; float:right; width:82px; padding:0; margin:3px 0 12px 16px; }
  .book-cover { width:82px; }
  .hero h1 { font-size:1.6rem; }
  .hero .intro { clear:both; }
  .hero .eyebrow { letter-spacing:.05em; }
  .book-purchase-row { flex-wrap:nowrap; gap:20px; }
  .hero-secondary { gap:12px 20px; }
}