.lb-book-page,
.lb-about-page {
  display: grid;
  grid-template-columns: minmax(220px, 320px) 1fr;
  gap: 55px;
  align-items: start;
}
.lb-book-page > p:empty,
.lb-about-page > p:empty {
  display: none;
}
.lb-page-book-cover {
  box-shadow: 18px 22px 0 var(--blue-200), 0 18px 45px rgba(32,52,60,.16);
}
.lb-page-portrait {
  width: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 14px var(--blue-200);
}
.lb-content ul { padding-left: 1.3em; }
.lb-content > h1 {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2.15rem, 4vw, 3.35rem);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.025em;
  margin-bottom: 32px;
}
.lb-contact-form { margin-top: 38px; }
.lb-contact-form label {
  display: block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: .9rem;
}
.lb-contact-form input,
.lb-contact-form textarea {
  width: 100%;
  margin-top: 7px;
  padding: 12px;
  border: 1px solid #9db6bf;
  background: #fff;
  color: var(--blue-900);
  font: inherit;
}
.lb-contact-form input:focus,
.lb-contact-form textarea:focus {
  outline: 3px solid var(--blue-300);
  border-color: var(--blue-700);
}
.lb-contact-form button { font: inherit; cursor: pointer; }
.lb-honeypot { position: absolute; left: -9999px; }
.lb-form-notice { padding: 15px 18px; border-left: 4px solid var(--blue-700); background: var(--blue-100); }
.lb-form-error { border-color: #a33; }
@media (max-width: 720px) {
  .lb-book-page,
  .lb-about-page { grid-template-columns: 1fr; }
  .lb-page-book-cover,
  .lb-page-portrait { max-width: 280px; margin: 0 auto; }
}