/* Jobs / careers page */

.jb-blobs .b1{position:absolute;width:55vw;height:55vw;left:-18vw;bottom:-22vw;border-radius:50%;background:radial-gradient(circle,#12363e 0%,transparent 65%);filter:blur(70px);animation:flowA 16s ease-in-out infinite}

.jb-hero{position:relative;z-index:1;padding:22vh 44px 40px;max-width:1400px;margin:0 auto;box-sizing:border-box}
.jb-hero h1{font-size:clamp(48px,7.5vw,120px);font-weight:800;letter-spacing:-.02em;line-height:.96;margin:0}
.jb-hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(238,243,242,.8)}
.jb-hero .lead{max-width:520px;font-size:17px;line-height:1.65;font-weight:300;color:rgba(238,243,242,.7);margin:44px 0 0;text-wrap:pretty}

.jb-list{position:relative;z-index:1;padding:60px 44px 120px;max-width:1400px;margin:0 auto;box-sizing:border-box}
.jrows{border-top:1px solid rgba(238,243,242,.14)}
.jrow{display:grid;grid-template-columns:minmax(0,1.4fr) 150px 180px auto;gap:32px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(238,243,242,.12);transition:background .4s,padding-left .4s}
.jrow:hover{background:rgba(143,208,207,.05);padding-left:20px}
.jrow .title{font-size:clamp(22px,2.4vw,32px);font-weight:800;letter-spacing:-.01em}
.jrow .desc{font-size:14px;font-weight:300;color:rgba(238,243,242,.55);margin-top:6px}
.jrow .level{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.24em;color:#8fd0cf}
.jrow .meta{font-size:13px;font-weight:300;color:rgba(238,243,242,.6)}
.jrow .apply{justify-self:end;font-family:Jost,sans-serif;font-size:11px;letter-spacing:.26em;border:1px solid rgba(238,243,242,.35);padding:14px 24px;border-radius:2px;white-space:nowrap}
.jrow .apply:hover{border-color:#8fd0cf;color:#8fd0cf}
.jb-open{font-size:14px;font-weight:300;color:rgba(238,243,242,.45);margin:40px 0 0}
.jb-open a{color:#8fd0cf}

.jb-empty{border:1px solid rgba(238,243,242,.14);padding:90px 44px;text-align:center}
.jb-empty p.kicker{font-family:Jost,sans-serif;font-size:12px;letter-spacing:.4em;color:#8fd0cf;margin:0 0 20px}
.jb-empty h2{font-size:clamp(28px,3.4vw,48px);font-weight:800;letter-spacing:-.02em;margin:0 0 22px}
.jb-empty p.body{max-width:460px;margin:0 auto;font-size:16px;line-height:1.6;font-weight:300;color:rgba(238,243,242,.6);text-wrap:pretty}
.jb-empty a{color:#8fd0cf}

@media (max-width:760px){
  .jb-hero,.jb-list{padding-left:24px;padding-right:24px}
  .jrow{grid-template-columns:1fr!important;gap:10px!important;align-items:start!important}
  .jrow .apply{justify-self:start!important}
}