.join { padding-top: clamp(2.5rem, 6vw, 4.5rem); } .join-inner { display: grid; gap: var(--gap-split); align-items: center; } .join-copy { display: grid; gap: var(--head-stack); justify-items: start; } .join-copy > div { width: 100%; } .join-copy .lede { text-wrap: balance; } .join-shot { --phone-max: 17rem; } @media (min-width: 60rem) { .join-inner { grid-template-columns: 1fr 0.74fr; } } .join-steps { display: grid; gap: var(--gap-cols); list-style: none; padding: 0; } .join-steps li { display: grid; gap: 0.5rem; align-content: start; } .join-steps p { max-width: 42ch; font-size: 1rem; } @media (min-width: 52rem) { .join-steps { grid-template-columns: repeat(3, 1fr); } } .join-links { margin-top: 0.75rem; } @media (max-width: 47.99rem) { .join-steps { gap: 2rem; } .join-steps .step-num { margin-bottom: 0.35rem; } .join-links { line-height: 1.95; } }