/* Published novels, alongside the free creative archive. */
.book-feature {
  display: grid;
  grid-template-columns: minmax(0, 285px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(35px, 6vw, 85px);
  border-top: 1px solid var(--border);
  background: radial-gradient(ellipse at 20% 50%, #aa8b4913, transparent 60%);
}
.release-cover { display: block; width: 100%; max-width: 285px; box-shadow: 10px 16px 40px #03010988, 0 0 30px #b49b6f16; }
.release-cover img { display: block; width: 100%; height: auto; }
.release-copy { min-width: 0; max-width: 570px; }
.release-copy h2 { font-size: clamp(42px, 4.8vw, 62px); letter-spacing: -1px; line-height: 1.08; margin: 17px 0 12px; }
.release-copy .release-subtitle, .book-reader-subtitle { font-family: var(--serif); color: #e1d1ee; font-size: 25px; line-height: 1.3; margin-bottom: 9px; }
.release-copy .release-author { font-size: 11px; color: #b5a9c7; margin-bottom: 24px; }
.release-copy .release-hook { font-family: var(--serif); font-size: 25px; line-height: 1.25; color: #e6d4b4; margin-bottom: 20px; }
.release-copy > p { font-size: 12px; color: #c5bed8; }
.release-price { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
.release-price strong { font-family: var(--serif); font-size: 29px; font-weight: 400; color: #ecd1a3; }
.release-price span { font-size: 7px; letter-spacing: 1.15px; color: #b5a9c7; line-height: 1.8; }
.release-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 25px; margin-top: 18px; }
.release-copy .release-note, .book-purchase-note { font-size: 10px; line-height: 1.8; color: #aaa1bf; margin-top: 17px; }
.work-cover img.release-thumbnail { object-fit: contain; padding: 18px; }
.work-reading-actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
.book-reader { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 26px; align-items: start; margin-top: 25px; }
.book-reader > img { display: block; width: 100%; height: auto; box-shadow: 5px 8px 25px #0006; }
.book-reader p { font-size: 12px; }
.book-reader .release-hook { color: #e6d4b4; font-family: var(--serif); font-size: 25px; line-height: 1.25; }
@media (max-width: 850px) {
  .book-feature { grid-template-columns: minmax(0, 225px) minmax(0, 1fr); gap: 35px; }
  .release-copy .release-subtitle { font-size: 23px; }
}
@media (max-width: 580px) {
  .book-feature { grid-template-columns: 1fr; gap: 35px; }
  .release-cover { width: min(100%, 250px); margin-inline: auto; }
  .release-copy > .eyebrow { font-size: 7px; letter-spacing: 1.4px; }
  .release-copy h2 { font-size: 43px; }
  .release-copy .release-subtitle { font-size: 24px; }
  .release-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .book-reader { grid-template-columns: 1fr; gap: 25px; }
  .book-reader > img { max-width: 200px; margin-inline: auto; }
}