/* Wholehearted — private guest invite.
   Loads AFTER styles.css and wholehearted.css and inherits everything from
   both. Reached only by a link Shawn sends personally. The yes already
   happened in person, so this page persuades no one: it frames the
   conversation, makes the promise, and holds the calendar. Nothing here
   sells or asks. */

.whi {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.whi main { flex: 1; }

.whi-hero { padding-bottom: clamp(40px, 6vw, 72px); }
.whi-hero__title { font-size: clamp(1.9rem, 5vw, 3.1rem); max-width: 22ch; }

/* --- What this is / what to expect: quiet prose, no card chrome --- */
.whi-section { padding-block: clamp(48px, 7vw, 88px); }
.whi-section__head { font-size: clamp(1.3rem, 3vw, 1.7rem); margin-bottom: 26px; }

/* --- The room: one photo so the guest can see where they'll sit --- */
.whi-room { padding-block: clamp(16px, 3vw, 40px); }

/* --- Booking: the calendar gets room; the page around it stays still --- */
.whi-booking { padding-block: clamp(48px, 7vw, 88px); }
.whi-booking__lead {
  font-size: clamp(1.05rem, 1.9vw, 1.18rem);
  color: var(--ink);
  font-weight: 500;
  margin-bottom: 30px;
}
.whi-calendly {
  min-height: 700px;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
}
.whi-fallback {
  margin-top: 22px;
  color: var(--muted);
  font-size: .98rem;
}
.whi-fallback a { color: var(--coral); text-decoration: none; }
.whi-fallback a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* --- Quiet close --- */
.whi-close { padding-bottom: clamp(72px, 10vw, 132px); }
.whi-close p { color: var(--muted); font-size: .98rem; }