/* Isolated invitation component; intentionally does not touch consent CSS. */
.pp-contact-invite {
  box-sizing: border-box; width: min(560px, calc(100vw - 40px)); max-height: calc(100dvh - 48px);
  overflow-y: auto; padding: 38px 30px 30px; border: 1px solid #e4dfd6;
  border-radius: 4px; color: #263a2f; background: #fff;
  box-shadow: 0 18px 70px rgb(0 0 0 / 20%); font-family: Montserrat, sans-serif;
}
.pp-contact-invite::backdrop { background: rgb(12 24 18 / 58%); }
.pp-contact-invite * { box-sizing: border-box; }
.pp-contact-invite__close { position: absolute; right: 6px; top: 6px; width: 44px; height: 44px; border: 0; background: transparent; color: #263a2f; font: 28px/1 sans-serif; cursor: pointer; }
.pp-contact-invite__photo { display: block; width: 84px; height: 84px; object-fit: cover; object-position: center 22%; border-radius: 50%; margin: 0 0 20px; }
.pp-contact-invite h2 { margin: 0 0 12px; font-family: 'Crimson Text', Georgia, serif; font-size: 36px; font-weight: 400; line-height: 1.1; }
.pp-contact-invite p { margin: 0 0 14px; font-size: 15px; line-height: 1.55; text-align: left; overflow-wrap: anywhere; }
.pp-contact-invite__project { font-weight: 600; }
.pp-contact-invite__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 12px 18px; background: #263a2f; color: #fff; text-decoration: none; font-size: 14px; line-height: 1.4; text-align: center; }
.pp-contact-invite a:focus-visible, .pp-contact-invite button:focus-visible { outline: 3px solid #a88b55; outline-offset: 3px; }
.pp-contact-invite--mobile { position: fixed; z-index: 900; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: auto; max-height: 42dvh; margin: 0; padding: 20px 40px 20px 20px; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; }
.pp-contact-invite--mobile .pp-contact-invite__photo { width: 48px; height: 48px; margin: 0; }
.pp-contact-invite--mobile h2 { font-size: 27px; }
.pp-contact-invite--mobile p { font-size: 13px; margin-bottom: 10px; }
.pp-contact-invite--mobile .pp-contact-invite__body { display: none; }
.pp-contact-invite--mobile .pp-contact-invite__cta { font-size: 13px; padding: 10px 12px; }
@media (prefers-reduced-motion: reduce) { .pp-contact-invite { scroll-behavior: auto; } }
@media print { .pp-contact-invite { display: none !important; } }