/* ==========================================================================
   DIA BONITO · partners.css
   The /partners program page and the generated /with/<slug> partner pages.
   Both sit on the privacy.css reading column (.pp-head, .pp-body); this file
   only adds the pieces those pages need that nothing else has.
   ========================================================================== */

/* The apply form sits inside the reading column, so drop the form wrapper's
   own centred-page padding. */
.partner-form-wrap { padding: 0; max-width: none; }
.partner-form-wrap .inquire-form { padding-top: 8px; }

/* Partner pages (/with/<slug>) */
.partner-photo {
  display: block;
  width: 132px;
  height: 132px;
  margin: 0 auto 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--line-soft);
}

.partner-role {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--lagoon);
  margin-top: 22px;
}

.partner-line {
  max-width: 560px;
  margin: 22px auto 0;
  font-family: var(--serif);
  font-weight: 380;
  font-size: clamp(17px, 2vw, 19px);
  line-height: 1.7;
  color: var(--bone-2);
}

.partner-island-title {
  font-family: var(--serif);
  font-weight: 380;
  font-size: clamp(19px, 2.4vw, 23px);
  line-height: 1.35;
  color: var(--bone);
  margin-bottom: 10px;
}

.partner-island + .partner-island { margin-top: 36px; }