/* Careers and Privacy: quiet editorial pages on cream, the same type system as Home. */
.page { background: var(--cream); color: var(--night); }
.page-head {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px 40px;
  padding: calc(var(--chrome-clear) + clamp(20px, 6vw, 80px)) var(--gutter) clamp(40px, 6vw, 80px);
}
.page-kicker { grid-column: 1 / -1; font-size: 16px; font-weight: 700; font-stretch: 120%; letter-spacing: 0.02em; color: var(--terracotta-text); }
.page-title { grid-column: 1 / span 9; font-size: clamp(88px, 13vw, 220px); line-height: 0.8; color: var(--olive); }
.page-lede { grid-column: 1 / span 7; font-size: clamp(20px, 1.8vw, 27px); line-height: 1.35; max-width: 21.5em; }

.apply-notice {
  grid-column: 1 / span 8; font-size: clamp(22px, 2.2vw, 34px); line-height: 1.25; font-weight: 600; font-stretch: 96%; max-width: 18.3em;
}
.page-ctas { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 12px; }
.careers-photo { margin: 0 var(--gutter); display: grid; gap: 12px; }
.careers-photo img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.careers-photo figcaption { font-size: 15px; color: var(--mute-cream); }
.careers-work {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px 40px;
  padding: clamp(64px, 8vw, 120px) var(--gutter) clamp(80px, 10vw, 140px);
}
.careers-work h2 { grid-column: 1 / span 5; font-size: clamp(48px, 5.6vw, 96px); }
.careers-work .copy { grid-column: 7 / span 6; display: grid; gap: 18px; font-size: clamp(18px, 1.4vw, 21px); align-content: start; }

.prose {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 40px;
  padding: 0 var(--gutter) clamp(80px, 10vw, 140px);
}
.prose section { grid-column: 3 / span 8; padding: 30px 0 34px; border-top: 2px solid var(--line); display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 12px 40px; }
.prose h2 { font-size: clamp(24px, 2.1vw, 32px); font-weight: 780; font-stretch: 90%; line-height: 1.1; }
.prose p { font-size: 19px; line-height: 1.55; max-width: 38em; }
.prose a { font-weight: 650; display: inline-block; padding: 10px 0; margin: -10px 0; }
.prose a[href^="tel:"] { white-space: nowrap; }

@media (max-width: 1099px) {
  .page-head, .careers-work, .prose { column-gap: 24px; }
  .page-title, .page-lede, .apply-notice { grid-column: 1 / -1; }
  .careers-work h2, .careers-work .copy { grid-column: 1 / -1; }
  .prose section { grid-column: 1 / -1; }
}
@media (max-width: 759px) {
  .page-head, .careers-work, .prose { grid-template-columns: minmax(0, 1fr); column-gap: 0; }
  .page-head > *, .careers-work > *, .prose > * { grid-column: 1 / -1; }
  .page-head { padding-top: calc(var(--chrome-clear) + 16px); }
  .page-title { font-size: clamp(76px, 25vw, 120px); }
  .prose section { grid-template-columns: 1fr; }
  .prose p { font-size: 18px; }
  .careers-photo { margin: 0; }
  .careers-photo figcaption { padding: 0 var(--gutter); }
}