.jobs-page { overflow-x: hidden; }
.jobs-ambient { position: fixed; z-index: -2; width: 40rem; aspect-ratio: 1; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.jobs-ambient--one { top: 7rem; right: -18rem; background: radial-gradient(circle, rgba(137,112,245,.25), transparent 68%); }
.jobs-ambient--two { top: 42rem; left: -25rem; background: radial-gradient(circle, rgba(141,243,230,.15), transparent 68%); }
.desktop-nav .is-current { color: var(--aqua); }
.jobs-hero { padding-top: clamp(10rem, 16vw, 14rem); }
.jobs-hero__grid, .jobs-section-heading, .jobs-guide { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr); gap:clamp(1.5rem,6vw,8rem); align-items:end; }
.jobs-hero h1, .jobs-section-heading h2, .jobs-guide h2 { max-width:12ch; margin:.8rem 0 1.25rem; font-family:var(--display); font-size:clamp(2.7rem,7.5vw,7rem); letter-spacing:-.08em; line-height:.88; }
.jobs-hero h1 em, .jobs-section-heading h2 em, .jobs-guide h2 em { color:var(--aqua); font-style:normal; }
.jobs-hero__grid > div > p { max-width:39rem; margin:0; color:rgba(241,242,236,.67); font-size:.92rem; line-height:1.75; }
.jobs-hero__note { padding:1.35rem; background:rgba(241,242,236,.05); border:1px solid rgba(141,243,230,.23); border-radius:.8rem; }
.jobs-hero__note span { color:var(--acid); font-family:var(--mono); font-size:1.4rem; }
.jobs-hero__note p { margin:.9rem 0 0; color:rgba(241,242,236,.62); font-size:.72rem; line-height:1.65; }
.jobs-hero__note strong { color:var(--paper); }
.jobs-search { margin-top:clamp(2.5rem,5vw,5rem); padding:1rem; background:#101521; border:1px solid rgba(241,242,236,.13); border-radius:.8rem; }
.jobs-search label { display:block; margin:0 0 .6rem; color:var(--aqua); font-family:var(--mono); font-size:.5rem; letter-spacing:.1em; }
.jobs-search > div { display:flex; gap:.7rem; }
.jobs-search input { width:100%; min-width:0; padding:0 1rem; color:var(--paper); background:rgba(241,242,236,.06); border:1px solid rgba(241,242,236,.14); border-radius:.4rem; outline:none; font:inherit; }
.jobs-search input:focus { border-color:var(--aqua); }
.jobs-routes, .jobs-results { padding-top:clamp(5rem,11vw,10rem); }
.jobs-section-heading { margin-bottom:2rem; }
.jobs-section-heading h2 { margin-bottom:0; font-size:clamp(2.25rem,5vw,4.8rem); }
.jobs-section-heading > p { max-width:22rem; margin:0 0 .4rem; color:rgba(241,242,236,.58); font-size:.77rem; line-height:1.6; }
.jobs-route-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(241,242,236,.13); border-left:1px solid rgba(241,242,236,.13); }
.jobs-route { display:grid; grid-template-columns:2rem minmax(0,1fr) 1rem; gap:.7rem; padding:1.1rem; color:var(--paper); text-align:left; background:rgba(241,242,236,.025); border:0; border-right:1px solid rgba(241,242,236,.13); border-bottom:1px solid rgba(241,242,236,.13); cursor:pointer; transition:background .2s ease, color .2s ease; }
.jobs-route:hover, .jobs-route.is-active { color:#07101a; background:var(--aqua); }
.jobs-route > span, .jobs-role > span { font-family:var(--mono); font-size:.55rem; }
.jobs-route small { display:block; margin-bottom:.25rem; color:inherit; font-family:var(--mono); font-size:.45rem; letter-spacing:.07em; opacity:.7; }
.jobs-route strong { font-size:.84rem; line-height:1.25; }
.jobs-route b { align-self:center; font-size:1rem; }
.jobs-live { color:var(--aqua); font-family:var(--mono); font-size:.48rem; letter-spacing:.06em; }
.jobs-live i { display:inline-block; width:.42rem; height:.42rem; margin-right:.4rem; background:var(--acid); border-radius:50%; box-shadow:0 0 0 .22rem rgba(198,245,98,.12); }
.jobs-role-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:rgba(241,242,236,.14); border:1px solid rgba(241,242,236,.14); }
.jobs-role { min-height:17rem; padding:1.25rem; background:#0c101a; }
.jobs-role h3 { max-width:11ch; margin:3.2rem 0 .8rem; font-family:var(--display); font-size:1.75rem; letter-spacing:-.07em; line-height:.92; }
.jobs-role p { min-height:3.5rem; margin:0 0 1rem; color:rgba(241,242,236,.55); font-size:.68rem; line-height:1.55; }
.jobs-role div { display:flex; flex-wrap:wrap; gap:.4rem; }
.jobs-role a { padding:.4rem .5rem; color:var(--paper); border:1px solid rgba(241,242,236,.2); border-radius:100vw; font-family:var(--mono); font-size:.45rem; text-decoration:none; }
.jobs-role a:hover { color:#07101a; background:var(--acid); border-color:var(--acid); }
.jobs-role i { font-style:normal; }
.jobs-guide { margin-top:clamp(5rem,11vw,10rem); padding:clamp(1.5rem,4vw,4rem); background:linear-gradient(135deg,rgba(137,112,245,.22),rgba(141,243,230,.12)); border:1px solid rgba(141,243,230,.26); border-radius:1rem; }
.jobs-guide h2 { margin:0; font-size:clamp(2.3rem,5vw,5rem); }
.jobs-guide ol { display:grid; gap:1rem; margin:0; padding:0; list-style:none; }
.jobs-guide li { display:grid; grid-template-columns:2rem 1fr; gap:.7rem; align-items:start; padding-bottom:1rem; border-bottom:1px solid rgba(241,242,236,.16); }
.jobs-guide li:last-child { padding:0; border:0; }
.jobs-guide span { color:var(--acid); font-family:var(--mono); font-size:.52rem; }
.jobs-guide p { margin:0; color:rgba(241,242,236,.75); font-size:.75rem; line-height:1.55; }
@media (max-width:760px) { .jobs-hero__grid,.jobs-section-heading,.jobs-guide { grid-template-columns:1fr; gap:1.5rem; } .jobs-search > div { display:grid; } .jobs-search input { min-height:3rem; } .jobs-route-grid { grid-template-columns:1fr; } .jobs-role-grid { grid-template-columns:1fr; } .jobs-role { min-height:auto; } .jobs-role h3 { margin-top:2rem; } .jobs-section-heading > p { margin:0; } }