/* ==========================================================
   Book the Space — space info, packages, inquiry form
   (package cards reuse .pricing-panel / .price-card from pricing.css,
    the form uses forms.css)
   ========================================================== */

.book-overview {
  display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: stretch;
}
.book-photo { position: relative; min-height: 320px; border-radius: var(--radius); overflow: hidden; }
.book-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
.book-details {
  background: var(--paper); border: 1px solid var(--cream-2); border-radius: var(--radius);
  padding: clamp(1.5rem, 3vw, 2.2rem);
}
.book-details h3 { font-size: 1.5rem; margin-bottom: 1.4rem; }

.book-packages { margin-top: clamp(3.5rem, 7vw, 5rem); scroll-margin-top: 90px; }
.book-packages .pricing-panel { margin-top: 2rem; }
.sub-title { font-size: clamp(1.6rem, 3vw, 2.1rem); }
.sub-lede { margin: .6rem auto 0; max-width: 34em; }
.book .price-card .price { font-size: 2.2rem; letter-spacing: .08em; }

.book-form { max-width: 860px; margin: clamp(3.5rem, 7vw, 5rem) auto 0; scroll-margin-top: 90px; }

@media (max-width: 900px) {
  .book-overview { grid-template-columns: 1fr; }
  .book-photo { min-height: 0; aspect-ratio: 16 / 9; }
}