.careers-positions {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #061b36;
  border-top: 1px solid #214967;
}
.careers-positions::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(114,206,231,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(114,206,231,.055) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, transparent, #000);
}
.positions-light { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.positions-light i {
  position: absolute;
  top: -40%;
  left: -60%;
  width: 38%;
  height: 180%;
  background: linear-gradient(90deg, transparent, rgba(18,136,182,.02) 20%, rgba(83,216,235,.12) 84%, rgba(153,244,255,.32) 85%, transparent 86%);
  transform: translate3d(0,0,0) skewX(-28deg);
  animation: positions-light-flow 18s linear infinite;
  animation-play-state: paused;
}
.positions-light i:nth-child(2) { animation-delay: -6s; opacity: .55; }
.positions-light i:nth-child(3) { animation-delay: -12s; opacity: .3; }
.careers-positions.is-inview:not(.motion-paused) .positions-light i { animation-play-state: running; }
@keyframes positions-light-flow {
  from { transform: translate3d(0,0,0) skewX(-28deg); }
  to { transform: translate3d(620%,0,0) skewX(-28deg); }
}
.careers-positions > .container { position: relative; }
.positions-heading { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 64px; align-items: center; }
.careers-positions .eyebrow { color: #86e6f0; letter-spacing: 0; }
.careers-positions .section-title { font-size: 44px; line-height: 1.2; margin-bottom: 24px; }
.careers-positions .positions-intro { max-width: 760px; margin-top: 0; font-size: 16px; line-height: 1.9; color: #bdccdf; }
.positions-overview { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; }
.positions-total { color: #8fdee9; font-size: 56px; line-height: 1; font-weight: 400; font-variant-numeric: tabular-nums; }
.positions-countline { display: flex; align-items: center; gap: 12px; }
.positions-motion { display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: transparent; color: #9bc8d6; cursor: pointer; }
.positions-motion[hidden] { display: none; }
.positions-motion:hover { color: #fff; }
.positions-motion:focus-visible { outline: 2px solid #96e9f3; outline-offset: 2px; }
.positions-motion span { width: 9px; height: 12px; border-inline: 3px solid currentColor; }
.positions-motion[aria-pressed="true"] span { width: 0; height: 0; border: 6px solid transparent; border-right: 0; border-left: 9px solid currentColor; }
.positions-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 48px;
  min-width: 206px;
  padding: 12px 20px;
  border: 1px solid rgba(144,227,242,.5);
  border-radius: 2px;
  background: rgba(130,212,235,.08);
  color: #f6fbff;
  font: inherit;
  font-size: 15px;
  line-height: 1.4;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}
.positions-toggle[hidden] { display: none; }
.positions-toggle, .positions-motion { touch-action: manipulation; }
.positions-toggle:hover { background: rgba(130,212,235,.16); border-color: #96e9f3; }
.positions-toggle:focus-visible, .careers-positions .job-apply:focus-visible { outline: 2px solid #96e9f3; outline-offset: 5px; }
.positions-chevron { flex: none; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .55s ease; }
.positions-toggle[aria-expanded="true"] .positions-chevron { transform: translateY(2px) rotate(225deg); }
.careers-positions .positions-contact { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 28px; margin: 32px 0 24px; }
.careers-positions .positions-contact .quote { margin: 0; border: 0; padding: 0; color: #afc0d5; font-size: 13px; font-weight: 400; }
.careers-positions .positions-contact .btn { order: -1; min-height: 44px; padding: 0; border: 0; background: transparent; color: #a1e7f0; font-size: 16px; }
.jobs-window { overflow: hidden; }
.careers-positions .job-list { position: relative; column-gap: 40px; }
.careers-positions .job-list li { min-height: 90px; padding: 20px 8px; border-color: rgba(153,216,240,.22); transition: background .2s; }
.careers-positions .job-list li:hover, .careers-positions .job-list li:focus-within { background: rgba(125,215,235,.065); }
.careers-positions .job-list h3 { font-size: 18px; line-height: 1.65; font-weight: 500; letter-spacing: 0; }
.careers-positions .job-apply { border-color: rgba(166,219,238,.3); border-radius: 2px; background: rgba(206,240,255,.035); color: #e7f4ff; }
.careers-positions .job-apply:hover { color: #062542; background: #cceff6; }
@media (max-width: 980px) {
  .positions-heading { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .positions-overview { flex-direction: row; align-items: center; justify-content: space-between; }
  .positions-total { font-size: 36px; }
  .positions-countline { gap: 4px; }
}
@media (max-width: 760px) {
  .careers-positions { padding: 64px 0; }
  .careers-positions .section-title { font-size: 32px; margin-bottom: 20px; }
  .careers-positions .positions-intro { font-size: 15px; line-height: 1.85; }
  .careers-positions .positions-contact { margin: 18px 0; gap: 0 20px; }
  .careers-positions .positions-contact .quote { width: 100%; }
  .careers-positions .job-list li { min-height: 82px; padding: 16px 4px; gap: 14px; }
  .careers-positions .job-list h3 { font-size: 16px; }
  .careers-positions .job-apply { padding: 8px 10px; }
  .positions-toggle { flex: 1; min-width: 0; max-width: 240px; padding: 12px 14px; gap: 10px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .positions-light i { animation: none; transform: translate3d(260%,0,0) skewX(-28deg); }
  .positions-toggle, .positions-chevron, .careers-positions .job-list li { transition: none; }
  .positions-motion { display: none; }
}
