.career-hero{padding:3rem 0 4rem;background:linear-gradient(115deg,#eef5ef,#faf7f0)}
.career-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:5rem;align-items:center}
.career-hero .eyebrow{margin:2rem 0 1rem}.career-hero h1{font:400 clamp(2.8rem,5vw,5rem)/1.06 var(--font-display);letter-spacing:-.035em}.career-hero h1 em{display:block;color:var(--primary)}
.career-lead{font-size:1.05rem;line-height:1.8;color:var(--muted);margin:1.5rem 0 2rem;max-width:650px}.career-locations{font-size:.8rem;color:var(--primary);margin-top:1.5rem}
.career-note{padding:3rem;background:#103e31;color:#fff;border-radius:4px 60px 4px 4px;box-shadow:16px 16px 0 #dce7d9}.career-note-label,.career-note-bottom{font-size:.7rem;letter-spacing:.13em}.career-note h2{font:400 3rem/1.1 var(--font-display);margin:2rem 0}.career-note-line{width:55px;height:3px;background:#a4d2a8;margin-bottom:2rem}.career-note p{line-height:2;color:#d9e8df}.career-note-bottom{display:block;margin-top:3rem;color:#a4d2a8}
.career-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.career-role{padding:1.6rem;border:1px solid var(--border);display:flex;flex-direction:column;background:var(--card)}.career-number{color:var(--primary);font-size:.8rem;margin-bottom:2rem}.career-role h3,.career-paths h3{font:400 1.65rem/1.15 var(--font-display);margin-bottom:1rem}.career-role p,.career-paths p,.career-next p{color:var(--muted);line-height:1.8;font-size:.93rem}.career-interest-link{border:0;background:transparent;color:var(--primary);font:inherit;font-size:.8rem;text-align:left;padding:1.5rem 0 0;margin-top:auto;cursor:pointer}
.career-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2.5rem}.career-paths article{border-top:2px solid #9cb69c;padding-top:1.5rem}.career-fit{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem}.career-fit ul{padding-left:1.25rem;line-height:2.2;color:var(--primary)}.career-next{padding:2.5rem;background:#eaf1e9;border-radius:12px}.career-next h2{font:400 2.6rem/1.12 var(--font-display);margin:1rem 0}.career-next .btn{margin-top:1.5rem}.career-next small{display:block;color:var(--muted);margin-top:1rem;line-height:1.6}
@media(max-width:1000px){.career-role-grid{grid-template-columns:repeat(2,1fr)}.career-hero-grid,.career-fit{gap:2.5rem}.career-note{padding:2rem}}
@media(max-width:700px){.career-hero-grid,.career-fit,.career-paths{grid-template-columns:1fr}.career-role-grid{grid-template-columns:1fr}.career-note{margin-right:16px}.career-hero{padding-top:2rem}.career-paths{gap:2rem}.career-next{padding:1.5rem}}

/* Motion stays local to the two career pages. Content is visible without JS. */
#career-candidate-modal [hidden]{display:none!important}
#career-candidate-modal form{display:grid;gap:1.1rem}
.career-choice{border:1px solid var(--border);border-radius:10px;padding:1rem;min-width:0}
.career-choice legend{font-size:.88rem;font-weight:600;padding:0 .3rem;line-height:1.6}
.career-choice label{display:flex;align-items:center;gap:.65rem;margin:.7rem 0;font-size:.9rem;cursor:pointer}
.career-choice input{width:18px!important;height:18px;flex:none;accent-color:var(--primary)}
.career-preview-notice{padding:.8rem 1rem;background:#eef4ee;border-radius:8px;font-size:.8rem;line-height:1.6;margin:1rem 0;color:#315b44}
#career-candidate-modal [id$="confirmation"] p{margin:1rem 0;line-height:1.7}
#career-candidate-modal [data-edit-registration]{display:block;width:fit-content;margin:1rem 0 0;padding:.5rem 0;line-height:1.5}
#career-candidate-modal [data-edit-registration]:hover{text-decoration:underline;text-underline-offset:4px}
#career-candidate-modal .field select{width:100%;padding:.8rem;border:1px solid var(--border);border-radius:8px;background:var(--card);font:inherit}
.career-page .career-hero{position:relative;overflow:hidden;isolation:isolate}
.career-page .career-hero::before,.career-page .career-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%}
.career-sales .career-hero::before{width:380px;height:380px;right:-120px;top:-110px;border:1px solid #b7d4bd;box-shadow:0 0 0 48px #cfe1cd40,0 0 0 96px #cfe1cd25;animation:career-orbit-in 2s ease-out both}
.career-finance .career-hero::before{inset:0;width:100%;height:100%;border-radius:0;background-image:linear-gradient(#16614606 1px,transparent 1px),linear-gradient(90deg,#16614606 1px,transparent 1px);background-size:44px 44px;animation:career-grid-in 1.8s ease-out both}
.career-page .career-note{position:relative;overflow:hidden}
.career-page .career-note::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff10 45%,transparent 65%);transform:translateX(-110%)}
.career-sales .career-note.career-visible::after{animation:career-sheen 4s .5s ease-in-out infinite}
.career-finance .career-note.career-visible .career-note-line{transform-origin:left;animation:career-line-grow 1s .5s ease-out both}
.career-page .career-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease var(--career-delay,0ms),transform .65s cubic-bezier(.2,.75,.25,1) var(--career-delay,0ms)}
.career-sales .career-note.career-reveal{transform:translateY(24px) rotate(2deg)}
.career-finance .career-role.career-reveal{transform:translateY(14px) scale(.97)}
.career-page .career-reveal.career-visible{opacity:1;transform:none}
.career-page .career-role{position:relative;transition:opacity .65s ease var(--career-delay,0ms),transform .4s ease,border-color .3s ease,box-shadow .3s ease}
.career-page .career-role::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.career-page .career-number{display:inline-flex;align-self:flex-start;transition:color .3s ease,transform .3s ease}
.career-page .career-role:focus-within::after{transform:scaleX(1)}
.career-page .btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.career-page .career-interest-link:focus-visible{outline:2px solid var(--primary);outline-offset:5px}
.career-page .career-paths article{position:relative}
.career-page .career-paths article::before{content:"";position:absolute;left:0;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--primary);transform:scale(0);transition:transform .4s ease var(--career-delay,0ms)}
.career-page .career-paths article.career-visible::before{transform:scale(1)}
@media(hover:hover) and (pointer:fine){
 .career-sales .career-role.career-visible:hover{transform:translateY(-7px);box-shadow:0 14px 30px #103e3112;border-color:#8caf96}
 .career-finance .career-role.career-visible:hover{transform:translateY(-3px);box-shadow:0 6px 20px #103e310d;border-color:#8caf96}
 .career-page .career-role:hover::after{transform:scaleX(1)}
 .career-sales .career-role:hover .career-number{transform:translateX(5px);color:#218351}
 .career-page .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #103e3120}
}
@keyframes career-orbit-in{from{opacity:0;transform:translate(35px,-20px) scale(.85)}to{opacity:1;transform:none}}
@keyframes career-grid-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes career-sheen{0%{transform:translateX(-110%)}45%,100%{transform:translateX(110%)}}
@keyframes career-line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
 .career-page *, .career-page *::before, .career-page *::after{animation:none!important;transition:none!important}
 .career-page .career-reveal,.career-page .career-role.career-visible:hover{opacity:1;transform:none}
}