/* Recruitment process and onboarding refinements for v1.8. */
.page-recruitment .recruitment-process .section-head {
  max-width: 900px;
  margin: 0 auto 56px;
  text-align: center;
}
.page-recruitment .recruitment-process .section-head .lede { margin-inline: auto; }
.page-recruitment .recruitment-steps {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 20px;
  max-width: 1180px;
  margin-inline: auto;
}
.page-recruitment .recruitment-step {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 440px;
  padding: 30px;
  border: 0;
  border-radius: 28px;
  background: var(--v18-bone);
  color: var(--v18-ink);
  box-shadow: none;
  transition: transform .24s ease,background-color .24s ease,box-shadow .24s ease;
}
.page-recruitment .recruitment-step:nth-child(4){grid-column:2/span 2}
.page-recruitment .recruitment-step:nth-child(5){grid-column:4/span 2}
.page-recruitment .recruitment-step::before{content:none}
.page-recruitment .recruitment-step .step-marker{
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  margin-bottom: 48px;
  border: 1.5px solid var(--v18-ink);
  background: transparent;
  color: var(--v18-ink);
  font-size: 15px;
}
.page-recruitment .recruitment-step .step-content{display:flex;flex:1;flex-direction:column;padding:0}
.page-recruitment .recruitment-step .step-content h3{
  min-height:0;
  margin:0 0 14px;
  color:var(--v18-ink);
  font-size:clamp(27px,2.4vw,36px);
  line-height:1;
}
.page-recruitment .recruitment-step .step-content>p:not(.step-outcome){
  min-height:0;
  margin:0 0 24px;
  color:var(--v18-muted);
  font-size:16px;
  line-height:1.58;
}
.page-recruitment .step-outcome{
  display:grid;
  gap:6px;
  margin:auto 0 0;
  padding:18px 19px;
  border:0;
  border-radius:17px;
  background:#fff;
  color:var(--v18-ink);
  font-size:15px;
  font-weight:650;
  line-height:1.42;
}
.page-recruitment .outcome-label{
  color:var(--v18-ink);
  font-size:12px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.page-recruitment .outcome-label::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--v18-lime)}
.page-recruitment .recruitment-step:hover,
.page-recruitment .recruitment-step:focus-within{
  transform:translateY(-5px);
  background:#fff;
  box-shadow:0 18px 36px #14140f18;
}
.page-recruitment .recruitment-transition .section-intro{
  display:block;
  max-width:930px;
  margin:0 auto 54px;
  text-align:center;
}
.page-recruitment .recruitment-transition .section-intro h2{
  max-width:900px;
  margin:0 auto 28px;
  font-size:clamp(58px,6.5vw,88px);
  line-height:.92;
}
.page-recruitment .recruitment-transition .section-intro .lede{max-width:760px;margin:0 auto;font-size:18px}
.page-recruitment .transition-checkpoints{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.page-recruitment .transition-checkpoint{
  min-width:0;
  min-height:290px;
  padding:30px;
  border:0;
  border-radius:26px;
  background:var(--v18-bone);
  transition:transform .24s ease,background-color .24s ease;
}
.page-recruitment .checkpoint-time{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  margin-bottom:74px;
  padding:7px 14px;
  border:1.5px solid var(--v18-ink);
  border-radius:99px;
  background:transparent;
  color:var(--v18-ink);
  font-size:13px;
  font-weight:750;
  letter-spacing:.03em;
}
.page-recruitment .transition-checkpoint h3{margin-bottom:12px;font-size:28px;line-height:1.05}
.page-recruitment .transition-checkpoint p{margin:0;color:var(--v18-muted);font-size:16px;line-height:1.55}
.page-recruitment .transition-checkpoint:hover{transform:translateY(-4px);background:var(--v18-lime)}
@media(max-width:900px){
  .page-recruitment .recruitment-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .page-recruitment .recruitment-step,.page-recruitment .recruitment-step:nth-child(4),.page-recruitment .recruitment-step:nth-child(5){grid-column:auto;min-height:420px}
  .page-recruitment .recruitment-step:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
  .page-recruitment .transition-checkpoints{gap:14px}
  .page-recruitment .transition-checkpoint{padding:24px}
}
@media(max-width:680px){
  .page-recruitment .recruitment-process .section-head{margin-bottom:34px;text-align:center}
  .page-recruitment .recruitment-steps{grid-template-columns:1fr;gap:14px}
  .page-recruitment .recruitment-step,.page-recruitment .recruitment-step:nth-child(4),.page-recruitment .recruitment-step:nth-child(5),.page-recruitment .recruitment-step:last-child{grid-column:1;width:auto;min-height:0;padding:24px}
  .page-recruitment .recruitment-step .step-marker{width:50px;height:50px;flex-basis:50px;margin-bottom:34px}
  .page-recruitment .recruitment-step .step-content h3{font-size:30px}
  .page-recruitment .recruitment-transition .section-intro{margin-bottom:34px}
  .page-recruitment .recruitment-transition .section-intro h2{font-size:48px}
  .page-recruitment .transition-checkpoints{grid-template-columns:1fr;gap:14px}
  .page-recruitment .transition-checkpoint{min-height:245px;padding:24px}
  .page-recruitment .checkpoint-time{margin-bottom:48px}
}
@media(prefers-reduced-motion:reduce){
  .page-recruitment .recruitment-step,.page-recruitment .transition-checkpoint{transition:none}
  .page-recruitment .recruitment-step:hover,.page-recruitment .recruitment-step:focus-within,.page-recruitment .transition-checkpoint:hover{transform:none}
}