/* Together page */

.together-page .section {
  width: min(100%, var(--page-max));
  margin-inline: auto;
}

.tog-band {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tog-band--sand { background: var(--color-sand); }
.tog-band--forest { background: var(--color-forest); }

#tog-opening {
  padding: 96px var(--gutter);
  gap: 28px;
}

#tog-opening .display--xl { max-width: 900px; }
#tog-opening .lead { max-width: 660px; }

#tog-recognition {
  padding: 88px var(--gutter);
  gap: 20px;
}

#tog-recognition .display--sm { max-width: 800px; }
#tog-recognition .body { max-width: 700px; }

#tog-transition {
  padding: 112px var(--gutter) 76px;
  gap: 20px;
}

#tog-transition .display--sm { max-width: 820px; }
#tog-transition .body { max-width: 700px; }

#tog-responsibility {
  padding: 104px var(--gutter);
  gap: 20px;
}

#tog-responsibility .display {
  font-size: 50px;
  line-height: 1.06;
  letter-spacing: -1px;
  max-width: 860px;
}

#tog-responsibility .body { max-width: 700px; }

#tog-closing {
  padding: 112px var(--gutter) 88px;
  gap: 24px;
}

#tog-closing .display--sm { max-width: 840px; }

.tog-closing__ctas {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-top: 8px;
}

@media (max-width: 1199px) {
  #tog-responsibility .display { font-size: 40px; }
}

@media (max-width: 809px) {
  #tog-opening { padding: 48px var(--gutter) 40px; gap: 18px; }
  #tog-recognition { padding: 48px var(--gutter); }
  #tog-transition { padding: 64px var(--gutter) 48px; }
  #tog-responsibility { padding: 64px var(--gutter); }
  #tog-responsibility .display { font-size: 32px; }
  #tog-closing { padding: 64px var(--gutter) 48px; }
}