/* 60 Teachers - /faculty-programs/ (Teachers). Owned by Team TEACHERS. Reads phase1 tokens, never writes them. */

.rh-teachers-hero h1 { max-width: 14ch; }
.rh-teachers-hero .lede { max-width: 46ch; }

.rh-teachers-section { padding: 76px 0 88px; }

/* 3-up at desktop, 2-up on tablet (inherited from .fac), 1-up on phones. */
.rh-teachers-grid { grid-template-columns: repeat(3, 1fr); gap: 44px 30px; }

/* No painted placeholder ground: every slot carries a real 4:5 image, so the frame
   sits on the reading surface and never reads as an empty tan box. */
.rh-teachers-page .person .por {
	aspect-ratio: 4 / 5;
	background: var(--river);
	margin-bottom: 16px;
	overflow: hidden;
}
.rh-teachers-page .person .por img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*
	 * Audited 9 Sep 2026 for the sitewide head-crop sweep: every faculty file
	 * is exactly 720x900, and every frame that shows one is exactly 4:5 -- the
	 * grid above, .rhcx-person on the homepage, .rhx-event__portrait on a
	 * single event, .rhc-portrait on a class, and the 76x95 .rh-disc-teacher
	 * roster. Nothing is cropped, so no per-file focal point is needed. If a
	 * portrait that is not 4:5 is ever added, add a rule here keyed on the
	 * filename, e.g. img[src*="faculty-name"]{object-position:center 18%}, so
	 * every surface picks up the same focal point.
	 */
	object-position: center center;
	display: block;
}

.rh-teachers-page .person .disc {
	font-size: .74rem;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: var(--clay-tx);
	font-weight: 600;
	margin-bottom: 6px;
}
.rh-teachers-page .person h3 {
	font-family: var(--d);
	font-size: 1.32rem;
	line-height: 1.2;
	margin-bottom: 8px;
}
.rh-teachers-page .person p.sm {
	max-width: none;
	color: var(--tx-2);
}

.rh-teachers-outro { margin-top: 62px; }

@media (max-width: 900px) {
	.rh-teachers-section { padding: 56px 0 68px; }
	.rh-teachers-grid { grid-template-columns: 1fr 1fr; gap: 36px 22px; }
}

@media (max-width: 620px) {
	.rh-teachers-grid { grid-template-columns: 1fr; gap: 40px; }
	.rh-teachers-outro { margin-top: 44px; }
}