/* Instructors Page – minimal, page-specific styles built on base.css */
.instructors-hero .hero-figure {
  max-height: 420px;
  overflow: hidden;
}

/* Spotlight figure ensures pleasant aspect and subtle framing */
.spotlight-figure {
  max-width: 560px;
  margin: 0 auto;
}

/* Reveal on scroll (light, accessible) */
.reveal {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--transition-base) var(--ease-in-out), transform var(--transition-base) var(--ease-in-out);
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .instructors-hero .hero-figure { max-height: none; }
}
