/* jobs.astra.ps — public career pages in the astra.ps design.
   Loaded after shared.css + pages.css (the site's own styles). Every rule is scoped to .jobs-site. */
.jobs-site{--gut:max(16px,calc((100% - 1220px) / 2))}
@media (min-width:768px){.jobs-site{--gut:max(32px,calc((100% - 1220px) / 2))}}
.jobs-site main{min-height:60vh}
.jobs-site .honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;opacity:0;pointer-events:none}

/* shared pieces */
.jobs-site .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 26px;border-radius:14px;border:0;background:var(--turq);color:#0B1526;font:inherit;font-weight:700;font-size:17.5px;cursor:pointer;box-shadow:0 10px 24px -14px rgba(0,0,0,.55);transition:transform .3s var(--ease-out),background .25s}
.jobs-site .button:hover{background:#95D0E6;transform:translateY(-2px)}
.jobs-site .button span{font-size:1.15em;line-height:1}
.jobs-site .back{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--turq-300)}
.jobs-site .back:hover{color:#fff}
.jobs-site h1 em{font-style:normal;color:#8CCBE3}
.jobs-site .hero .eyebrow{display:inline-flex;margin-top:0}
.jobs-site .hero .eyebrow::before{display:block}
.jobs-site .eyebrow{margin-top:18px}
.jobs-site .home-hero .eyebrow,.jobs-site .job-hero .eyebrow,.jobs-site .thanks .eyebrow{margin-top:0}
.jobs-site .opportunities-hero h1,.jobs-site .job-hero h1,.jobs-site .form-page h1,.jobs-site .thanks h1{font-size:clamp(32px,4.2vw,54px);line-height:1.25;font-weight:700;letter-spacing:-.01em;margin-top:12px;text-wrap:balance}

/* home */
.jobs-site .hero.home-hero{min-height:0;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;padding:176px var(--gut) 96px;background:#111B2F;border-bottom:1px solid var(--line);overflow:hidden}
.jobs-site .home-hero h1{font-size:clamp(40px,5.4vw,72px);line-height:1.18;font-weight:700;letter-spacing:-.015em;margin-top:16px}
.jobs-site .home-hero .button{margin-top:32px}
.jobs-site .orbit{position:relative;width:min(340px,78vw);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(124,195,222,.3);background:rgba(255,255,255,.03)}
.jobs-site .orbit::before{content:"";position:absolute;inset:17%;border-radius:50%;border:1px dashed rgba(124,195,222,.28)}
.jobs-site .orbit i{position:absolute;inset:0;border-radius:50%;animation:job-orbit 16s linear infinite}
.jobs-site .orbit i::after{content:"";position:absolute;top:-7px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:var(--turq);box-shadow:0 0 0 6px rgba(124,195,222,.16)}
.jobs-site .orbit b{font-size:46px;line-height:1;color:var(--turq);font-weight:400}
.jobs-site .orbit span{position:absolute;bottom:25%;font-weight:700;font-size:18px;color:#E2E8F0}
@keyframes job-orbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.jobs-site .orbit i{animation:none}}
.jobs-site .home-intro{padding:46px var(--gut);font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.7;color:#E2E8F0;text-align:center;border-bottom:1px solid var(--line)}

/* opportunities */
.jobs-site .opportunities-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;padding:150px var(--gut) 46px;background:#111B2F;border-bottom:1px solid var(--line)}
.jobs-site .opportunities-count{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:999px;background:rgba(124,195,222,.12);border:1px solid rgba(124,195,222,.45);font-weight:700;font-size:16.5px;color:#fff}
.jobs-site .jobs-list{display:grid;gap:14px;padding:44px var(--gut) 100px}
.jobs-site .job-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;border-radius:20px;background:var(--card);border:1px solid var(--line);transition:border-color .3s,background .3s,transform .4s var(--ease-out)}
.jobs-site .job-row:hover{border-color:rgba(124,195,222,.45);background:#1A2944;transform:translateY(-2px)}
.jobs-site .job-row h3{font-size:clamp(19px,1.7vw,22px);line-height:1.55;color:#fff}
.jobs-site .job-row p{margin-top:6px;font-size:16px;line-height:1.7;color:var(--mut);text-align:start}
.jobs-site .job-meta{display:flex;align-items:center;gap:14px;flex:none}
.jobs-site .job-meta span{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:15px;font-weight:700;color:#E2E8F0;white-space:nowrap}
.jobs-site .job-meta b{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(124,195,222,.14);color:var(--turq);font-size:20px}
.jobs-site .empty{padding:40px 24px;border-radius:20px;background:var(--card);border:1px dashed rgba(148,163,184,.35);text-align:center}
.jobs-site .empty p{margin-top:8px;color:var(--mut);text-align:center}

/* job details */
.jobs-site .job-hero{padding:150px var(--gut) 46px;background:#111B2F;border-bottom:1px solid var(--line)}
.jobs-site .job-hero>p:not(.eyebrow){margin-top:12px;font-size:clamp(18px,1.5vw,20px);color:var(--mut)}
.jobs-site .job-hero .button{margin-top:26px}
.jobs-site .job-hero small{display:block;margin-top:12px;font-size:15.5px;color:var(--mut)}
.jobs-site .job-content{padding:56px var(--gut) 100px}
.jobs-site .job-content article{max-width:820px;font-size:18px;line-height:1.95;color:var(--mut)}
.jobs-site .job-content .summary{padding:20px 22px;border-radius:18px;background:var(--card);border:1px solid rgba(124,195,222,.3);border-inline-start:4px solid var(--turq);color:#E2E8F0;font-size:19px;line-height:1.85}
.jobs-site .job-content h2{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);font-size:clamp(24px,2.4vw,30px);line-height:1.35;color:#fff}
.jobs-site .rich{margin-top:14px;text-align:justify}
.jobs-site .rich h3{margin:24px 0 6px;font-size:20px;line-height:1.5;color:#F1F5F9;text-align:start}
.jobs-site .rich h3 br,.jobs-site .rich h3+br{display:none}
.jobs-site .rich strong{color:#F1F5F9}
.jobs-site .job-bottom-apply{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}

/* application form */
.jobs-site .form-page{padding:150px var(--gut) 100px}
.jobs-site .form-page>.lead{max-width:62ch}
.jobs-site .form-page>form{max-width:880px;margin-top:34px;display:grid;gap:18px}
.jobs-site .form-section{padding:26px;border-radius:22px;background:var(--card);border:1px solid var(--line);display:grid;gap:16px}
.jobs-site .form-section h2{font-size:22px;line-height:1.4;color:#fff}
.jobs-site .form-section .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jobs-site .form-page label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;font-weight:600;color:#E2E8F0}
.jobs-site .form-page label>input:not([type=checkbox]):not([type=radio]),.jobs-site .form-page label>select,.jobs-site .form-page label>textarea,.jobs-site .form-page label>small,.jobs-site .form-page label>.choices{flex-basis:100%}
.jobs-site .form-page input:not([type=checkbox]):not([type=radio]):not([type=file]),.jobs-site .form-page select,.jobs-site .form-page textarea{width:100%;min-height:52px;padding:10px 14px;border-radius:14px;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.2);color:#fff;font:inherit;font-size:18px;font-weight:400;outline:0;transition:border-color .2s}
.jobs-site .form-page textarea{min-height:120px;line-height:1.7;resize:vertical}
.jobs-site .form-page input:focus,.jobs-site .form-page select:focus,.jobs-site .form-page textarea:focus{border-color:var(--turq)}
.jobs-site .form-page select option{background:#16223A}
.jobs-site .form-page input[type=file]{width:100%;padding:12px;border-radius:14px;border:1px dashed rgba(124,195,222,.45);background:rgba(124,195,222,.06);color:var(--mut);font:inherit;font-size:16px;font-weight:400}
.jobs-site .form-page input[type=file]::file-selector-button{margin-inline-end:12px;padding:8px 16px;border:0;border-radius:10px;background:var(--turq);color:#0B1526;font:inherit;font-weight:700;cursor:pointer}
.jobs-site .form-page small{font-size:15px;font-weight:400;color:var(--mut)}
.jobs-site .required-note,.jobs-site .optional-note{display:inline-block;padding:1px 9px;border-radius:999px;font-size:13px;font-weight:700;vertical-align:middle}
.jobs-site .required-note{background:rgba(124,195,222,.14);color:#A9DCEF}
.jobs-site .optional-note{background:rgba(255,255,255,.06);color:var(--mut)}
.jobs-site .choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.jobs-site .form-page .choice{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:16px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.jobs-site .form-page .choice:has(input:checked){border-color:var(--turq);background:rgba(124,195,222,.12)}
.jobs-site .form-page input[type=checkbox],.jobs-site .form-page input[type=radio]{flex:none;width:19px;height:19px;min-height:0;margin:0;accent-color:var(--turq)}
.jobs-site .human-check{display:grid;gap:8px;padding:20px 22px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.jobs-site .human-check .check{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;color:#E2E8F0}
.jobs-site .errors{padding:14px 16px;border-radius:14px;border:1px solid rgba(224,122,122,.45);background:rgba(224,122,122,.1);color:#F6D0D0;font-weight:600}
.jobs-site .submit{width:100%;max-width:320px}

/* thank-you */
.jobs-site .thanks{min-height:72vh;display:grid;align-content:center;justify-items:center;padding:170px var(--gut) 100px;text-align:center;background:#111B2F}
.jobs-site .thanks p{text-align:center}
.jobs-site .thanks .lead{margin-inline:auto}
.jobs-site .thanks .button{margin-top:30px}

@media (max-width:900px){.jobs-site .hero.home-hero{grid-template-columns:1fr;gap:40px;padding-top:136px}.jobs-site .orbit{width:min(260px,70vw)}}
@media (max-width:760px){.jobs-site .job-row{flex-direction:column;align-items:flex-start}.jobs-site .job-meta{width:100%;justify-content:space-between}}
@media (max-width:640px){.jobs-site .opportunities-hero,.jobs-site .job-hero,.jobs-site .form-page{padding-top:124px}.jobs-site .form-section{padding:20px}.jobs-site .form-section .grid{grid-template-columns:1fr}.jobs-site .submit{max-width:none}}
