/* Named introductions: the two companies as the headline, on /work cards and case pages. */
h3.pair{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.names-line{margin-top:12px;font-size:17px;line-height:1.4;font-weight:700;color:var(--ink);letter-spacing:-.2px}
.names-line .x{margin:0 6px;font-family:var(--mono);font-weight:600;color:var(--pink-5)}
.pair .co{display:block;font-size:20px;line-height:1.3;font-weight:700;color:var(--ink);letter-spacing:-.3px}
.pair .co small{display:block;margin-top:2px;font-size:13.5px;font-weight:500;line-height:1.45;color:var(--text);letter-spacing:0}
.pair .x{display:block;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--pink-5)}
.cases a:hover .pair .co{color:var(--pink)}
.cases .op{margin-top:14px;font-size:13px;color:var(--faint);flex:0}

.parties{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:20px;margin:8px 0 28px}
.party{border:1px solid var(--line-2);border-radius:12px;padding:22px 24px;background:#fff}
.party .k{font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--pink-5)}
.party .n{margin-top:8px;font-size:clamp(20px,2.2vw,26px);line-height:1.25;font-weight:700;color:var(--ink);letter-spacing:-.4px}
.party .d{margin-top:6px;font-size:15px;line-height:1.55;color:var(--text)}
.parties .x{align-self:center;font-family:var(--mono);font-size:18px;font-weight:600;color:var(--pink-5)}
.parties-op{margin:-14px 0 28px;font-size:14px;color:var(--text)}
.parties-op a{color:var(--pink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media (max-width:720px){
  .parties{grid-template-columns:1fr;gap:10px}
  .parties .x{justify-self:center}
}