/* ============================================================
   ONE PARTNER  ·  section #what  (modular — loaded after styles.css)
   Header + intro only. The old 3-slide rotor (film / A/B phones /
   scheduler orbit visuals) was replaced by the scoped .hwb orbital
   animation + offerings marquee, which live in orbit.css.
   ============================================================ */
/* extra top padding gives the section room to breathe after the hero;
   the larger header margin opens up the vertical rhythm inside */
.partner{padding-top:clamp(104px,13vw,188px);padding-bottom:clamp(84px,11vw,148px)}

/* --- header: two-tone headline (left) + intro (right) --- */
.partner-head{
  display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,64px);
  align-items:end;margin-bottom:clamp(56px,7vw,96px);
}
.partner-title{
  font-family:var(--serif);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.02;letter-spacing:-0.01em;
  display:flex;flex-direction:column;margin-top:18px;
}
.partner-title .t-mut{color:var(--muted)}
.partner-title .t-ink{color:var(--ink)}
.partner-intro{
  color:var(--ink-soft);font-size:clamp(0.95rem,1.1vw,1.05rem);line-height:1.55;
  max-width:none;text-align:right;
}

/* visually hidden but focusable (also used by presence.css's gp radios) */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}

/* --- responsive: stack the header --- */
@media (max-width:760px){
  .partner-head{grid-template-columns:1fr;gap:16px;align-items:start}
  .partner-title{margin-top:6px}
  .partner-intro{max-width:none;text-align:left}
}