/* Careers · how we hire — the three-week plan, five stations, a photograph and the never list. Tokens only. */
.car-plan{padding:clamp(20px,2.6vw,36px);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--paper-2)}
.car-plan__axis,.car-plan__row{display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:20px;align-items:center}
.car-plan__axis{position:relative;height:28px;margin-bottom:8px}
.car-plan__axis::before{content:"";grid-column:1}
.car-plan__wk{position:absolute;left:calc(160px + 20px + (100% - 180px) * var(--d) / var(--end));top:0;padding-left:8px;border-left:1px solid var(--line-3);font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:28px;white-space:nowrap}
.car-plan__rows{list-style:none;margin:0;padding:0}
.car-plan__row{min-height:44px;border-top:1px solid var(--line)}
.car-plan__lbl{display:flex;align-items:baseline;gap:10px;font-family:var(--f-h);font-weight:500;font-size:var(--t-body);color:var(--ink)}
.car-plan__lbl b{font-family:var(--f);font-weight:500;font-size:var(--t-lbl);letter-spacing:.1em;color:var(--blue)}
.car-plan__lane{position:relative;height:44px}
.car-plan__tick{position:absolute;top:0;bottom:0;left:calc(100% * var(--d) / var(--end));width:1px;background:var(--line)}
.car-plan__bar{position:absolute;top:50%;height:14px;margin-top:-7px;left:calc(100% * var(--d) / var(--end));width:max(6px,calc(100% * var(--len) / var(--end)));border-radius:var(--r-pill);background:var(--ink)}
.car-plan__bar.is-end{background:var(--blue)}
.car-plan__bar em{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:2px 6px;border-radius:var(--r-xs);background:var(--paper-2);font-style:normal;font-family:var(--f);font-size:var(--t-xs);color:var(--txt);white-space:nowrap}
.car-plan__bar.is-end em{left:auto;right:calc(100% + 8px)}

.car-stages{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--bdh-gap);position:relative}
.car-stages::before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:var(--line-3)}
.car-stage{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.car-stage__top{display:flex;align-items:center;gap:12px;margin:0}
.car-stage__n{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--line-3);font-family:var(--f);font-size:var(--t-xs);color:var(--ink)}
.car-stage:last-child .car-stage__n{background:var(--blue);border-color:var(--blue);color:var(--on-ink)}
.car-stage__when{padding-right:8px;background:var(--paper);font-family:var(--f);font-size:var(--t-xs);color:var(--muted)}
.car .car-stage__t{margin:6px 0 0;font-family:var(--f-h);font-weight:500;font-size:var(--t-h3);color:var(--ink)}
.car-stage__p{margin:0;font-size:var(--t-sm);line-height:1.6;color:var(--txt)}
.car-stage__look{display:flex;flex-direction:column;gap:4px;margin:auto 0 0;padding-top:14px;border-top:1px dashed var(--line-3);font-size:var(--t-xs);color:var(--ink)}
.car-stage__look span{font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
/* the stage's place in the three weeks — phones only, where the chart above is hidden */
.car-stage__wk{display:none;position:relative;height:10px;border-radius:var(--r-pill);background:var(--paper-3)}
.car-stage__tk{position:absolute;top:-3px;bottom:-3px;left:calc(100% * var(--d) / var(--end));width:1px;background:var(--line-3)}
.car-stage__bar{position:absolute;top:0;bottom:0;left:calc(100% * var(--d) / var(--end));width:max(6px,calc(100% * var(--len) / var(--end)));border-radius:var(--r-pill);background:var(--ink)}
.car-stage__bar.is-end{background:var(--blue)}

.car-hire__foot{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--bdh-gap);align-items:stretch;margin-top:var(--bdh-block)}
.car-hire__fig{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.car-hire__img{display:block;aspect-ratio:16/10;border-radius:var(--r-xl)}
.car-hire__cap{font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.car-never{display:flex;flex-direction:column;gap:18px;padding:clamp(24px,3vw,40px);border-radius:var(--r-xl);background:var(--ink);color:var(--on-ink-2)}
.car .car-never__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(--on-ink)}
.car-never__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.car-never__list li{display:flex;align-items:center;gap:14px;min-height:52px;padding:10px 0;border-top:1px solid var(--on-ink-line);font-size:var(--t-body);color:var(--on-ink)}
.car-never__x{position:relative;flex:none;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--on-ink-line)}
.car-never__x::before,.car-never__x::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1.5px;margin-top:-.75px;background:var(--on-ink-2);transform:rotate(45deg)}
.car-never__x::after{transform:rotate(-45deg)}
.car-never__go{margin-top:auto;align-self:flex-start;background:var(--paper);color:var(--ink)}
.car-never__go:hover{background:var(--paper-3)}

@media (max-width:1100px){
  .car-stages{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}
  .car-stages::before{display:none}
  .car-hire__foot{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .car-plan{display:none}
  .car-stages{margin-top:0}
  .car-stage__wk{display:block;margin:2px 0 4px}
  .car-stages{grid-template-columns:minmax(0,1fr);row-gap:0}
  .car-stage{padding:0 0 30px 58px}
  .car-stage::before{content:"";position:absolute;left:22px;top:44px;bottom:0;width:1px;background:var(--line-3)}
  .car-stage:last-child::before{display:none}
  .car-stage__top{position:relative;margin-left:-58px;gap:14px}
}
@media (max-width:600px){
  .car-never__go{align-self:stretch;justify-content:center}
}