/* @generated by Skylit - do not edit */
/**
 * Skylit dev cache — pattern: mhpr-insights-grid
 * Auto-generated on save_post. Do not hand-edit.
 */

.mhpr-insights__grid {
		display: grid;
		grid-template-columns: 1fr;
		align-items: stretch;
		gap: 2px;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		.mhpr-insights__card {
		background: var(--mhpr-color-white);
		overflow: hidden;
		transition: box-shadow 0.3s;
		height: 100%;
		}
		.mhpr-insights__card:hover {
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
		}
		.mhpr-insights__card-link,
		.mhpr-insights__card-link:hover,
		.mhpr-insights__card-link:focus,
		.mhpr-insights__card-link:active,
		.mhpr-insights__card-link:focus-visible {
		display: flex;
		flex-direction: column;
		height: 100%;
		text-decoration: none;
		color: inherit;
		}
		.mhpr-insights__card .mhpr-insights__media {
		flex-shrink: 0;
		width: 100%;
		aspect-ratio: 16 / 9;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		}
		.mhpr-insights__card .mhpr-insights__media-photo {
		width: 100%;
		height: 100%;
		}
		.mhpr-insights__card .mhpr-insights__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		}
		.mhpr-insights__media:has(img) .mhpr-insights__media-label {
		display: none;
		}
		.mhpr-insights__grid > li:first-child .mhpr-insights__media:not(:has(img)) {
		background: linear-gradient(
		135deg,
		var(--mhpr-color-teal) 0%,
		var(--mhpr-color-navy) 100%
		);
		}
		.mhpr-insights__grid > li:not(:first-child) .mhpr-insights__media-label {
		display: none;
		}
		.mhpr-insights__grid > li:nth-child(2n + 2) .mhpr-insights__media:not(:has(img)) {
		background: linear-gradient(
		135deg,
		var(--mhpr-color-gold) 0%,
		#7a4e1a 100%
		);
		}
		.mhpr-insights__grid > li:nth-child(2n + 3) .mhpr-insights__media:not(:has(img)) {
		background: linear-gradient(
		135deg,
		var(--mhpr-color-navy) 0%,
		#1a1535 100%
		);
		}
		.mhpr-insights__media-label {
		text-align: center;
		padding: var(--mhpr-gap-8);
		font-size: 2rem;
		color: var(--mhpr-color-silver);
		font-weight: 900;
		letter-spacing: -0.04em;
		line-height: 1.1;
		}
		.mhpr-insights__body {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-height: 0;
		padding: 1.75rem;
		}
		.mhpr-insights__copy {
		display: flex;
		flex-direction: column;
		gap: var(--mhpr-gap-3);
		min-height: 0;
		}
		.mhpr-insights__card .mhpr-tag {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		align-self: flex-start;
		width: fit-content;
		}
		.mhpr-insights__grid > li:first-child .mhpr-tag {
		background: var(--mhpr-color-gold);
		}
		.mhpr-insights__card h3 {
		color: var(--mhpr-color-navy);
		margin: 0;
		}
		.mhpr-insights__grid > li:first-child h3 {
		font-size: 1.5rem;
		line-height: var(--mhpr-line-height-heading);
		}
		.mhpr-insights__grid > li:not(:first-child) h3 {
		font-size: var(--mhpr-font-size-h3-sm);
		line-height: var(--mhpr-line-height-heading-tight);
		}
		.mhpr-insights__excerpt {
		font-size: 0.875rem;
		line-height: 1.5;
		margin: 0;
		color: var(--mhpr-color-slate);
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		}
		.mhpr-insights__cta {
		margin-top: auto;
		padding-top: var(--mhpr-gap-5);
		align-self: flex-start;
		width: fit-content;
		}
		.mhpr-insights__card .mhpr-text-link {
		color: var(--mhpr-link-color);
		font-size: 0.85rem;
		font-weight: 600;
		border-bottom: 1.5px solid var(--mhpr-link-color);
		padding-bottom: 1px;
		width: fit-content;
		margin-top: auto;
		padding-top: var(--mhpr-gap-5);
		align-self: flex-start;
		}
		.mhpr-insights__card:hover .mhpr-text-link {
		color: var(--mhpr-link-color-hover);
		border-color: var(--mhpr-link-color-hover);
		}
		.mhpr-insights__grid > li:not(:first-child) .mhpr-text-link--featured {
		display: none;
		}
		.mhpr-insights__grid > li:first-child .mhpr-text-link--default {
		display: none;
		}
		.mhpr-insights__footer {
		margin-top: var(--mhpr-gap-10);
		text-align: center;
		}
		@media (min-width: 769px) {
		.mhpr-insights__grid {
		grid-template-columns: repeat(2, 1fr);
		}
		}
		@media (min-width: 1025px) {
		.mhpr-insights__grid {
		grid-template-columns: repeat(4, 1fr);
		}
		.mhpr-insights__grid > li:first-child {
		grid-column: span 2;
		}
		}
		
		/* skylit-class-mod: Equal-width cards — no featured first-cell span | on: .mhpr-insights-grid--uniform */
		.mhpr-insights-grid--uniform .mhpr-insights__grid > li:first-child {
		grid-column: auto;
		}
		.mhpr-insights-grid--uniform .mhpr-insights__grid > li:first-child h3 {
		font-size: var(--mhpr-font-size-h3-sm);
		line-height: var(--mhpr-line-height-heading-tight);
		}
		.mhpr-insights-grid--uniform .mhpr-insights__grid > li:first-child .mhpr-tag {
		background: var(--mhpr-color-navy);
		}
		.mhpr-insights-grid--uniform .mhpr-insights__grid > li .mhpr-insights__media-label {
		display: none;
		}
		.mhpr-insights-grid--uniform .mhpr-insights__grid > li .mhpr-text-link--featured {
		display: none;
		}
		.mhpr-insights-grid--uniform .mhpr-insights__grid > li .mhpr-text-link--default {
		display: inline;
		}

.mhpr-button {
		display: inline-block;
		}
		.mhpr-button--align-left {
		/* skylit-class-mod: Align button left | only: .mhpr-button */
		display: block;
		width: fit-content;
		margin-inline: 0;
		}
		.mhpr-button--align-center {
		/* skylit-class-mod: Align button center | only: .mhpr-button */
		display: block;
		width: fit-content;
		margin-inline: auto;
		}
		.mhpr-button--align-right {
		/* skylit-class-mod: Align button right | only: .mhpr-button */
		display: block;
		width: fit-content;
		margin-inline: auto 0;
		}
		.mhpr-button .mhpr-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
		font-size: 0.9rem;
		font-weight: 600;
		letter-spacing: 0.04em;
		line-height: 1.2;
		text-decoration: none;
		border: 2px solid transparent;
		border-radius: var(--mhpr-radius-sm);
		padding: 0.85rem 2rem;
		background: transparent;
		color: inherit;
		transition:
		background 0.2s,
		color 0.2s,
		border-color 0.2s,
		gap 0.2s;
		}
		.mhpr-button .mhpr-btn span {
		display: inline;
		}
		.mhpr-button--primary {
		/* skylit-class-mod: Primary filled button (gold) | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--primary .mhpr-btn {
		background: var(--mhpr-color-gold);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-gold);
		}
		.mhpr-button.mhpr-button--primary:hover .mhpr-btn {
		background: var(--mhpr-color-signal-dark);
		border-color: var(--mhpr-color-signal-dark);
		}
		.mhpr-button--teal {
		/* skylit-class-mod: Teal filled button | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--teal .mhpr-btn {
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button.mhpr-button--teal:hover .mhpr-btn {
		background: var(--mhpr-color-signal-dark);
		border-color: var(--mhpr-color-signal-dark);
		}
		.mhpr-button--dark {
		/* skylit-class-mod: Dark filled button | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--dark .mhpr-btn {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-navy);
		}
		.mhpr-button.mhpr-button--dark:hover .mhpr-btn {
		background: var(--mhpr-color-teal);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button--white {
		/* skylit-class-mod: White filled button for dark backgrounds | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--white .mhpr-btn {
		background: var(--mhpr-color-white);
		color: var(--mhpr-color-navy);
		border-color: var(--mhpr-color-white);
		}
		.mhpr-button.mhpr-button--white:hover .mhpr-btn {
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button--outline {
		/* skylit-class-mod: Outline button | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--outline .mhpr-btn {
		background: transparent;
		color: var(--mhpr-color-navy);
		border-color: var(--mhpr-color-navy);
		padding: 0.9rem 2.25rem;
		}
		.mhpr-button.mhpr-button--outline:hover .mhpr-btn {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		}
		.mhpr-button--ghost {
		/* skylit-class-mod: Ghost arrow link on light backgrounds | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--ghost .mhpr-btn {
		padding: 0 0 2px;
		border: none;
		border-bottom: 1.5px solid var(--mhpr-color-teal);
		border-radius: 0;
		background: transparent;
		color: var(--mhpr-color-teal);
		font-weight: 500;
		}
		.mhpr-button.mhpr-button--ghost:hover .mhpr-btn {
		background: transparent;
		color: var(--mhpr-color-gold);
		border-bottom-color: var(--mhpr-color-gold);
		}
		.mhpr-button.mhpr-button--ghost .mhpr-btn::after {
		content: "→";
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button.mhpr-button--ghost:hover .mhpr-btn::after,
		.mhpr-button.mhpr-button--ghost .mhpr-btn:hover::after {
		transform: translateX(0.45rem);
		}
		.mhpr-button--ghost-on-dark {
		/* skylit-class-mod: Ghost arrow link on dark backgrounds | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--ghost-on-dark .mhpr-btn {
		padding: 0 0 2px;
		border: none;
		border-bottom: 1.5px solid var(--mhpr-color-silver);
		border-radius: 0;
		background: transparent;
		color: var(--mhpr-color-white);
		font-weight: 500;
		}
		.mhpr-button.mhpr-button--ghost-on-dark:hover .mhpr-btn,
		.mhpr-button.mhpr-button--ghost-on-dark .mhpr-btn:hover {
		background: transparent;
		color: var(--mhpr-color-white);
		border-color: transparent;
		border-bottom-color: var(--mhpr-color-white);
		}
		.mhpr-button.mhpr-button--ghost-on-dark .mhpr-btn::after {
		content: "→";
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button.mhpr-button--ghost-on-dark:hover .mhpr-btn::after,
		.mhpr-button.mhpr-button--ghost-on-dark .mhpr-btn:hover::after {
		color: var(--mhpr-color-white);
		transform: translateX(0.45rem);
		}
		.mhpr-button--arrow-link {
		/* skylit-class-mod: Arrow underline link | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--arrow-link .mhpr-btn {
		padding: 0 0.5rem 2px 0;
		border: none;
		border-bottom: 1.5px solid currentColor;
		border-radius: 0;
		background: transparent;
		font-weight: 600;
		letter-spacing: 0.03em;
		gap: 0.4rem;
		}
		.mhpr-button.mhpr-button--arrow-link:hover .mhpr-btn {
		background: transparent;
		gap: 0.4rem;
		}
		.mhpr-button.mhpr-button--arrow-link .mhpr-btn::after {
		content: "→";
		font-size: 1rem;
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button.mhpr-button--arrow-link:hover .mhpr-btn::after {
		transform: translateX(0.45rem);
		}
		/* Pattern instance: color/align mods on the pattern-ref wrapper (parent of .mhpr-button) */
		.mhpr-button--align-center .mhpr-button {
		display: block;
		width: fit-content;
		margin-inline: auto;
		}
		.mhpr-button--align-left .mhpr-button {
		display: block;
		width: fit-content;
		margin-inline: 0;
		}
		.mhpr-button--align-right .mhpr-button {
		display: block;
		width: fit-content;
		margin-inline: auto 0;
		}
		.mhpr-button--primary .mhpr-button .mhpr-btn,
		.mhpr-button--primary .mhpr-button.mhpr-button--teal .mhpr-btn,
		.mhpr-button--primary .mhpr-button.mhpr-button--dark .mhpr-btn,
		.mhpr-button--primary .mhpr-button.mhpr-button--white .mhpr-btn,
		.mhpr-button--primary .mhpr-button.mhpr-button--outline .mhpr-btn {
		background: var(--mhpr-color-gold);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-gold);
		padding: 0.85rem 2rem;
		}
		.mhpr-button--primary .mhpr-button .mhpr-btn:hover,
		.mhpr-button--primary .mhpr-button.mhpr-button--teal .mhpr-btn:hover,
		.mhpr-button--primary .mhpr-button.mhpr-button--dark .mhpr-btn:hover,
		.mhpr-button--primary .mhpr-button.mhpr-button--white .mhpr-btn:hover,
		.mhpr-button--primary .mhpr-button.mhpr-button--outline .mhpr-btn:hover {
		background: var(--mhpr-color-signal-dark);
		border-color: var(--mhpr-color-signal-dark);
		}
		.mhpr-button--teal .mhpr-button .mhpr-btn,
		.mhpr-button--teal .mhpr-button.mhpr-button--primary .mhpr-btn,
		.mhpr-button--teal .mhpr-button.mhpr-button--dark .mhpr-btn,
		.mhpr-button--teal .mhpr-button.mhpr-button--white .mhpr-btn,
		.mhpr-button--teal .mhpr-button.mhpr-button--outline .mhpr-btn {
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-teal);
		padding: 0.85rem 2rem;
		}
		.mhpr-button--teal .mhpr-button .mhpr-btn:hover,
		.mhpr-button--teal .mhpr-button.mhpr-button--primary .mhpr-btn:hover,
		.mhpr-button--teal .mhpr-button.mhpr-button--dark .mhpr-btn:hover,
		.mhpr-button--teal .mhpr-button.mhpr-button--white .mhpr-btn:hover,
		.mhpr-button--teal .mhpr-button.mhpr-button--outline .mhpr-btn:hover {
		background: var(--mhpr-color-signal-dark);
		border-color: var(--mhpr-color-signal-dark);
		}
		.mhpr-button--dark .mhpr-button .mhpr-btn,
		.mhpr-button--dark .mhpr-button.mhpr-button--primary .mhpr-btn,
		.mhpr-button--dark .mhpr-button.mhpr-button--teal .mhpr-btn {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-navy);
		padding: 0.85rem 2rem;
		}
		.mhpr-button--dark .mhpr-button .mhpr-btn:hover,
		.mhpr-button--dark .mhpr-button.mhpr-button--primary .mhpr-btn:hover,
		.mhpr-button--dark .mhpr-button.mhpr-button--teal .mhpr-btn:hover {
		background: var(--mhpr-color-teal);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button--white .mhpr-button .mhpr-btn,
		.mhpr-button--white .mhpr-button.mhpr-button--primary .mhpr-btn,
		.mhpr-button--white .mhpr-button.mhpr-button--teal .mhpr-btn {
		background: var(--mhpr-color-white);
		color: var(--mhpr-color-navy);
		border-color: var(--mhpr-color-white);
		padding: 0.85rem 2rem;
		}
		.mhpr-button--white .mhpr-button .mhpr-btn:hover,
		.mhpr-button--white .mhpr-button.mhpr-button--primary .mhpr-btn:hover,
		.mhpr-button--white .mhpr-button.mhpr-button--teal .mhpr-btn:hover {
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button--outline .mhpr-button .mhpr-btn,
		.mhpr-button--outline .mhpr-button.mhpr-button--primary .mhpr-btn,
		.mhpr-button--outline .mhpr-button.mhpr-button--teal .mhpr-btn {
		background: transparent;
		color: var(--mhpr-color-navy);
		border-color: var(--mhpr-color-navy);
		padding: 0.9rem 2.25rem;
		}
		.mhpr-button--outline .mhpr-button .mhpr-btn:hover,
		.mhpr-button--outline .mhpr-button.mhpr-button--primary .mhpr-btn:hover,
		.mhpr-button--outline .mhpr-button.mhpr-button--teal .mhpr-btn:hover {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		}
		.mhpr-button--arrow-link .mhpr-button .mhpr-btn,
		.mhpr-button--arrow-link .mhpr-button.mhpr-button--primary .mhpr-btn {
		padding: 0 0.5rem 2px 0;
		border: none;
		border-bottom: 1.5px solid currentColor;
		border-radius: 0;
		background: transparent;
		font-weight: 600;
		letter-spacing: 0.03em;
		gap: 0.4rem;
		}
		.mhpr-button--arrow-link .mhpr-button:hover .mhpr-btn,
		.mhpr-button--arrow-link:hover .mhpr-button .mhpr-btn,
		.mhpr-button--arrow-link .mhpr-button .mhpr-btn:hover {
		background: transparent;
		gap: 0.4rem;
		}
		.mhpr-button--arrow-link .mhpr-button .mhpr-btn::after,
		.mhpr-button--arrow-link .mhpr-button.mhpr-button--primary .mhpr-btn::after {
		content: "→";
		font-size: 1rem;
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button--arrow-link .mhpr-button:hover .mhpr-btn::after,
		.mhpr-button--arrow-link:hover .mhpr-button .mhpr-btn::after,
		.mhpr-button--arrow-link .mhpr-button .mhpr-btn:hover::after {
		transform: translateX(0.45rem);
		}
		.mhpr-button--ghost .mhpr-button .mhpr-btn,
		.mhpr-button--ghost .mhpr-button.mhpr-button--primary .mhpr-btn {
		padding: 0 0 2px;
		border: none;
		border-bottom: 1.5px solid var(--mhpr-color-teal);
		border-radius: 0;
		background: transparent;
		color: var(--mhpr-color-teal);
		font-weight: 500;
		}
		.mhpr-button--ghost .mhpr-button .mhpr-btn::after,
		.mhpr-button--ghost .mhpr-button.mhpr-button--primary .mhpr-btn::after {
		content: "→";
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button--ghost .mhpr-button:hover .mhpr-btn::after,
		.mhpr-button--ghost:hover .mhpr-button .mhpr-btn::after,
		.mhpr-button--ghost .mhpr-button .mhpr-btn:hover::after {
		transform: translateX(0.45rem);
		}
		.mhpr-button--ghost-on-dark .mhpr-button .mhpr-btn,
		.mhpr-button--ghost-on-dark .mhpr-button.mhpr-button--primary .mhpr-btn {
		padding: 0 0 2px;
		border: none;
		border-bottom: 1.5px solid var(--mhpr-color-silver);
		border-radius: 0;
		background: transparent;
		color: var(--mhpr-color-white);
		font-weight: 500;
		}
		.mhpr-button--ghost-on-dark .mhpr-button:hover .mhpr-btn,
		.mhpr-button--ghost-on-dark:hover .mhpr-button .mhpr-btn,
		.mhpr-button--ghost-on-dark .mhpr-button.mhpr-button--primary:hover .mhpr-btn,
		.mhpr-button--ghost-on-dark .mhpr-button .mhpr-btn:hover {
		background: transparent;
		color: var(--mhpr-color-white);
		border-color: transparent;
		border-bottom-color: var(--mhpr-color-white);
		}
		.mhpr-button--ghost-on-dark .mhpr-button:hover .mhpr-btn::after,
		.mhpr-button--ghost-on-dark:hover .mhpr-button .mhpr-btn::after,
		.mhpr-button--ghost-on-dark .mhpr-button .mhpr-btn:hover::after {
		color: var(--mhpr-color-white);
		}
		.mhpr-button--ghost-on-dark .mhpr-button .mhpr-btn::after,
		.mhpr-button--ghost-on-dark .mhpr-button.mhpr-button--primary .mhpr-btn::after {
		content: "→";
		}