/* ============================================================
   75-careers-about — Careers page "why work here" + requirements split.
   Scoped under .sec-75-careers-about.
   ============================================================ */

.sec-75-careers-about__split {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(2rem, 1.5rem + 2vw, 4rem);
  align-items: start;
}

/* Match the site's shared .section-head eyebrow/heading/paragraph rhythm
   (see css/base.css) without inheriting its max-width, which would
   shrink this already-narrower grid column. */
.sec-75-careers-about__copy .eyebrow { margin-bottom: 1rem; }
.sec-75-careers-about__copy p:not(.eyebrow) { margin-top: 1rem; }

.sec-75-careers-about__list {
  background: var(--bone-2);
  border: 1px solid var(--line-bone);
  border-radius: var(--radius-card);
  padding: clamp(1.5rem, 2.5vw, 2.25rem);
}

.sec-75-careers-about__list-title {
  font-size: var(--fs-h4);
  margin-bottom: 1rem;
}

.sec-75-careers-about__items {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding-left: 1.1rem;
}

.sec-75-careers-about__items li {
  list-style: disc;
  color: var(--text-on-bone);
}

@media (max-width: 900px) {
  .sec-75-careers-about__split {
    grid-template-columns: 1fr;
  }
}
