/* ============================================================
   Über uns — page-scoped rules (namespaced .bu-uu__*)
   Extends pages.css; loaded only on the Über uns template.
   ============================================================ */

/* President feature block sits above the board grid */
.bu-uu__meta {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .02em;
	color: var(--bu-ink-3);
	margin: 0 0 4px;
}

.bu-uu__leadquote {
	font-family: var(--bu-serif);
	font-style: italic;
	font-size: 20px;
	line-height: 1.5;
	color: var(--bu-navy);
	border-left: 3px solid var(--bu-gold);
	padding-left: 24px;
	margin: 22px 0 0;
}

/* President portrait: crop from the top so the face stays in frame */
.bu-uu__president img { object-position: center top; }

.bu-uu__board { margin-top: 64px; }

/* 6 board members read better as 3 columns on desktop */
.bu-uu__board.bu-people { grid-template-columns: repeat(3, 1fr); gap: 26px; }
.bu-uu__board .bu-person__media { height: 260px; }
.bu-uu__board .bu-person__media img { object-position: center top; }
.bu-uu__board .bu-person__body { padding: 24px 26px 28px; }
.bu-uu__board .bu-person__name { font-size: 21px; }
.bu-uu__board .bu-person__quote { font-size: 16.5px; }

@media (max-width: 980px) {
	.bu-uu__board.bu-people { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.bu-uu__board.bu-people { grid-template-columns: 1fr; }
}