.book-section {
  background: #08090b;
  color: #fff;
  padding: 100px 7vw;
  display: grid;
  grid-template-columns: minmax(280px, .78fr) 1.22fr;
  gap: 8vw;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.book-section::before {
  content: "G-14";
  position: absolute;
  right: -2vw;
  top: 0;
  font-family: Anton, sans-serif;
  font-size: 27vw;
  line-height: .8;
  color: rgba(255, 255, 255, .025);
  pointer-events: none;
}

.book-art { position: relative; max-width: 480px; margin: auto; }
.book-art img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  box-shadow: 28px 35px 0 #15181e, 0 35px 90px rgba(0, 0, 0, .7);
  transform: perspective(1000px) rotateY(5deg);
  position: relative;
  z-index: 2;
}
.book-stamp {
  position: absolute;
  z-index: 4;
  right: -36px;
  top: 34px;
  background: var(--red);
  padding: 11px 17px;
  font-family: Anton, sans-serif;
  font-size: 15px;
  letter-spacing: .08em;
  transform: rotate(5deg);
}
.book-shadow { position: absolute; inset: 10% -20% -6% 20%; background: #c99f40; filter: blur(90px); opacity: .18; }
.book-copy { position: relative; z-index: 2; }
.book-copy h2 { font-size: clamp(56px, 6vw, 92px); line-height: .88; margin: 0 0 28px; }
.book-copy h2 span { color: #d5b35f; }
.book-lead { font-size: 18px; line-height: 1.75; color: #c5c5c5; max-width: 800px; }
.book-proof { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #343434; margin: 34px 0; }
.book-proof div { padding: 20px; border-right: 1px solid #343434; display: flex; align-items: center; gap: 12px; }
.book-proof div:last-child { border: 0; }
.book-proof strong { font-family: Anton, sans-serif; font-size: 38px; color: #d5b35f; }
.book-proof span { font-size: 9px; line-height: 1.3; font-weight: 800; letter-spacing: .1em; }
.book-copy ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 28px; padding: 0; list-style: none; margin: 30px 0; }
.book-copy li { border-left: 3px solid var(--red); padding-left: 13px; color: #ddd; font-size: 14px; line-height: 1.5; }
.book-offers { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 32px; }
.book-offers article { border: 1px solid #393939; background: #111318; padding: 25px; }
.book-offers small { font-size: 8px; letter-spacing: .18em; color: #d5b35f; font-weight: 800; }
.book-offers h3 { font-family: Anton, sans-serif; font-size: 30px; font-weight: 400; margin: 9px 0; }
.book-offers p { font-size: 13px; line-height: 1.6; color: #999; min-height: 42px; }
.book-offers .btn { border: 0; display: inline-block; cursor: pointer; margin-top: 8px; }
.faith-offer .btn { text-align: left; }
.support-link { display:block; margin-top:14px; padding:0; border:0; background:transparent; color:#fff; font-size:9px; font-weight:800; letter-spacing:.12em; text-decoration:underline; cursor:pointer; }
.gold { background: #d5b35f; color: #08090b; }
.book-share { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #333; margin-top: 28px; padding-top: 20px; gap: 20px; }
.book-share span { font-size: 9px; letter-spacing: .14em; color: #888; font-weight: 800; }
.book-share button { border: 0; background: none; color: #d5b35f; font-size: 10px; font-weight: 800; cursor: pointer; }

.donation-modal { max-width: 650px; width: 92%; background: #0b0c0e; color: #fff; border: 1px solid #4d4125; padding: 48px; }
.donation-modal::backdrop { background: rgba(0, 0, 0, .9); }
.donation-modal h2 { font-size: 52px; line-height: .95; margin: 0 0 20px; }
.donation-modal > p:not(.kicker) { color: #aaa; line-height: 1.65; }
.donation-close { position: absolute; right: 17px; top: 10px; border: 0; background: none; color: #fff; font-size: 31px; cursor: pointer; }
.donation-amounts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 28px 0 20px; }
.donation-amounts button { background: #16191e; color: #fff; border: 1px solid #444; padding: 16px; font-family: Anton, sans-serif; font-size: 22px; cursor: pointer; }
.donation-amounts button.active { background: #d5b35f; color: #08090b; border-color: #d5b35f; }
.donation-modal label { display: block; font-size: 9px; letter-spacing: .14em; font-weight: 800; margin-bottom: 8px; }
.custom-amount { display: flex; align-items: center; border: 1px solid #444; background: #15171b; margin-bottom: 20px; }
.custom-amount span { padding: 0 12px; color: #d5b35f; font-weight: 800; }
.custom-amount input { width: 100%; border: 0; background: none; color: #fff; padding: 13px 0; font-size: 17px; outline: none; }
.donation-modal .donation-note { font-size: 12px; border-left: 3px solid var(--red); padding-left: 12px; }
.donation-modal .btn { display: block; text-align: center; margin: 24px 0 14px; }
.donation-modal > small { display: block; color: #777; text-align: center; line-height: 1.5; }
.donation-pending { width: 100%; opacity: .62; cursor: not-allowed !important; }

.interest-modal { max-width: 760px; width: 92%; background: #0b0c0e; color: #fff; border: 1px solid #4d4125; padding: 48px; }
.interest-modal::backdrop { background: rgba(0, 0, 0, .9); }
.interest-modal h2 { font-size: clamp(38px, 6vw, 58px); line-height: .95; margin: 0 0 20px; }
.interest-modal h2 span { color: #d5b35f; }
.interest-modal > p:not(.kicker) { color: #aaa; line-height: 1.65; }
.interest-close { position: absolute; right: 17px; top: 10px; border: 0; background: none; color: #fff; font-size: 31px; cursor: pointer; }
.interest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.interest-modal label { display: block; font-size: 9px; letter-spacing: .12em; font-weight: 800; margin: 15px 0 7px; }
.interest-modal input:not([type="checkbox"]), .interest-modal select, .interest-modal textarea { box-sizing: border-box; width: 100%; margin-top: 8px; border: 1px solid #444; border-radius: 0; background: #15171b; color: #fff; padding: 14px; font: 16px DM Sans, sans-serif; }
.interest-modal textarea { resize: vertical; }
.interest-consent { display: flex !important; align-items: flex-start; gap: 10px; color: #ccc; font-size: 12px !important; line-height: 1.5; letter-spacing: 0 !important; text-transform: none; }
.interest-consent input { margin-top: 3px; }
.interest-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.interest-modal .btn { width: 100%; border: 0; margin-top: 18px; cursor: pointer; }
.interest-modal .btn:disabled { opacity: .65; cursor: wait; }
.interest-modal form > small { display: block; color: #777; text-align: center; line-height: 1.5; margin-top: 12px; }
#interest-status { min-height: 24px; margin: 12px 0 0; color: #d5b35f; font-size: 14px; font-weight: 700; }

@media (max-width: 900px) {
  .book-section { grid-template-columns: 1fr; }
  .book-art { max-width: 390px; margin-bottom: 35px; }
}

@media (max-width: 600px) {
  .book-section { padding: 74px 6vw; }
  .book-stamp { right: -8px; }
  .book-proof, .book-copy ul, .book-offers { grid-template-columns: 1fr; }
  .book-proof div { border-right: 0; border-bottom: 1px solid #343434; }
  .book-proof div:last-child { border: 0; }
  .book-share { align-items: flex-start; flex-direction: column; }
  .donation-amounts { grid-template-columns: 1fr 1fr; }
  .donation-modal { padding: 40px 24px; }
  .donation-modal h2 { font-size: 40px; }
  .interest-modal { padding: 40px 24px; }
  .interest-grid { grid-template-columns: 1fr; gap: 0; }
}