/* Shared collaboration steps */
/* Header illustrations blend into Warm Ivory; text remains real and selectable. */
.page-intro-illustrated{padding:36px 0 48px;background:var(--ivory)}
.page-intro-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);align-items:center;gap:48px}
.page-intro-art{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;border:0;border-radius:0}
.page-intro-copy{min-width:0}
.page-intro-illustrated h1{font-size:clamp(2rem,3.55vw,3rem);line-height:1.14;letter-spacing:-1.5px;max-width:680px;text-wrap:balance}
.page-intro-illustrated .lead{font-size:1.125rem;line-height:1.7;max-width:640px;margin-bottom:0}
.page-intro-compact .page-intro-art{max-height:230px}
.page-intro-compact{padding-block:28px 36px}
.teamwork-callout{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:36px;align-items:center;background:#D5EEED}
.teamwork-art{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}
.teamwork-callout h3{font-size:1.6875rem;color:var(--teal)}
.teamwork-callout p{margin-bottom:0}
.teamwork-cta{margin-top:24px;display:flex;justify-content:center}
#stanowiska{scroll-margin-top:112px}
@media(max-width:1000px){.page-intro-grid{gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.page-intro-illustrated .lead{font-size:1.0625rem}.page-intro-illustrated h1 br{display:none}.teamwork-callout{gap:24px}}
@media(max-width:700px){.page-intro-grid{grid-template-columns:1fr;gap:24px}.page-intro-illustrated{padding:20px 0 36px}.page-intro-art{max-width:300px;max-height:210px;margin-inline:auto}.page-intro-illustrated h1{font-size:2.25rem;letter-spacing:-1.1px}.page-intro-illustrated .lead{font-size:1.0625rem}.page-intro-compact .page-intro-art{max-width:220px;max-height:140px}.page-intro-compact .page-intro-grid{gap:16px}.teamwork-callout{grid-template-columns:1fr;gap:20px}.teamwork-art{max-width:300px;max-height:190px;margin-inline:auto}.teamwork-callout h3{font-size:1.5625rem}.teamwork-cta .button{white-space:normal;text-align:center}#stanowiska{scroll-margin-top:96px}}
@media(max-width:360px){.page-intro-illustrated h1{font-size:1.9375rem}.page-intro-art{max-height:175px}.page-intro-compact .page-intro-art{max-height:120px}}
.steps-illustrated .step{position:relative;border-top:0;padding-top:0;min-width:0}
.step-art{display:block;width:82%;max-width:220px;height:auto;aspect-ratio:6/5;object-fit:contain;margin:0 auto 16px;border-radius:18px}
.steps-illustrated .step:nth-child(n+3) .step-art{transform:translateY(7.2%)}
.step-number-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;border-top:2px solid #b8cdc7;padding-top:20px;margin-bottom:16px;min-height:58px}
.steps-illustrated .number{grid-column:1;justify-self:start;margin:0;line-height:1.2}
.step-link{color:inherit;text-decoration:none}
.step-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:12px}
.step-link:hover{text-decoration:underline}
.step-link:focus-visible{outline:0}
.step-link:focus-visible::after{outline:3px solid var(--teal);outline-offset:5px}
.button.step-apply{position:relative;z-index:2;grid-column:2;justify-self:center;min-height:36px;padding:7px 11px;border-radius:9px;font-size:0.75rem;line-height:1.5;white-space:nowrap}

@media(max-width:600px){
  .steps-illustrated{grid-template-columns:1fr;gap:28px}
  .steps-illustrated .step{display:grid;grid-template-columns:clamp(88px,28vw,132px) minmax(0,1fr);column-gap:18px;align-items:start;max-width:none}
  .steps-illustrated .step-art{grid-column:1;grid-row:1 / span 3;align-self:center;width:100%;max-width:none;margin:0}
  .steps-illustrated .step > .step-number-row,.steps-illustrated .step > h3,.steps-illustrated .step > p{grid-column:2}
  .step-number-row{border-top:0;padding-top:0;margin-bottom:8px;min-height:44px}
  .button.step-apply{min-height:44px}
}