/* Talent stories follow the home system; original portraits, open columns,
   shared display typography and the same orange/dark-blue action states. */
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:20px}
.hero-actions .meet-link{margin-top:0}
.careers-jump{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding-block:8px;border-bottom:1px solid var(--orange);font-size:14px;font-weight:500;line-height:1.4;transition:color .18s}
.careers-jump svg{width:18px;height:18px;flex-shrink:0}
.careers-jump:is(:hover,:focus-visible){color:var(--beos-action)}
.careers-section{border-top:1px solid var(--line);position:relative;isolation:isolate}

.careers-heading{align-items:start;margin-bottom:52px}
.careers-heading h2{font-size:clamp(40px,4.8vw,68px)}
.careers-intro{max-width:440px;padding-top:4px}
.careers-intro .careers-lead{font-size:clamp(23px,2.4vw,30px);font-weight:500;line-height:1.2;letter-spacing:-.025em;color:var(--ink);margin-bottom:18px}
.careers-intro p{font-size:17px;line-height:1.55;color:var(--muted)}
.career-stories{display:grid;grid-template-columns:repeat(4,minmax(0,280px));justify-content:center;gap:clamp(24px,4.5vw,60px);align-items:start}
.career-story{min-width:0;text-align:left}
.career-photo{width:100%;max-width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:var(--beos-radius);background:#2794c2;margin-bottom:24px}
.career-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.career-identity{min-width:0}
.career-story h3{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.035em;margin-bottom:10px}
.career-story h3>span:first-child{min-width:0}
.career-role{font-size:14px;color:var(--slate);line-height:1.5;margin:0 0 20px}
.career-growth{border-top:1px solid var(--line);padding-top:18px;width:100%;max-width:none;font-size:16px;line-height:1.55;color:var(--muted)}
.career-growth strong{color:var(--ink);font-weight:500}
.careers-invitation{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:56px;padding:34px 0 0;border-top:1px solid var(--line)}
.careers-invitation h3{font-size:clamp(26px,2.5vw,36px);line-height:1.15;font-weight:500;letter-spacing:-.035em}
.careers-invitation p{margin-top:12px;max-width:48ch;color:var(--muted);font-size:16px;line-height:1.5}
.careers-apply{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:15px 23px;background:var(--orange);color:var(--ink);border:1px solid var(--orange);border-radius:var(--beos-radius);font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.careers-apply svg{width:18px;height:18px}
.careers-apply:is(:hover,:focus-visible){background:var(--beos-action);border-color:var(--beos-action);color:#fff}
/* Personality badges use the shared BEOS blue. */
.career-personality{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:var(--beos-radius);background:var(--blue);color:var(--ink)}
.career-personality svg{width:25px;height:25px;stroke-width:1.6;transform-origin:center;overflow:visible}
.table-cell{fill:currentColor;stroke:none;opacity:.12}
@keyframes wrench-turn{0%,12%,42%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}36%{transform:rotate(-5deg)}}
@keyframes dumbbell-lift{0%,14%,52%,100%{transform:translateY(0) rotate(0)}24%,34%{transform:translateY(-3px) rotate(-6deg)}43%{transform:translateY(1px) rotate(2deg)}}
@keyframes table-scan{0%,8%,48%,100%{opacity:.12}18%,35%{opacity:.8}}
@media(prefers-reduced-motion:no-preference){
 .personality-wrench{animation:wrench-turn 5.8s ease-in-out infinite paused}
 .personality-dumbbell{animation:dumbbell-lift 5.8s ease-in-out infinite paused}
 .table-cell{animation:table-scan 5.8s ease-in-out infinite paused}
 .table-cell-two{animation-delay:.35s}.table-cell-three{animation-delay:.7s}
 .career-personality[data-visible="true"] svg,.career-personality[data-visible="true"] .table-cell{animation-play-state:running}
}
@media(max-width:1000px){.career-stories{gap:28px}.career-story h3{font-size:21px;gap:8px}.career-personality{width:30px;height:30px}.career-personality svg{width:23px;height:23px}.career-growth{font-size:15px}.careers-heading{gap:36px}}
@media(min-width:761px) and (max-width:1050px){.career-stories{grid-template-columns:repeat(2,minmax(0,300px))}}
@media(max-width:760px){
 .hero-actions{gap:12px;margin-top:18px}
 .careers-heading{gap:24px;margin-bottom:40px}
 .careers-heading h2{font-size:clamp(36px,7.6vw,56px)}
 .careers-intro{max-width:48ch;padding-top:0}
 .careers-intro .careers-lead{font-size:26px}
 .career-stories{grid-template-columns:1fr;gap:36px}
 .career-story{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px 24px;align-items:start}
 .career-photo{grid-column:1;grid-row:1;width:140px;margin:0}
 .career-identity{grid-column:2;grid-row:1;align-self:start;padding-top:0}
 .career-story h3{font-size:24px;align-items:flex-start;gap:10px;margin:0 0 10px}
 .career-personality{margin-top:0}
 .career-role{margin:0;font-size:14px}
 .career-growth{grid-column:1/-1;grid-row:2;font-size:16px;padding-top:18px}
 .careers-invitation{align-items:flex-start;flex-direction:column;gap:24px;margin-top:40px;padding-top:28px}
 .careers-invitation p{font-size:16px}
}
@media(max-width:480px){
 .career-story{grid-template-columns:100px minmax(0,1fr);gap:20px 18px}
 .career-photo{width:100px}
 .career-story h3{font-size:22px;gap:8px}
 .career-personality{width:26px;height:26px}.career-personality svg{width:20px;height:20px}
 .career-role{font-size:13px}
 .careers-apply{width:100%;gap:18px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.careers-jump,.careers-apply{transition:none}.career-personality svg,.table-cell{animation:none!important}}