/* Companies index only. */

/* Company rows: a five-column portrait frame keeps each row within one screen; the copy takes six. */
.companies-row { padding-block: clamp(80px, 9vw, 144px); }
@media (min-width: 901px) {
  .companies-row .split__media { grid-column: 1 / span 5; }
  .companies-row .split__copy { grid-column: 7 / span 6; }
  .companies-row .split--flip .split__media { grid-column: 8 / span 5; }
  .companies-row .split--flip .split__copy { grid-column: 1 / span 6; }
}
/* A long kind wraps under itself; the dot and number stay on the first line. */
.companies-row .eyebrow { align-items: flex-start; }
.companies-row .eyebrow::before { margin-top: .31em; }
.companies-row__num { color: var(--text); }
.companies-row .t-2 { margin-top: 18px; }
.companies-row__lead { margin-top: clamp(20px, 2.2vw, 28px); max-width: 34em; color: var(--text); }
.companies-row__more { max-width: 38em; color: var(--text-2); text-wrap: pretty; }
.companies-row__sign { margin: clamp(18px, 2vw, 26px) 0 0; font-family: var(--serif); font-style: italic; font-weight: 300; font-size: var(--step-2); line-height: 1.2; letter-spacing: -.01em; color: var(--accent); }
.companies-row .facts { margin-top: clamp(24px, 3vw, 36px); }
.companies-row .facts dd { text-wrap: pretty; }
.companies-row__links { margin: clamp(24px, 3vw, 36px) 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 24px 36px; }
.companies-row__links a { position: relative; }
.companies-row__links a::before { content: ""; position: absolute; inset: -11px -6px; } /* 44px touch target without moving the underline */
@media (max-width: 640px) {
  .companies-row__links { flex-direction: column; align-items: flex-start; } /* one link per line on phones, the same in every row */
}

/* How they fit together */
.companies-fit__anthem { margin-top: clamp(36px, 4.5vw, 64px); font-size: clamp(1.45rem, 1.05rem + 1.6vw, 2.6rem); line-height: 1.3; color: var(--text-2); }
.companies-fit__anthem p { margin: 0 0 .3em; text-wrap: balance; }
.companies-fit__anthem p span { color: var(--text); }
.companies-fit__anthem .anthem__sign { margin: 1.1em 0 0; color: var(--accent); }
@media (max-width: 640px) {
  .companies-fit__anthem p { margin-bottom: .65em; }
}

/* Closing band: a hairline separates it from the ink section above. */
.companies-cta { padding-bottom: clamp(96px, 12vw, 190px); }
.companies-cta .cta-band__inner::before { content: ""; grid-column: 1 / -1; border-top: 1px solid var(--line); margin-bottom: clamp(40px, 6vw, 96px); }
.companies-cta .t-1 { margin-top: 18px; }
.companies-cta .t-1 em { display: block; color: var(--pear); } /* the answer gets its own line; the question balances above it */