/* Component "people" (11e): the named team, each in the doorway arch. Two across on phones, four from 900 px; the arch is
   the sibling ring's shape, so a portrait and an initial sit in the same frame. */
:is(#rmh-landing, .rmh-lc) .rmh-l-people .rmh-l__head { margin-bottom: clamp(32px, 5vw, 56px); }
:is(#rmh-landing, .rmh-lc) .rmh-l-people__list {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 20px;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-person { display: grid; align-content: start; gap: 6px; }
:is(#rmh-landing, .rmh-lc) .rmh-l-person__arch {
	position: relative; display: grid; place-items: center; width: min(100%, 220px); aspect-ratio: 3 / 4; margin-bottom: 14px;
	overflow: hidden; border-radius: 999px 999px 2px 2px; background: var(--l-cream); box-shadow: inset 0 0 0 1px var(--l-sand);
}
:is(#rmh-landing, .rmh-lc) .rmh-l__band--cream .rmh-l-person__arch { background: var(--l-white); }
:is(#rmh-landing, .rmh-lc) .rmh-l-person__img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--l-ease); }
:is(#rmh-landing, .rmh-lc) .rmh-l-person:hover .rmh-l-person__img { transform: scale(1.04); }
:is(#rmh-landing, .rmh-lc) .rmh-l-person__initial {
	font: 400 clamp(56px, 9vw, 96px)/1 var(--l-serif); color: var(--l-taupe-deep); transform: translateY(8%);
}
:is(#rmh-landing, .rmh-lc) h3.rmh-l-person__name:not(#_) {
	margin: 0; font-family: var(--l-serif) !important; font-size: 24px; font-weight: 400; line-height: 1.15; letter-spacing: 0;
	text-transform: none; color: inherit;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-person__role {
	font: 600 12px/1.4 var(--l-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--l-taupe-deep);
}
:is(#rmh-landing, .rmh-lc) .rmh-l-person__line { margin-top: 6px; font-size: 16px; line-height: 1.6; color: var(--l-ink-soft); max-width: 32ch; }
:is(#rmh-landing, .rmh-lc) .rmh-l-people__note {
	margin-top: clamp(32px, 5vw, 56px); padding-top: 24px; border-top: 1px solid var(--l-sand); max-width: 70ch;
	font-size: 17px; line-height: 1.65; color: var(--l-ink-soft);
}
@media (min-width: 900px) {
	:is(#rmh-landing, .rmh-lc) .rmh-l-people__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 56px 32px; }
	/* a staggered row: every second person sits lower, so the row reads as a line of doorways along a street */
	:is(#rmh-landing, .rmh-lc) .rmh-l-people__list[data-cols="4"] .rmh-l-person:nth-child(even) { margin-top: 48px; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-people__list[data-cols="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 48px; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-people__list[data-cols="3"] .rmh-l-person:nth-child(3n + 2) { margin-top: 48px; }
}
/* Exactly three people on a phone (the advisors page's sales team): one row each, a small arch beside the words, so nobody
   sits alone on a second row and the section stays about a screen tall. */
@media (max-width: 899px) {
	:is(#rmh-landing, .rmh-lc) .rmh-l-people__list:has(> .rmh-l-person:nth-child(3):last-child) { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-people__list:has(> .rmh-l-person:nth-child(3):last-child) .rmh-l-person {
		grid-template-columns: 96px minmax(0, 1fr); column-gap: 20px; align-items: start;
	}
	:is(#rmh-landing, .rmh-lc) .rmh-l-people__list:has(> .rmh-l-person:nth-child(3):last-child) .rmh-l-person__arch { grid-row: 1 / span 3; margin-bottom: 0; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-people__list:has(> .rmh-l-person:nth-child(3):last-child) .rmh-l-person__initial { font-size: 44px; }
}