/* ==========================================================================
   Banexco Traders Inc. — css/employees.css (§4.6)
   Additive page styles only. Linked AFTER css/main.css.
   Tokens only — no token redefinition, no color literals.
   ========================================================================== */

/* PAGE HEADER */
.page-head { padding-bottom: 0; }
.page-head h1 { margin-bottom: 0.75rem; }
.page-head-sub {
  max-width: 38rem;
  font-size: 1.125rem;
  margin: 0;
}

/* BODY — copy left, team_group photo beside (right) */
.people-intro { padding-top: clamp(2.5rem, 5vw, 4rem); }
.people-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}
.people-media img { border-radius: var(--radius); }
@media (max-width: 820px) {
  .people-grid { grid-template-columns: 1fr; }
  .people-media { order: 2; }
}

/* RECOGNITION — 2-up photos */
.recognition-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
.recognition-grid figure { margin: 0; }
.recognition-grid img {
  width: 100%;
  height: auto;
  border-radius: var(--radius);
}
@media (max-width: 720px) {
  .recognition-grid { grid-template-columns: 1fr; }
}

/* TESTIMONIES — two labeled pending video slots side by side */
.testimony-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  margin-top: 1.5rem;
}
.testimony .video-slot--vertical + .video-slot-label {
  max-width: 360px;
  margin-inline: auto;
}
@media (max-width: 720px) {
  .testimony-grid { grid-template-columns: 1fr; }
}