.careers{width:min(1320px,calc(100% - 96px));margin:0 auto;padding:88px 0 56px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.8fr);gap:clamp(30px,6vw,90px);align-items:center}
.careers-board{position:relative;padding:22px 24px 20px;background:var(--ink-soft);color:var(--paper);overflow:hidden;isolation:isolate}
.careers-board::after{position:absolute;z-index:-1;top:-120px;right:-120px;width:300px;height:300px;border:1px solid rgba(123,199,154,.3);border-radius:50%;content:""}
.board-head,.board-foot{display:flex;justify-content:space-between;align-items:center;color:#aeb5b1;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.board-head{padding-bottom:16px;border-bottom:1px solid rgba(244,244,240,.14)}
.board-head span:last-child{color:var(--green)}
.board-row{display:flex;flex-direction:column;gap:9px;padding:20px 0;border-bottom:1px dashed rgba(244,244,240,.14)}
.board-line{height:8px;width:62%;border-radius:4px;background:rgba(244,244,240,.09)}
.board-line.short{width:34%;background:rgba(123,199,154,.16)}
.board-foot{justify-content:flex-start;gap:10px;padding-top:18px}
.board-foot img{width:18px;height:18px;filter:invert(1);opacity:.85}
.careers-note{width:min(1320px,calc(100% - 96px));margin:0 auto 64px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;line-height:1.5}
.page-footer{padding-top:8px;border-top:1px solid var(--line)}
@media (max-width:900px){.careers,.careers-note{width:calc(100% - 56px)}}
@media (max-width:680px){
  .main-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
  .main-nav a{font-size:10px;padding:8px 1px}
  .careers,.careers-note{width:calc(100% - 40px)}
  .careers{grid-template-columns:1fr;padding:56px 0 40px;gap:36px}
  .careers-note{align-items:flex-start;font-size:12px;margin-bottom:48px}
}
@media (max-width:370px){.main-nav a{font-size:9px}}
@media (prefers-reduced-motion:no-preference){
  .careers-copy,.careers-board,.careers-note{animation:arrive .72s cubic-bezier(.2,.7,.2,1) both}
  .careers-board{animation-delay:.1s}.careers-note{animation-delay:.18s}
  .board-line{transform-origin:left;animation:shimmer 2.8s ease-in-out infinite alternate}
  .board-row:nth-child(3) .board-line{animation-delay:.4s}.board-row:nth-child(4) .board-line{animation-delay:.8s}
  @keyframes shimmer{from{opacity:.55}to{opacity:1}}
}
