/* Careers · ways in and ways up — four routes (each opening on a photograph of who it is for), and the ladder as a
   rising staircase. Tokens only. */
.car-routes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bdh-gap)}
.car-route{--car-rp:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:12px;min-width:0;padding:var(--car-rp);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);transition:box-shadow var(--d2) var(--e),border-color var(--d2) var(--e)}
/* the photograph runs edge to edge across the top of the card (the card's own padding, taken back) */
.car-route__ph{flex:none;max-width:none;aspect-ratio:3/2;margin:calc(var(--car-rp) * -1) calc(var(--car-rp) * -1) 8px;border-radius:calc(var(--r-lg) - 1px) calc(var(--r-lg) - 1px) 0 0}
.car-route:hover{box-shadow:var(--sh-1);border-color:var(--line-3)}
.car-route__top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;margin:0 0 6px}
.car-route__n{font-family:var(--f);font-size:var(--t-xs);color:var(--muted)}
.car-route__n b{font-weight:500;color:var(--ink)}
.car .car-route__t{margin:0;font-family:var(--f-h);font-weight:500;font-size:clamp(1.25rem,1.7vw,1.5rem);letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.car-route__who{margin:0;font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.car-route__p{margin:0;font-size:var(--t-sm);line-height:1.6;color:var(--txt)}
.car-route__len{display:flex;align-items:center;gap:8px;margin:auto 0 0;padding-top:14px;border-top:1px dashed var(--line-3);font-family:var(--f);font-size:var(--t-xs);color:var(--ink)}
.car-route__len .xt-ico{flex:none;color:var(--muted)}
.car-route__go{display:inline-flex;align-items:center;gap:.5em;min-height:44px;font-size:var(--t-sm);font-weight:500;color:var(--ink)}
.car-route__go .i{color:var(--blue)}
.car-route__go:hover{color:var(--blue-d)}

.car-ladder{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(24px,4vw,64px);align-items:end;margin-top:var(--bdh-block);padding-top:clamp(36px,4vw,56px);border-top:1px solid var(--line)}
.car-ladder__head{display:flex;flex-direction:column;gap:12px;align-self:start}
.car .car-ladder__h{margin:0;font-family:var(--f-h);font-weight:500;font-size:clamp(1.35rem,2.2vw,1.9rem);letter-spacing:-.022em;color:var(--ink)}
.car-ladder__p{margin:0;font-size:var(--t-sm);line-height:1.6;color:var(--muted);max-width:36ch}
.car-ladder__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;align-items:end}
.car-ladder__step{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-width:0}
.car-ladder__bar{display:block;height:calc((var(--i) + 1) / var(--n) * clamp(96px,12vw,176px) + 16px);border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--line-3)}
.car-ladder__step:nth-child(2) .car-ladder__bar{background:var(--ghost)}
.car-ladder__step:nth-child(3) .car-ladder__bar{background:var(--faint)}
.car-ladder__step:nth-child(4) .car-ladder__bar{background:var(--muted)}
.car-ladder__step:nth-child(5) .car-ladder__bar{background:var(--ink-2)}
.car-ladder__step:nth-child(n+6) .car-ladder__bar{background:var(--ink)}
.car-ladder__lvl{display:flex;align-items:baseline;gap:8px;margin:8px 0 0;font-family:var(--f-h);font-weight:500;font-size:var(--t-body);color:var(--ink)}
.car-ladder__no{font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.1em;color:var(--blue)}
.car-ladder__scope{margin:0;font-family:var(--f);font-size:var(--t-xs);color:var(--ink)}
.car-ladder__txt{margin:0;font-size:var(--t-xs);line-height:1.5;color:var(--muted);min-height:3em}

@media (max-width:1100px){
  .car-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .car-ladder{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .car-ladder__steps{grid-template-columns:minmax(0,1fr);gap:0}
  .car-ladder__step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:2px;padding:14px 0;border-top:1px solid var(--line)}
  .car-ladder__bar{grid-row:1 / 4;width:calc((var(--i) + 1) / var(--n) * 56px + 8px);height:10px;align-self:center;border-radius:var(--r-pill);transform-origin:left center}
  .car-ladder__lvl{margin:0}
  .car-ladder__txt{min-height:0}
}
@media (max-width:600px){
  .car-routes{grid-template-columns:minmax(0,1fr)}
  .car-route__ph{aspect-ratio:16/9}
  .car-ladder__step{grid-template-columns:72px minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.car-route{transition:none}}