/*
  Employment page. Scoped to body.page-employment.
  Dark hero (team video / still, lightly tinted so people stay natural),
  then the shared contact section with the introduction form (placeholder).
*/

.page-employment {
  --pd-hero-min: clamp(460px, 40vw, 560px);
  --pd-tint: .3;
  --pd-tint-video: .4;
}

.page-employment main > .hero h1 { max-width: 860px; }

.page-employment .contact-page-copy > p:not(.eyebrow) { max-width: 560px; }

/* The "no openings" note reads as a quiet callout, same wording */
.page-employment .contact-page-copy > p:last-child {
  max-width: 560px;
  margin-top: 28px;
  padding: 16px 20px;
  border-left: 3px solid var(--pd-teal);
  border-radius: 0 8px 8px 0;
  background: #ffffff12;
  font-size: 16px;
  color: #e6f3f6;
}

.page-employment #employment-result:empty { display: none; }