.jobs-page { background: #121212; }

.jobs-hero {
  position: relative;
  min-height: 751px;
  padding: 0 48px 80px;
  overflow: hidden;
  background: #121212 url('/assets/images/psychologist-jobs-hero.webp') center/cover no-repeat;
  color: #fff;
}

.jobs-hero::before { content: ''; position: absolute; inset: 0; background: rgba(18,18,18,.9); }
.jobs-hero-inner { position: relative; z-index: 1; max-width: 1163px; margin: 0 auto; padding-top: 170px; text-align: center; }
.jobs-hero h1 { margin: 0 0 27px; color: #cb0404; font-size: 28px; line-height: 1.1; }
.jobs-hero h2 { max-width: 680px; margin: 0 auto 21px; color: #fff; font-size: 80px; line-height: 1.1; text-wrap: wrap; }
.jobs-copy { max-width: 660px; margin: 0 auto; color: #fff; font-size: 20px; font-weight: 500; line-height: 1.9; }
.jobs-copy p { margin: 0 0 16px; color: #fff; }
.jobs-copy a { color: #cb0404; font-weight: 500; text-decoration: none; }
.jobs-copy a:hover { color: #fff; }

@media (max-width: 1024px) {
  .jobs-hero { min-height: 0; padding: 0 48px 48px; }
  .jobs-hero-inner { padding-top: 159px; }
  .jobs-hero h1 { font-size: 26px; }
  .jobs-hero h2 { max-width: 39rem; font-size: 61px; }
  .jobs-copy { max-width: none; font-size: 18px; }
}

@media (max-width: 767px) {
  .jobs-hero { min-height: 531px; padding: 0 24px 48px; }
  .jobs-hero-inner { padding-top: 166px; }
  .jobs-hero h1 { margin-bottom: 24px; font-size: 20px; }
  .jobs-hero h2 { max-width: 100%; margin-bottom: 20px; font-size: 42px; }
  .jobs-copy { font-size: 17px; line-height: 1.9; }
  .jobs-copy p { margin-bottom: 16px; }
  .jobs-page .mobile-sticky-bar { position: static; box-shadow: none; }
  .jobs-page .mobile-sticky-btn { height: 58px; }
}