/* Shared contact hub; the personal hubs keep their existing layout. */
.connect-portraits { display: flex; gap: 8px; flex: none; }
.connect-portraits .saul-photo { width: 64px; height: 80px; }
.connect-profile h1 { font-size: clamp(1.6rem, 6.2vw, 2rem); }
.connect-company, .connect-book { display: flex; justify-content: space-between; width: 100%; font-size: .65rem; letter-spacing: .1em; padding: 13px 15px; min-height: 44px; }
.connect-company { margin-top: 20px; }
.connect-caption { display: block; font-family: var(--body); font-size: .7rem; text-transform: none; letter-spacing: 0; font-weight: 400; margin-top: 2px; }
.connect-people { display: grid; gap: 14px; margin-top: 18px; }
.connect-person h2 { font-family: var(--display); font-size: 1rem; font-weight: 500; line-height: 1.2; color: var(--white); }
.connect-person .saul-connect { margin-top: 7px; }
.connect-book { margin-top: 16px; }
.connect-hub .saul-footer { margin-top: 16px; }
@media (max-width: 350px) {
  .connect-profile { gap: 12px; }
  .connect-portraits { gap: 6px; }
  .connect-portraits .saul-photo { width: 50px; height: 68px; }
}