.employees-page { min-height: 100svh; }
.employees-page .site-header { justify-content: space-between; }
.employees-wordmark { font-family: var(--serif); font-size: 26px; line-height: 1.2; }
.employees-main { padding-block: 32px 48px; }
.employees-intro { display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; margin-bottom: 24px; }
.employees-intro h1 { font-family: var(--serif); font-size: clamp(36px, 4vw, 48px); line-height: 1.2; letter-spacing: -.025em; }
.employees-intro .quiet-link { flex-shrink: 0; }
.employees-school { display: block; width: 100%; height: max(680px, calc(100svh - 220px)); border: 1px solid var(--line); background: var(--pearl); }
@media (max-width: 760px) {
  .employees-page .site-header { height: auto; padding-block: 20px; flex-direction: column; align-items: flex-start; gap: 12px; }
  .employees-page .site-header nav { flex-wrap: wrap; justify-content: flex-start; gap: 4px 24px; }
  .employees-main { width: 100%; padding-block: 24px 32px; }
  .employees-intro { align-items: flex-start; flex-direction: column; gap: 8px; margin-inline: var(--gutter); }
  .employees-school { height: max(720px, calc(100svh - 240px)); border-inline: 0; }
}