/* ============================================================================
   careers.css — page-specific layout for /careers.
   Everything shared (tokens, header/footer, kickers, ledger, stations,
   cta-final, reveal) comes from malcare.css. Never redefine tokens.
   ============================================================================ */

/* --------------------------------------------------------------- hero ----- */
.hero{padding:120px 0 96px;border-bottom:1px solid var(--ink-08)}
.hero h1{font-size:clamp(38px,4.6vw,62px);margin-bottom:24px;max-width:18ch}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero .lede{font-size:17px;margin-bottom:36px;max-width:56ch}
.hero .lede em{color:var(--hi);font-style:normal;font-weight:500}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px}
.hero-facts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--ink-08);border-bottom:1px solid var(--ink-08)}
.hero-facts span{font-family:var(--fm);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);padding:18px 28px 18px 0;margin-right:28px;border-right:1px solid var(--ink-08)}
.hero-facts span:last-child{border-right:0;margin-right:0}
.hero-facts b{color:var(--hi);font-weight:500}

/* ---------------------------------------------------- why (3 columns) ----- */
.why3{display:flex;flex-wrap:wrap;border-top:1px solid var(--ink-08);border-bottom:1px solid var(--ink-08)}
.why3 .wc{flex:1;min-width:230px;padding:34px 34px 34px 0;margin-right:34px;border-right:1px solid var(--ink-08)}
.why3 .wc:last-child{border-right:0;margin-right:0;padding-right:0}
.why3 .wc .lab{font-family:var(--fm);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);display:block;margin-bottom:16px}
.why3 .wc h3{font-size:18px;margin-bottom:12px;max-width:20ch}
.why3 .wc p{font-size:14.5px;color:var(--mut);max-width:44ch}
.why3 .wc p b{color:var(--body);font-weight:500}
.why3 .wc .go{display:inline-block;font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cy);margin-top:16px}

/* ------------------------------------------------- fit (like / won't) ----- */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
.fit-col .flab{font-family:var(--fm);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;display:block;padding-bottom:16px;border-bottom:1px solid var(--ink-08)}
.fit-col.yes .flab{color:var(--cy)}
.fit-col.no .flab{color:var(--acc)}
.fit-col .frow{padding:22px 2px;border-bottom:1px solid var(--ink-08);font-size:15px;color:var(--body);max-width:44ch}
.fit-col .frow b{color:var(--hi);font-weight:500}

/* -------------------------------------------------------------- roles ----- */
.rgroup{margin-bottom:56px}
.rgroup:last-of-type{margin-bottom:0}
.rgroup-head{display:flex;align-items:baseline;gap:16px;font-family:var(--fm);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut);padding-bottom:14px;border-bottom:1px solid var(--ink-14)}
.rgroup-head .cnt{color:var(--cy);letter-spacing:.1em}
.role{display:grid;grid-template-columns:1fr auto;gap:18px 48px;align-items:start;padding:34px 2px;border-bottom:1px solid var(--ink-08)}
.role h3{font-size:20px;letter-spacing:-.01em;margin-bottom:10px}
.role .meta{display:block;font-family:var(--fm);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.role p{font-size:14.5px;color:var(--body);max-width:64ch}
.role p b{color:var(--hi);font-weight:500}
.role .apply{align-self:center;white-space:nowrap}
.roles-note{font-family:var(--fm);font-size:10.5px;letter-spacing:.08em;line-height:2;color:var(--mut);margin-top:28px;max-width:88ch}
.roles-note b{color:var(--body);font-weight:500}
.roles-empty{padding:44px 2px;border-bottom:1px solid var(--ink-08)}
.roles-empty h3{font-size:20px;margin-bottom:10px}
.roles-empty p{font-size:14.5px;color:var(--mut);max-width:60ch}

/* ----------------------------------------------------------- pipeline ----- */
.pipe .station{grid-template-columns:64px 1fr}
.pipe .station p{font-size:15px;color:var(--mut);max-width:62ch}
.pipe .station p b{color:var(--body);font-weight:500}
.pipe-caveat{font-family:var(--fm);font-size:10.5px;letter-spacing:.08em;color:var(--mut);margin-top:26px}
.perks{display:flex;flex-wrap:wrap;border-top:1px solid var(--ink-08);border-bottom:1px solid var(--ink-08);margin-top:64px}
.perks span{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding:16px 24px 16px 0;margin-right:24px;border-right:1px solid var(--ink-08)}
.perks span:last-child{border-right:0;margin-right:0}
.perks-cap{font-family:var(--fm);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:64px;margin-bottom:0}
.perks-cap + .perks{margin-top:14px}

/* --------------------------------------------------------------- open ----- */
.open-note{font-size:16.5px;max-width:64ch;margin-bottom:32px}
.open-note em{color:var(--hi);font-style:normal;font-weight:500}
.open-aside{font-family:var(--fm);font-size:11px;letter-spacing:.08em;line-height:2.1;color:var(--mut);margin-top:30px}
.open-aside a{color:var(--cy)}

/* ---------------------------------------------------------- responsive ---- */
@media(max-width:1060px){
  .fit{grid-template-columns:1fr}
  .fit-col.no .flab{margin-top:44px}
}
@media(max-width:760px){
  .hero{padding:96px 0 72px}
  .hero-facts{flex-direction:column}
  .hero-facts span{border-right:0;margin-right:0;padding:13px 0;border-bottom:1px solid var(--ink-08)}
  .hero-facts span:last-child{border-bottom:0}
  .why3{flex-direction:column}
  .why3 .wc{border-right:0;margin-right:0;padding:26px 0;border-bottom:1px solid var(--ink-08)}
  .why3 .wc:last-child{border-bottom:0}
  .role{grid-template-columns:1fr}
  .role .apply{align-self:start}
  .perks{flex-direction:column}
  .perks span{border-right:0;margin-right:0;padding:12px 0;border-bottom:1px solid var(--ink-08)}
  .perks span:last-child{border-bottom:0}
}