/* Careers page – builds on about.css (body.ab). Scoped to body.cr */
.cr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cr .ab-two p{margin-bottom:16px}
.cr a:focus-visible,.cr button:focus-visible,.cr input:focus-visible,.cr select:focus-visible,.cr textarea:focus-visible{outline:2px solid #9be83a;outline-offset:3px}

/* hero */
.cr-hero{min-height:0;padding:150px 0 90px}.cr-hero>.c{width:100%}
.cr-hero h1{font-size:clamp(38px,6.4vw,78px);line-height:1.08;max-width:960px}
.cr-rot{display:inline-grid;vertical-align:bottom;overflow:hidden;height:1.12em}
.cr-w{grid-area:1/1;opacity:0;transform:translateY(100%);transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);background:linear-gradient(90deg,#8cf21a,#5ccf00,#b6f56b);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}
.cr-w.on{opacity:1;transform:none}.cr-w.out{opacity:0;transform:translateY(-100%)}
.cr-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.cr-facts{list-style:none;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0;margin-top:56px;border-top:1px solid #ffffff22}
.cr-facts li{padding:20px 40px 0 0;margin-right:40px;border-right:1px solid #ffffff1a}.cr-facts li:last-child{border:0}
.cr-facts b{display:block;font:600 34px/1 Fraunces,Georgia,serif;color:#fff}
.cr-facts span{display:block;margin-top:8px;font-size:13px;color:#a7acb6;max-width:150px;line-height:1.4}

/* filters */
.cr-filters{display:grid;gap:18px;padding:22px;margin-top:34px}
.cr-search{display:flex;align-items:center;gap:12px;border:1px solid #ffffff2e;background:#070908aa;padding:0 16px;color:#a7acb6;transition:border-color .2s}
.cr-search:focus-within{border-color:var(--acc)}
.cr-search input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;padding:14px 0;outline:0}
.cr-search input::placeholder{color:#7f8590}
.cr-group{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.cr-lab{width:74px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7f8590}
.cr-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.cr-chip{font:inherit;font-size:14px;font-weight:600;padding:8px 16px;border:1px solid #ffffff2e;background:transparent;color:#d6d8dd;cursor:pointer;border-radius:2px;transition:background .2s,border-color .2s,color .2s}
.cr-chip:hover{border-color:var(--acc);color:#fff}
.cr-chip.on{background:var(--acc);border-color:var(--acc);color:#06100a}
.cr-chip small{opacity:.7;font-weight:500;margin-left:6px}
.cr-count{margin:26px 0 12px;font-size:14px;color:#a7acb6}

/* job list */
.cr-list{border-top:1px solid #ffffff1f}
.cr-job{border-bottom:1px solid #ffffff1f;transition:background .25s}
.cr-job[hidden]{display:none}
.cr-job:hover,.cr-job.open{background:#ffffff08}
.cr-row{display:grid;grid-template-columns:190px 1fr auto;gap:24px;align-items:center;padding:26px 14px}
.cr-dept{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);font-weight:700}
.cr-main h3{font-size:clamp(20px,2.4vw,26px);color:#fff}
.cr-meta{margin-top:4px;font-size:14.5px;color:#a7acb6}
.cr-tog{display:flex;align-items:center;gap:12px;font:inherit;font-weight:600;color:#fff;background:none;border:1px solid #ffffff33;padding:10px 18px;cursor:pointer;border-radius:2px;transition:.25s}
.cr-tog:hover{border-color:var(--acc);color:var(--acc)}
.cr-tog i{position:relative;width:12px;height:12px}
.cr-tog i:before,.cr-tog i:after{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:currentColor;transition:transform .3s}
.cr-tog i:after{transform:rotate(90deg)}
.cr-job.open .cr-tog i:after{transform:rotate(0)}
.cr-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}
.cr-job.open .cr-panel{grid-template-rows:1fr}
.cr-inner{overflow:hidden;min-height:0;padding:0 14px 0 228px}
.cr-job.open .cr-inner{padding-bottom:34px}
.cr-sum{font-size:18px;color:#d6d8dd;max-width:640px;margin-bottom:22px}
.cr-cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:26px;max-width:820px}
.cr-cols h4{font:600 15px Fraunces,Georgia,serif;color:#b6f56b;margin-bottom:10px}
.cr-cols ul{list-style:none}
.cr-cols li{position:relative;padding:6px 0 6px 22px;color:#a7acb6;font-size:15.5px}
.cr-cols li:before{content:"";position:absolute;left:0;top:17px;width:10px;height:2px;background:var(--acc)}
.cr-none{padding:44px;margin-top:20px}.cr-none h3{color:#fff;font-size:26px;margin-bottom:8px}.cr-none p{color:#a7acb6}

/* quiz */
.cr-quiz{padding:34px;min-height:340px}
.cr-qh{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#a7acb6;margin-bottom:18px}
.cr-bar{height:3px;background:#ffffff22;margin-bottom:26px}.cr-bar i{display:block;height:100%;background:var(--acc);transition:width .4s}
.cr-quiz h3{font-size:26px;color:#fff;margin-bottom:20px}
.cr-opts{display:grid;gap:10px}
.cr-opt{font:inherit;text-align:left;color:#e6e8ec;background:#070908aa;border:1px solid #ffffff2e;padding:14px 18px;cursor:pointer;border-radius:2px;transition:.2s}
.cr-opt:hover{border-color:var(--acc);background:#5ccf0022;transform:translateX(4px)}
.cr-res-list{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 22px}
.cr-res-list span{background:var(--acc);color:#06100a;padding:8px 16px;font-weight:600;border-radius:2px}
.cr-res p{color:#a7acb6}
.cr-res .ab-links{margin-top:20px}
.cr-link{background:none;border:0;color:#a7acb6;font:inherit;text-decoration:underline;cursor:pointer;padding:12px 6px}.cr-link:hover{color:#fff}

/* day tabs */
.cr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 22px}
.cr-tab{font:inherit;font-weight:600;padding:11px 24px;border:1px solid #ffffff2e;background:transparent;color:#d6d8dd;cursor:pointer;border-radius:2px;transition:.2s}
.cr-tab:hover{border-color:var(--acc);color:#fff}.cr-tab.on{background:#fff;border-color:#fff;color:#070908}
.cr-daywrap{padding:12px 34px}
.cr-day{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.cr-day[hidden]{display:none}
.cr-step{position:relative;padding:34px 26px 34px 0;animation:crin .5s both}
.cr-step:nth-child(2){animation-delay:.08s}.cr-step:nth-child(3){animation-delay:.16s}.cr-step:nth-child(4){animation-delay:.24s}
@keyframes crin{from{opacity:0;transform:translateY(14px)}}
.cr-step:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--acc),#ffffff18);margin-bottom:22px}
.cr-step small{font-size:13px;letter-spacing:.1em;color:var(--acc);font-weight:700;text-transform:uppercase}
.cr-step h3{font-size:22px;margin:8px 0;color:#fff}.cr-step p{color:#a7acb6;font-size:15.5px}

/* perks */
.cr-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:44px}
.cr-perk{padding:32px 26px;transition:transform .35s,box-shadow .35s}
.cr-perk:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0008}
.cr-perk svg{color:var(--acc);margin-bottom:18px}.cr-perk h3{font-size:21px;color:#fff;margin-bottom:10px}.cr-perk p{color:#a7acb6;font-size:15.5px}

/* form */
.cr-sel{display:inline-block;padding:8px 14px;border:1px solid var(--acc);color:#fff;background:#5ccf0022}
.cr-form{padding:34px;display:grid;gap:8px}
.cr-form label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#a7acb6;margin-top:8px}
.cr-form input:not([type=hidden]),.cr-form select,.cr-form textarea{width:100%;font:inherit;color:#fff;background:#070908cc;border:1px solid #ffffff2e;padding:13px 14px;border-radius:2px;transition:border-color .2s}
.cr-form input:focus,.cr-form select:focus,.cr-form textarea:focus{border-color:var(--acc);outline:0}
.cr-form textarea{resize:vertical}
.cr-two{display:grid;grid-template-columns:1fr;gap:0}
.cr-form .btn{margin-top:14px;justify-self:start}
.cr .form-status.ok{color:#6fdc98}.cr .form-status.err{color:#9be83a}
.cr-flash{animation:crf 1.2s}@keyframes crf{0%,60%{box-shadow:0 0 0 2px var(--acc),0 0 40px #5ccf0066}}

@media(max-width:900px){
 .cr-row{grid-template-columns:1fr auto;gap:8px 16px}.cr-dept{grid-column:1/-1}
 .cr-inner{padding-left:14px}.cr-cols{grid-template-columns:1fr;gap:18px}
 .cr-day{grid-template-columns:1fr 1fr}.cr-facts{grid-template-columns:1fr 1fr;gap:0}
 .cr-facts li{border:0;margin:0;padding:20px 20px 10px 0}
}
@media(max-width:560px){
 .cr-hero{padding:120px 0 60px}.cr-tog span{display:none}.cr-tog{padding:12px}
 .cr-day{grid-template-columns:1fr}.cr-two{grid-template-columns:1fr}
 .cr-lab{width:100%}.cr-filters,.cr-quiz,.cr-form{padding:20px}.cr-daywrap{padding:4px 20px}
}
@media(prefers-reduced-motion:reduce){
 .cr-w,.cr-panel,.cr-step{transition:none;animation:none}.cr-opt:hover,.cr-perk:hover{transform:none}.cr-flash{animation:none}
}

/* Overlap fixes: side dots only show their label on hover/focus, and content clears the dots on narrower screens */
.cr .scroll-rail a.active:after{opacity:0}
.cr .scroll-rail a:hover:after,.cr .scroll-rail a:focus-visible:after{opacity:1}
.cr #ab-bg{opacity:.75}
@media(max-width:1299px) and (min-width:641px){.cr-main .c{padding-left:64px}}
@media(max-width:900px) and (min-width:641px){.cr-main .c{padding-left:52px}}