/* careers: hero art, life strip, job list + detail. Reuses site.css tokens. */
.page-hero--careers .page-hero__inner{display:grid;gap:28px;align-items:center}
.page-hero--careers .page-hero__copy{max-width:none}
.cx-hero-art{margin:0;border:1px solid rgba(255,255,255,.14);background:#070b12;overflow:hidden;animation:cx-float 7s ease-in-out infinite}
.cx-hero-art img{display:block;width:100%;height:auto}
@keyframes cx-float{50%{transform:translateY(-6px)}}
.cx-life{display:grid;gap:16px}
.cx-life figure{margin:0;border:1px solid rgba(255,255,255,.14);background:#05080d;overflow:hidden;transition:border-color .25s,transform .25s}
.cx-life figure:hover{border-color:#52a8ff;transform:translateY(-3px)}
.cx-life img{display:block;width:100%;height:auto;aspect-ratio:8/5;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cx-life figure:hover img{transform:scale(1.04)}
.cx-life figcaption{padding:14px 16px;color:#9aa6b4;font-size:15px;line-height:1.45}
.cx-life figcaption b{display:block;color:#fff;font-size:17px;margin-bottom:2px}
.cx-card,.cx-day article,.cx-tiles a,.careers-job-card,.careers-steps article{transition:border-color .25s,transform .25s,background .25s}
.cx-card:hover,.cx-day article:hover,.cx-tiles a:hover,.careers-job-card:hover,.careers-steps article:hover{border-color:#52a8ff;transform:translateY(-2px)}
.cx-hero-art + *,.cx-life{--_:0}
.cx-page{font-size:16px}
.rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1),border-color .25s}
.rv.in{opacity:1;transform:none}
/* job list */
.careers-job-card{display:flex;flex-direction:column}
.careers-job-card h3{font-size:20px;line-height:1.25}
.careers-job-card__actions{margin-top:auto;padding-top:14px}
.cj-skills{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cj-skills li{padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#c5d0de;font-size:13px}
.cj-note{display:grid;gap:14px;align-items:center;margin-top:28px;padding:22px;border:1px solid #52a8ff;background:linear-gradient(180deg,#0d1726,#05080d)}
.cj-note h2{margin:0 0 6px;font-size:22px}.cj-note p{margin:0;color:#c5d0de}
/* job detail */
.cj-hero{padding:clamp(28px,5vw,56px) 0 clamp(20px,3vw,32px);border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(60% 80% at 85% 0,rgba(82,168,255,.13),transparent 70%),#000}
.cj-crumb{display:flex;gap:8px;font:500 13px var(--font-mono,monospace);color:#9aa6b4;margin-bottom:14px}
.cj-crumb a{color:#9aa6b4}.cj-crumb a:hover{color:#fff}
.cj-hero h1{margin:0 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.025em;text-wrap:balance;max-width:20ch}
.cj-chips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cj-chips li{padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#e7edf5;font-size:14px}
.cj-lead{max-width:62ch;margin:0 0 20px;color:#c5d0de;font-size:18px;line-height:1.55}
.cj-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.cj-hero__cta span{color:#9aa6b4;font-size:14px}
.cj-body{display:grid;gap:28px;padding-block:clamp(24px,4vw,48px)}
.cj-main{min-width:0;max-width:72ch}
.cj-sec{margin-bottom:32px}
.cj-sec h2{margin:0 0 12px;font-size:clamp(20px,2vw,24px);letter-spacing:-.01em}
.cj-sec p{color:#c5d0de;font-size:17px;line-height:1.65;margin:0 0 12px}
.cj-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cj-list li{position:relative;padding-left:26px;color:#d5deea;font-size:17px;line-height:1.5}
.cj-list li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid #52a8ff;border-bottom:2px solid #52a8ff;transform:rotate(-45deg)}
.cj-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s}
.cj-steps li{counter-increment:s;display:grid;grid-template-columns:32px 1fr;column-gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);background:#05080d}
.cj-steps li::before{content:counter(s);grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#52a8ff;color:#000;font-weight:600;font-size:14px}
.cj-steps b{color:#fff}.cj-steps span{color:#9aa6b4;font-size:15px}
.cj-card{padding:22px;border:1px solid rgba(255,255,255,.18);background:#05080d;display:grid;gap:14px}
.cj-card h2{margin:0;font-size:20px}
.cj-card dl{margin:0;display:grid;gap:10px}
.cj-card dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}
.cj-card dt{color:#9aa6b4;font-size:14px}.cj-card dd{margin:0;color:#fff;font-size:15px;text-align:right}
.cj-card .btn-glass{justify-content:center}
.cj-card .cj-skills{margin:0}
.cj-card__fine{margin:0;color:#9aa6b4;font-size:13px}
.cj-back{display:inline-block;margin-top:14px;color:#9aa6b4;font-size:15px}.cj-back:hover{color:#fff}
.cj-bar{position:fixed;inset:auto 0 0 0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#05080d;border-top:1px solid rgba(255,255,255,.18)}
.cj-bar b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:900px){
  .page-hero--careers .page-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .cx-life{grid-template-columns:repeat(3,1fr)}
  .cj-note{grid-template-columns:1fr auto}
  .cj-body{grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
  .cj-side{position:sticky;top:90px}
  .cj-bar{display:none}
}
@media (prefers-reduced-motion:reduce){.cx-hero-art{animation:none}.rv{opacity:1;transform:none;transition:none}*{scroll-behavior:auto}}
.cj-chips li::first-letter,.cj-card dd::first-letter{text-transform:uppercase}
.careers-job-card__meta span{display:inline-block}.careers-job-card__meta span::first-letter{text-transform:uppercase}
.cj-art{display:none;margin:0}
@media (min-width:900px){
  .cj-hero__in{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:48px;align-items:center}
  .cj-hero__in>:not(.cj-art){grid-column:1}
  .cj-art{display:block;grid-column:2;grid-row:1 / span 6;border:1px solid rgba(255,255,255,.14);background:#070b12;overflow:hidden}
  .cj-art img{display:block;width:100%;height:auto}
}