/* Component "reach" (reach.php): the ways to reach the team. Loads on the landing pages whose sections use it. px only
   (the theme sets html{font-size:10px}); motion on transform/opacity only. */
:is(#rmh-landing, .rmh-lc) .rmh-l-reach__list {
	display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 8px;
	border-top: 1px solid var(--l-sand);
}
:is(#rmh-landing, .rmh-lc) .rmh-l-reach__cell {
	display: grid; gap: 8px; align-content: start; padding: 24px 0; border-bottom: 1px solid var(--l-sand); min-width: 0;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-reach__cell .rmh-l__label { margin-bottom: 0; }
:is(#rmh-landing, .rmh-lc) .rmh-l-reach__value {
	font: 400 clamp(20px, 17px + .7vw, 26px)/1.25 var(--l-serif); color: var(--l-ink); overflow-wrap: anywhere; text-wrap: balance;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-reach__link {
	display: inline-block; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--l-sand);
	transition: color .2s var(--l-ease), text-decoration-color .2s var(--l-ease), transform .2s var(--l-ease);
}
:is(#rmh-landing, .rmh-lc) .rmh-l-reach__link:hover { color: var(--l-taupe-deep); text-decoration-color: var(--l-taupe-deep); }
:is(#rmh-landing, .rmh-lc) .rmh-l-reach__link:active { transform: translateY(1px); }
:is(#rmh-landing, .rmh-lc) .rmh-l-reach__line { font-size: 14px; line-height: 1.45; color: var(--l-ink-soft); max-width: 24ch; }
@media (min-width: 480px) {
	:is(#rmh-landing, .rmh-lc) .rmh-l-reach__list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
}
@media (min-width: 900px) {
	/* six tracks: three cells to a row (span 2); from the fourth cell on, two to a row (span 3), with a hairline above */
	:is(#rmh-landing, .rmh-lc) .rmh-l-reach__list { grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 0; row-gap: 0; border-top: 0; margin-top: 16px; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-reach__cell { grid-column: span 2; padding: 8px 28px 8px 24px; border-bottom: 0; border-left: 1px solid var(--l-sand); }
	:is(#rmh-landing, .rmh-lc) .rmh-l-reach__cell:first-child, :is(#rmh-landing, .rmh-lc) .rmh-l-reach__cell:nth-child(4) { border-left: 0; padding-left: 0; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-reach__cell:nth-child(n+4) { grid-column: span 3; margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--l-sand); }
	:is(#rmh-landing, .rmh-lc) .rmh-l-reach__value { max-width: 26ch; }
}
@media (prefers-reduced-motion: reduce) {
	:is(#rmh-landing, .rmh-lc) .rmh-l-reach__link { transition: none; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-reach__link:active { transform: none; }
}