.modes-grid { gap: 24px; }
.mode-card {
  min-width: 0;
  padding: 0;
  overflow: hidden;
}
.mode-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}
.mode-image {
  position: absolute;
  top: 50%;
  left: calc(var(--panel-index) * -100%);
  display: block;
  width: 300%;
  max-width: none;
  height: auto;
  transform: translateY(-50%);
}
.mode-era {
  margin: 24px 28px 8px;
  color: var(--color-heading);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
}
.mode-title {
  margin: 0 28px 12px;
  color: var(--color-primary);
  font-weight: 700;
}
.mode-desc { margin: 0 28px 28px; }
.mode-desc strong {
  color: #ffffff;
  font-weight: 700;
}
#career-form .contact-fields { align-items: start; }
.human-lead { margin-bottom: 0; }
@media (max-width: 860px) {
  .mode-image-wrap { aspect-ratio: 16 / 9; }
}