/* MM Page hero */
.mm-pagehero { padding: 56px 0 64px; }
.mm-pagehero .mm-pagehero__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; align-items: center; }
.mm-pagehero--img .mm-pagehero__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.mm-pagehero--center .mm-pagehero__copy { text-align: center; max-width: 820px; margin-inline: auto; }
.mm-pagehero--center .lead { margin-inline: auto; }
.mm-pagehero--center .ctas { justify-content: center; }
.mm-pagehero .mm-pagehero__crumbs { margin-bottom: 28px; font-size: 13px; color: var(--mm-grey); }
.mm-pagehero .mm-pagehero__crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 0; }
.mm-pagehero--center .mm-pagehero__crumbs ol { justify-content: center; }
.mm-pagehero .mm-pagehero__crumbs li + li::before { content: ""; display: inline-block; width: .38em; height: .38em; margin: 0 .7em .1em .55em; border: solid currentColor; border-width: 1.2px 1.2px 0 0; transform: rotate(45deg); opacity: .6; }
.mm-pagehero .mm-pagehero__crumbs a { color: var(--mm-grey); text-decoration: none; }
.mm-pagehero .mm-pagehero__crumbs a:hover { color: var(--mm-ink); text-decoration: underline; }
.mm-pagehero .mm-pagehero__icon { display: block; width: 72px; height: 72px; margin-bottom: 22px; fill: none; stroke: var(--mm-ink); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.mm-pagehero--center .mm-pagehero__icon { margin-inline: auto; }
.mm-pagehero .mm-pagehero__title { font-size: clamp(40px, 5.6vw, 72px); line-height: 1.04; font-weight: 700; letter-spacing: -0.035em; }
.mm-pagehero .lead { margin-top: 18px; }
.mm-pagehero .mm-pagehero__media { border-radius: var(--mm-r-lg); overflow: hidden; background: var(--mm-mist); aspect-ratio: 4 / 3; position: relative; }
.mm-pagehero .mm-pagehero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mm-pagehero.tone-black .mm-pagehero__icon { stroke: #f5f5f7; }
.mm-pagehero.tone-black .mm-pagehero__crumbs, .mm-pagehero.tone-black .mm-pagehero__crumbs a, .mm-pagehero.tone-black .lead { color: #a1a1a6; }

@media (max-width: 833px) {
	.mm-pagehero { padding: 30px 0 40px; }
	.mm-pagehero--img .mm-pagehero__in { grid-template-columns: minmax(0, 1fr); gap: 26px; }
	.mm-pagehero .mm-pagehero__media { order: -1; }
	.mm-pagehero .mm-pagehero__crumbs { margin-bottom: 20px; }
	.mm-pagehero .mm-pagehero__icon { width: 56px; height: 56px; margin-bottom: 16px; }
	.mm-pagehero .mm-pagehero__title { font-size: clamp(34px, 10vw, 48px); }
	.mm-pagehero .ctas { margin-top: 22px; }
}