.employment-hero {
  background: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.94)),
              url('images/contact-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: var(--spacing-xl) 0;
}

.employment-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
  gap: var(--spacing-lg);
  max-width: 1040px;
  margin: 0 auto;
  background: rgba(255,255,255,0.97);
  padding: var(--spacing-lg);
}

.employment-copy h1,
.employment-form-section h2 {
  margin-bottom: var(--spacing-sm);
}

.employment-intro {
  color: var(--primary-dark);
  font-weight: 500;
}

.job-card {
  border: 1px solid rgba(33, 90, 168, 0.15);
  padding: var(--spacing-md);
  margin-top: var(--spacing-md);
}

.job-meta {
  color: var(--text-light);
  font-size: 14px;
  margin-bottom: var(--spacing-sm);
}

.job-card h3 {
  font-size: 20px;
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-xs);
}

.job-card ul {
  padding-left: 1.25rem;
  margin-bottom: var(--spacing-sm);
}

.job-card li {
  margin-bottom: 0.5rem;
}

.employment-form-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.employment-contact {
  background: var(--secondary);
  padding: var(--spacing-md);
}

.employment-contact h3 {
  font-size: 18px;
  margin-bottom: var(--spacing-xs);
}

.employment-contact ul {
  list-style: none;
}

.employment-contact li {
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .employment-grid {
    grid-template-columns: 1fr;
    padding: var(--spacing-sm);
  }
}