.integration-connections { padding-block: clamp(4rem, 8vw, 7rem); background: #fff; }
.integration-connections h2 { max-width: 22ch; margin-bottom: 1.2rem; }
.integration-connections > .wrap > p { max-width: 64ch; color: #536277; }
.connection-row { display: grid; grid-template-columns: minmax(220px, .65fr) minmax(0, 1.7fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; margin-top: 3.5rem; }
.connection-copy h3 { font-size: clamp(1.65rem, 2.6vw, 2.5rem); line-height: 1.12; letter-spacing: -.025em; }
.connection-copy p { margin-block: 1rem; color: #536277; line-height: 1.7; }
.connection-figure { margin: 1.5rem 0; min-width: 0; }
.connection-figure picture, .connection-figure img { display: block; width: 100%; }
.connection-figure img { height: auto; }
.connection-figure figcaption { margin-top: .85rem; color: #536277; font-size: .9rem; line-height: 1.6; }
.connection-figure figcaption a { text-underline-offset: .2em; }
@media (max-width: 900px) {
  .connection-row { grid-template-columns: 1fr; gap: .5rem; }
  .connection-copy { max-width: 65ch; }
}
@media print {
  .connection-figure { break-inside: avoid; }
}