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

.mhpr-promise-grid {
		width: 100%;
		--mhpr-promise-number-color: var(--mhpr-color-teal);
		--mhpr-promise-number-opacity: 1;
		}
		.mhpr-promise-grid__cards {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--mhpr-gap-6);
		width: 100%;
		}
		.mhpr-promise-grid__cards > * {
		min-height: 0;
		}
		.mhpr-promise-grid--2col {
		/* skylit-class-mod: Two-column card grid from tablet up | only: .mhpr-promise-grid */
		}
		.mhpr-promise-grid--3col {
		/* skylit-class-mod: Three-column card grid from tablet up | only: .mhpr-promise-grid */
		}
		.mhpr-promise-grid--4col {
		/* skylit-class-mod: Four-column joined card grid from desktop up | only: .mhpr-promise-grid */
		}
		.mhpr-promise-grid--5col {
		/* skylit-class-mod: Five-column joined card grid from desktop up | only: .mhpr-promise-grid */
		}
		@media (min-width: 769px) {
		.mhpr-promise-grid--2col .mhpr-promise-grid__cards {
		grid-template-columns: repeat(2, 1fr);
		}
		.mhpr-promise-grid--3col .mhpr-promise-grid__cards {
		grid-template-columns: repeat(3, 1fr);
		}
		}
		.mhpr-promise-grid--teal {
		/* skylit-class-mod: Teal fill, large watermark number, light text | only: .mhpr-promise-grid */
		}
		.mhpr-promise-grid--teal .mhpr-promise__card {
		background: color-mix(in srgb, var(--mhpr-color-teal) 82%, white);
		}
		.mhpr-promise-grid--teal .mhpr-promise__card p.mhpr-promise__number {
		font-size: 4rem;
		font-weight: 900;
		line-height: 0.85;
		color: color-mix(in srgb, var(--mhpr-color-white) 32%, transparent);
		opacity: 1;
		}
		.mhpr-promise-grid--teal .mhpr-promise__card h3 {
		color: var(--mhpr-color-white);
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 1.25;
		}
		.mhpr-promise-grid--teal .mhpr-promise__card p.mhpr-promise__text {
		color: var(--mhpr-color-white);
		font-size: 0.95rem;
		line-height: 1.65;
		opacity: 0.9;
		}
		.editor-styles-wrapper .mhpr-promise-grid--teal .mhpr-promise__card h3,
		.editor-styles-wrapper .mhpr-promise-grid--teal .mhpr-promise__card p.mhpr-promise__text {
		color: var(--mhpr-color-white);
		}
		.mhpr-promise-grid--white {
		/* skylit-class-mod: White cards, navy title, slate body (spaced grid) | only: .mhpr-promise-grid */
		}
		.mhpr-promise-grid--white .mhpr-promise__card {
		background: var(--mhpr-color-white);
		border: 1px solid var(--mhpr-border-muted);
		border-radius: var(--mhpr-radius-sm);
		color: var(--mhpr-color-slate);
		}
		.mhpr-promise-grid--white .mhpr-promise__card p.mhpr-promise__number {
		font-size: 2.5rem;
		font-weight: 900;
		line-height: 1;
		color: color-mix(in srgb, var(--mhpr-color-teal) 55%, white);
		opacity: 1;
		}
		.mhpr-promise-grid--white .mhpr-promise__card h3 {
		color: var(--mhpr-color-navy);
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 1.25;
		}
		.mhpr-promise-grid--white .mhpr-promise__card p.mhpr-promise__text {
		color: var(--mhpr-color-slate);
		font-size: 0.95rem;
		line-height: 1.65;
		font-weight: 400;
		}
		:is(
		.mhpr-section--teal-soft,
		.mhpr-section--teal,
		.mhpr-section--navy
		)
		.mhpr-promise-grid--white
		.mhpr-promise__card {
		color: var(--mhpr-color-slate);
		}
		:is(
		.mhpr-section--teal-soft,
		.mhpr-section--teal,
		.mhpr-section--navy
		)
		.mhpr-promise-grid--white
		.mhpr-promise__card
		p.mhpr-promise__number {
		color: color-mix(in srgb, var(--mhpr-color-teal) 18%, transparent);
		}
		:is(
		.mhpr-section--teal-soft,
		.mhpr-section--teal,
		.mhpr-section--navy
		)
		.mhpr-promise-grid--white
		.mhpr-promise__card
		h3 {
		color: var(--mhpr-color-navy);
		}
		:is(
		.mhpr-section--teal-soft,
		.mhpr-section--teal,
		.mhpr-section--navy
		)
		.mhpr-promise-grid--white
		.mhpr-promise__card
		p.mhpr-promise__text {
		color: var(--mhpr-color-slate);
		}
		.editor-styles-wrapper .mhpr-promise-grid--white .mhpr-promise__card h3,
		.editor-styles-wrapper .mhpr-promise-grid--white .mhpr-promise__card p.mhpr-promise__text,
		.editor-styles-wrapper
		:is(
		.mhpr-section--teal-soft,
		.mhpr-section--teal,
		.mhpr-section--navy
		)
		.mhpr-promise-grid--white
		.mhpr-promise__card
		h3,
		.editor-styles-wrapper
		:is(
		.mhpr-section--teal-soft,
		.mhpr-section--teal,
		.mhpr-section--navy
		)
		.mhpr-promise-grid--white
		.mhpr-promise__card
		p.mhpr-promise__text {
		color: inherit;
		}
		.editor-styles-wrapper .mhpr-promise-grid--white .mhpr-promise__card p.mhpr-promise__number,
		.editor-styles-wrapper
		:is(
		.mhpr-section--teal-soft,
		.mhpr-section--teal,
		.mhpr-section--navy
		)
		.mhpr-promise-grid--white
		.mhpr-promise__card
		p.mhpr-promise__number {
		color: color-mix(in srgb, var(--mhpr-color-teal) 55%, white);
		opacity: 1;
		}
		.mhpr-promise-grid--bordered {
		/* skylit-class-mod: Joined white cards in a bordered outer shell | only: .mhpr-promise-grid */
		border: 1px solid var(--mhpr-border-muted);
		border-radius: var(--mhpr-radius-sm);
		overflow: hidden;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
		}
		.mhpr-promise-grid--bordered.mhpr-promise-grid--borderless-shell {
		/* skylit-class-mod: No outer shell border/shadow (joined card dividers only) | only: .mhpr-promise-grid--bordered */
		border: none;
		border-radius: 0;
		box-shadow: none;
		overflow: visible;
		}
		.mhpr-promise-grid--bordered .mhpr-promise-grid__cards {
		gap: 0;
		}
		.mhpr-promise-grid--bordered .mhpr-promise__card {
		background: var(--mhpr-color-white);
		border-bottom: 1px solid var(--mhpr-border-muted);
		transition:
		background 0.3s,
		box-shadow 0.3s;
		}
		.mhpr-promise-grid--bordered .mhpr-promise__card:hover {
		background: var(--mhpr-color-white);
		box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
		}
		.mhpr-promise-grid--bordered .mhpr-promise-grid__cards > *:last-child .mhpr-promise__card {
		border-bottom: none;
		}
		.mhpr-promise-grid--bordered .mhpr-promise__card::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 3px;
		background: var(--mhpr-color-gold);
		opacity: 0.2;
		z-index: 1;
		}
		.mhpr-promise-grid--bordered .mhpr-promise__card::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 3px;
		background: var(--mhpr-color-gold);
		transition: width 0.35s ease;
		z-index: 2;
		}
		.mhpr-promise-grid--bordered .mhpr-promise__card:hover::after {
		width: 100%;
		}
		.mhpr-promise-grid--bordered .mhpr-promise__card p.mhpr-promise__number {
		font-size: var(--mhpr-font-size-overline);
		font-weight: 700;
		letter-spacing: 0.18em;
		line-height: 1;
		color: var(--mhpr-color-gold);
		opacity: 1;
		}
		.mhpr-promise-grid--bordered .mhpr-promise__card h3 {
		color: var(--mhpr-color-navy);
		font-size: 1.05rem;
		font-weight: 800;
		}
		.mhpr-promise-grid--bordered .mhpr-promise__card p.mhpr-promise__text {
		font-size: 0.85rem;
		color: var(--mhpr-color-slate);
		line-height: 1.7;
		font-weight: 300;
		}
		.editor-styles-wrapper .mhpr-promise-grid--bordered .mhpr-promise__card h3,
		.editor-styles-wrapper .mhpr-promise-grid--bordered .mhpr-promise__card p.mhpr-promise__text {
		color: inherit;
		}
		.editor-styles-wrapper .mhpr-promise-grid--bordered .mhpr-promise__card p.mhpr-promise__number {
		color: var(--mhpr-color-gold);
		opacity: 1;
		}
		.mhpr-promise-grid--teal.mhpr-promise-grid--white .mhpr-promise__card p.mhpr-promise__number {
		font-size: 2.5rem;
		font-weight: 900;
		line-height: 1;
		letter-spacing: normal;
		color: color-mix(in srgb, var(--mhpr-color-teal) 55%, white);
		opacity: 1;
		}
		.mhpr-promise-grid--teal.mhpr-promise-grid--bordered .mhpr-promise__card p.mhpr-promise__number {
		font-size: var(--mhpr-font-size-overline);
		font-weight: 700;
		letter-spacing: 0.18em;
		line-height: 1;
		color: var(--mhpr-color-gold);
		opacity: 1;
		}
		.mhpr-promise-grid--highlightable {
		/* skylit-class-mod: Accent fill for highlighted card (pair with --bordered) | only: .mhpr-promise-grid */
		}
		.mhpr-promise-grid--highlightable .mhpr-promise-grid__cards > .is-highlight .mhpr-promise__card,
		.mhpr-promise-grid--highlightable .mhpr-promise__card.is-highlight {
		background: var(--mhpr-color-signal-pale);
		}
		.mhpr-promise-grid--warm-gray {
		/* skylit-class-mod: Off-white highlight fill (use with --highlightable) | only: .mhpr-promise-grid */
		}
		.mhpr-promise-grid--warm-gray.mhpr-promise-grid--highlightable .mhpr-promise-grid__cards > .is-highlight .mhpr-promise__card,
		.mhpr-promise-grid--warm-gray.mhpr-promise-grid--highlightable .mhpr-promise__card.is-highlight {
		background: var(--mhpr-color-offwhite);
		}
		.mhpr-promise-grid--warm-gray.mhpr-promise-grid--highlightable .mhpr-promise-grid__cards > .is-highlight .mhpr-promise__card:hover,
		.mhpr-promise-grid--warm-gray.mhpr-promise-grid--highlightable .mhpr-promise__card.is-highlight:hover {
		background: var(--mhpr-color-white);
		}
		.mhpr-promise-grid--highlightable .mhpr-promise-grid__cards > .is-highlight .mhpr-promise__card:hover,
		.mhpr-promise-grid--highlightable .mhpr-promise__card.is-highlight:hover {
		background: var(--mhpr-color-white);
		}
		.mhpr-promise-grid--highlightable .mhpr-promise-grid__cards > .is-highlight .mhpr-promise__card h3,
		.mhpr-promise-grid--highlightable .mhpr-promise-grid__cards > .is-highlight .mhpr-promise__card p,
		.mhpr-promise-grid--highlightable .mhpr-promise__card.is-highlight h3,
		.mhpr-promise-grid--highlightable .mhpr-promise__card.is-highlight p {
		color: var(--mhpr-color-teal);
		}
		@media (min-width: 769px) {
		.mhpr-promise-grid--bordered .mhpr-promise-grid__cards,
		.mhpr-promise-grid--4col .mhpr-promise-grid__cards {
		grid-template-columns: repeat(2, 1fr);
		}
		.mhpr-promise-grid--bordered .mhpr-promise-grid__cards > * .mhpr-promise__card,
		.mhpr-promise-grid--4col .mhpr-promise-grid__cards > * .mhpr-promise__card {
		border-bottom: none;
		border-right: 1px solid var(--mhpr-border-muted);
		}
		.mhpr-promise-grid--bordered .mhpr-promise-grid__cards > *:nth-child(2n) .mhpr-promise__card,
		.mhpr-promise-grid--4col .mhpr-promise-grid__cards > *:nth-child(2n) .mhpr-promise__card {
		border-right: none;
		}
		}
		@media (min-width: 1025px) {
		.mhpr-promise-grid--bordered.mhpr-promise-grid--3col .mhpr-promise-grid__cards {
		grid-template-columns: repeat(3, 1fr);
		}
		.mhpr-promise-grid--bordered.mhpr-promise-grid--3col .mhpr-promise-grid__cards > *:nth-child(2n) .mhpr-promise__card {
		border-right: 1px solid var(--mhpr-border-muted);
		}
		.mhpr-promise-grid--bordered.mhpr-promise-grid--3col .mhpr-promise-grid__cards > *:last-child .mhpr-promise__card {
		border-right: none;
		}
		.mhpr-promise-grid--4col .mhpr-promise-grid__cards {
		grid-template-columns: repeat(4, 1fr);
		}
		.mhpr-promise-grid--5col .mhpr-promise-grid__cards {
		grid-template-columns: repeat(5, 1fr);
		}
		.mhpr-promise-grid--bordered .mhpr-promise-grid__cards > * .mhpr-promise__card,
		.mhpr-promise-grid--4col .mhpr-promise-grid__cards > * .mhpr-promise__card {
		border-right: 1px solid var(--mhpr-border-muted);
		}
		.mhpr-promise-grid--bordered .mhpr-promise-grid__cards > *:nth-child(2n) .mhpr-promise__card,
		.mhpr-promise-grid--4col .mhpr-promise-grid__cards > *:nth-child(2n) .mhpr-promise__card {
		border-right: 1px solid var(--mhpr-border-muted);
		}
		.mhpr-promise-grid--bordered .mhpr-promise-grid__cards > *:last-child .mhpr-promise__card,
		.mhpr-promise-grid--4col .mhpr-promise-grid__cards > *:last-child .mhpr-promise__card {
		border-right: none;
		}
		}

.mhpr-promise__card {
		display: flex;
		flex-direction: column;
		gap: var(--mhpr-gap-4);
		width: 100%;
		padding: var(--mhpr-gap-10);
		position: relative;
		}
		p.mhpr-promise__number {
		margin: 0;
		}
		.mhpr-promise__card h3 {
		margin: 0;
		}
		.mhpr-promise__card p.mhpr-promise__text {
		margin: 0;
		}