.page-heading.recruitment-intro {
  position: relative;
  isolation: isolate;
  padding-block: var(--space-xxl);
  min-height: 460px;
}
.recruitment-intro-copy { position: relative; max-width: min(48%, 560px); }
.recruitment-intro h1 { margin-bottom: var(--space-lg); font-size: 1.25rem; line-height: 1.5; letter-spacing: -.02em; }
.recruitment-intro .lede { max-width: 42ch; }
.recruitment-anchor-scene {
  position: absolute;
  z-index: -1;
  top: 0;
  inset-inline: calc((100% - 100vw) / 2);
  height: 460px;
  overflow: hidden;
  pointer-events: none;
}
.recruitment-anchor {
  position: absolute;
  width: min(56vw, 640px);
  height: auto;
  right: -48px;
  top: 0;
  filter: invert(1);
  opacity: .65;
}
.recruitment-live, .recruitment-closed {
  margin-top: var(--space-xl);
}
.recruitment-live { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-sm); justify-items: start; }
.recruitment-status { color: var(--color-accent); font: .875rem/1.5 var(--font-mono); }
.recruitment-live p { color: var(--color-muted); }
.recruitment-live strong { color: var(--color-text); font-weight: 500; }
.recruitment-live .button { margin-top: var(--space-md); background: var(--color-brand-deep); color: var(--color-text); }
.recruitment-live .button:hover { background: var(--color-brand); color: var(--color-bg); }
.recruitment-closed p { color: var(--color-muted); }
.recruitment-closed .text-link { margin-top: var(--space-sm); }
.section.recruitment-process {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: var(--space-xl) var(--space-xxl);
  padding-block: var(--space-xxl);
}
.recruitment-process-intro, .recruitment-steps { grid-column: 2; }
.recruitment-arm-scene { position: absolute; z-index: -1; inset-block: 0; inset-inline: calc((100% - 100vw) / 2); overflow: hidden; pointer-events: none; }
.recruitment-arm { position: absolute; width: min(40vw, 520px); max-width: none; height: calc(100% - 64px); object-fit: contain; object-position: left center; left: var(--space-md); top: var(--space-xl); mix-blend-mode: screen; opacity: .65; }
.recruitment-process h2 { max-width: none; }
.recruitment-process-intro .lede { margin-top: var(--space-lg); max-width: 48ch; font-size: 1rem; }
.recruitment-steps { margin: 0; padding: 0; list-style: none; }
.recruitment-steps > li { border-top: 1px solid var(--color-border); padding-block: var(--space-xl); display: grid; grid-template-columns: var(--space-xl) minmax(0, 1fr); gap: var(--space-lg); }
.recruitment-steps > li:first-child { padding-top: 0; border-top: 0; }
.recruitment-steps > li:last-child { padding-bottom: 0; }
.step-number { color: var(--color-accent); font: 1rem/1.5 var(--font-mono); padding-top: var(--space-xs); }
.recruitment-steps h3 { margin-bottom: var(--space-md); }
.recruitment-steps p { color: var(--color-muted); }
.recruitment-steps .text-link { margin-top: var(--space-sm); color: var(--color-accent); }
.recruitment-steps .text-link:hover { color: var(--color-text); }
.session-list { margin-top: var(--space-lg); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.session { padding-left: var(--space-md); border-left: 1px solid var(--color-brand); }
.session h4 { font-size: 1rem; margin: 0 0 var(--space-sm); font-weight: 550; }
.session p + p { margin-top: var(--space-xs); }
.session-empty { grid-column: 1 / -1; }
.section.recruitment-expectations { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--space-xxl); border-top: 1px solid var(--color-border); padding-block: var(--space-xxl); }
.recruitment-expectations h2 { max-width: 11ch; }
.recruitment-expectations p { color: var(--color-muted); }
.recruitment-expectations .lede { color: var(--color-text); }
.recruitment-expectations .text-link { margin-top: var(--space-lg); }
@media (max-width: 1000px) {
  .section.recruitment-process, .section.recruitment-expectations { gap: var(--space-xl); }
  .session-list { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .recruitment-intro-copy { max-width: 100%; }
  .recruitment-anchor-scene { height: 320px; }
  .recruitment-anchor { width: 380px; right: -110px; top: 0; opacity: .16; }
  .recruitment-intro .lede { max-width: 32ch; }
  .section.recruitment-process, .section.recruitment-expectations { grid-template-columns: 1fr; }
  .recruitment-process h2, .recruitment-expectations h2 { max-width: none; }
  .recruitment-process-intro, .recruitment-steps { grid-column: 1; }
  .recruitment-process-intro { min-height: 280px; padding-left: var(--space-xxl); }
  .recruitment-process-intro .lede { max-width: 48ch; }
  .recruitment-arm-scene { height: 380px; }
  .recruitment-arm { width: 200px; height: 348px; left: 0; top: var(--space-md); opacity: .2; }
  .recruitment-steps > li { gap: var(--space-md); }
  .recruitment-steps > li:first-child { padding-top: var(--space-xl); border-top: 1px solid var(--color-border); }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .recruitment-intro { view-timeline: --headset-scroll block; }
    .recruitment-process { view-timeline: --arm-scroll block; }
    .recruitment-anchor-scene { height: calc(460px + var(--space-xxl)); }
    @media (max-width: 760px) {
      .recruitment-anchor-scene { height: calc(320px + var(--space-xxl)); }
    }
    .recruitment-anchor {
      animation: headset-parallax linear both;
      animation-timeline: --headset-scroll;
      animation-range: exit 0% exit 100%;
    }
    .recruitment-arm-scene { overflow: visible; }
    .recruitment-arm {
      animation: arm-parallax linear both;
      animation-timeline: --arm-scroll;
      animation-range: exit-crossing -128px exit-crossing calc(66.6667% + 13.3333vh - 128px);
    }
  }
}
@keyframes headset-parallax {
  from { transform: translateY(0); }
  to { transform: translateY(var(--space-xxl)); }
}
@keyframes arm-parallax {
  from { transform: translateY(calc(-2 * var(--space-xxl))); }
  to { transform: translateY(0); }
}