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

.mhpr-section {
		width: 100%;
		--mhpr-section-padding-x: clamp(1rem, 4vw, 2rem);
		--mhpr-section-padding-y: clamp(1rem, 8vw, 7rem);
		--mhpr-section-inner-max: 1440px;
		--mhpr-section-padding-y-narrow: var(--mhpr-gap-12);
		--mhpr-section-gap: var(--mhpr-gap-8);
		}
		.mhpr-section--primary {
		/* skylit-class-mod: Standard section — fluid padding | only: .mhpr-section */
		padding-block: var(--mhpr-section-padding-y);
		padding-inline: 0;
		}
		.mhpr-section--primary .mhpr-section__inner {
		padding-inline: var(--mhpr-section-padding-x);
		}
		.mhpr-section__inner {
		display: flex;
		flex-direction: column;
		gap: var(--mhpr-section-gap);
		width: 100%;
		max-width: var(--mhpr-section-inner-max);
		margin-inline: auto;
		}
		.mhpr-section--narrow {
		/* skylit-class-mod: Reduced vertical padding (3rem) | only: .mhpr-section */
		--mhpr-section-padding-y: var(--mhpr-section-padding-y-narrow);
		}
		.mhpr-section--full-width {
		/* skylit-class-mod: Full width — no section padding, inner spans full width | only: .mhpr-section */
		padding: 0;
		}
		.mhpr-section--full-width .mhpr-section__inner {
		max-width: none;
		padding-inline: 0;
		}
		.mhpr-section--no-padding {
		/* skylit-class-mod: Remove all section and inner padding | only: .mhpr-section */
		--mhpr-section-padding-y: 0;
		--mhpr-section-padding-x: 0;
		padding: 0;
		}
		.mhpr-section--no-padding.mhpr-section--primary {
		padding-block: 0;
		padding-inline: 0;
		}
		.mhpr-section--no-padding .mhpr-section__inner {
		padding: 0;
		padding-inline: 0;
		}
		.mhpr-section--2col {
		/* skylit-class-mod: Two-column inner grid on desktop | only: .mhpr-section */
		}
		.mhpr-section--2col .mhpr-section__inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--mhpr-gap-12);
		align-items: center;
		}
		.mhpr-section--offwhite {
		/* skylit-class-mod: Off-white section background | only: .mhpr-section */
		background: var(--mhpr-color-offwhite);
		}
		.mhpr-section--light-gold {
		/* skylit-class-mod: Light gold section background | only: .mhpr-section */
		background: var(--mhpr-color-light-gold);
		}
		.mhpr-section--white {
		/* skylit-class-mod: White section background | only: .mhpr-section */
		background: var(--mhpr-color-white);
		}
		.mhpr-section__cta-panel {
		position: relative;
		align-self: stretch;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--mhpr-color-offwhite);
		padding: var(--mhpr-gap-12);
		isolation: isolate;
		}
		@media (max-width: 768px) {
		.mhpr-section--2col .mhpr-section__inner > .mhpr-section__cta-panel {
		width: 80%;
		max-width: 80%;
		align-self: center;
		justify-self: center;
		margin-inline: auto;
		}
		}
		.mhpr-section__cta-panel::before {
		content: "";
		position: absolute;
		top: -1.5rem;
		right: -1.5rem;
		left: auto;
		width: 60%;
		height: 60%;
		border: 3px solid var(--mhpr-color-teal);
		opacity: 0.2;
		z-index: -1;
		pointer-events: none;
		}
		.mhpr-section--teal {
		/* skylit-class-mod: Teal section background | only: .mhpr-section */
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		}
		.mhpr-section--teal .mhpr-section__inner {
		gap: var(--mhpr-gap-12);
		color: var(--mhpr-color-white);
		}
		.mhpr-section--teal .mhpr-section__inner :where(
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		li,
		.mhpr-section-tag,
		a:not(.mhpr-btn)
		) {
		color: var(--mhpr-color-white);
		}
		.mhpr-section--teal-soft {
		/* skylit-class-mod: Washed teal section background | only: .mhpr-section */
		background: var(--mhpr-color-teal-soft);
		color: var(--mhpr-color-white);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		}
		.mhpr-section--teal-soft .mhpr-section__inner {
		gap: var(--mhpr-gap-12);
		color: var(--mhpr-color-white);
		}
		.mhpr-section--teal-soft .mhpr-section__inner :where(
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		li,
		.mhpr-section-tag,
		a:not(.mhpr-btn)
		) {
		color: var(--mhpr-color-white);
		}
		.mhpr-section--teal-soft .mhpr-section-header .mhpr-section-tag {
		color: rgba(255, 255, 255, 0.7);
		}
		.mhpr-section--teal-soft .mhpr-section-header .mhpr-section-tag::before {
		background: rgba(255, 255, 255, 0.5);
		}
		.mhpr-section--teal-soft .mhpr-section-header p {
		color: rgba(255, 255, 255, 0.75);
		}
		.editor-styles-wrapper .mhpr-section--teal-soft .mhpr-section__inner :where(
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		li,
		.mhpr-section-tag,
		a:not(.mhpr-btn)
		) {
		color: var(--mhpr-color-white);
		}
		.editor-styles-wrapper
		.mhpr-section--teal-soft
		.mhpr-section__inner
		.mhpr-feature-card
		:where(h1, h2, h3, h4, h5, h6, p, li, span) {
		color: unset;
		}
		.mhpr-section--navy {
		/* skylit-class-mod: Navy section background | only: .mhpr-section */
		background: var(--mhpr-color-navy);
		overflow: hidden;
		}
		.mhpr-section--navy .mhpr-section__inner {
		gap: var(--mhpr-section-gap);
		color: var(--mhpr-color-white);
		}
		.mhpr-section--navy .mhpr-section__inner :where(
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		li,
		a:not(.mhpr-btn)
		) {
		color: var(--mhpr-color-white);
		}
		.mhpr-section--navy .mhpr-section-tag {
		color: var(--mhpr-color-white);
		}
		.mhpr-section--navy .mhpr-section-header--align-center {
		padding: var(--mhpr-gap-10) var(--mhpr-gap-8) var(--mhpr-gap-12);
		}
		.mhpr-section--navy .mhpr-section-header > p:empty {
		display: none;
		}
		.editor-styles-wrapper .mhpr-section--navy .mhpr-section__inner :where(
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		li,
		.mhpr-section-tag,
		a:not(.mhpr-btn)
		) {
		color: var(--mhpr-color-white);
		}
		.editor-styles-wrapper .mhpr-section--teal .mhpr-section__inner :where(
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		li,
		.mhpr-section-tag,
		a:not(.mhpr-btn)
		) {
		color: var(--mhpr-color-white);
		}
		@media (min-width: 769px) {
		.mhpr-section--2col .mhpr-section__inner:has(> .mhpr-section__cta-panel) {
		grid-template-columns: 1fr 1fr;
		}
		.mhpr-section--2col .mhpr-section__inner > .mhpr-section__cta-panel {
		width: 100%;
		max-width: none;
		align-self: stretch;
		justify-self: stretch;
		margin-inline: 0;
		}
		}
		@media (min-width: 1025px) {
		.mhpr-section--2col .mhpr-section__inner {
		grid-template-columns: 1fr 1fr;
		gap: var(--mhpr-gap-24);
		}
		}
		.mhpr-section--2col-black-green-striped {
		/* skylit-class-mod: Full-bleed 2-col — black left, green stripe right | only: .mhpr-section */
		padding: 0;
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
		max-width: none;
		padding-inline: 0;
		width: 100%;
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :first-child {
		background: var(--mhpr-color-navy);
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 300px;
		width: 100%;
		max-width: var(--mhpr-container-max);
		margin-inline: auto;
		padding: var(--mhpr-gap-16) var(--mhpr-container-padding);
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :first-child .mhpr-section-tag {
		color: var(--mhpr-color-gold);
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :first-child h2 {
		color: var(--mhpr-color-white);
		margin-bottom: var(--mhpr-gap-5);
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :first-child p {
		color: var(--mhpr-color-silver);
		margin-bottom: var(--mhpr-gap-3);
		width: 100%;
		max-width: none;
		}
		@media (min-width: 1025px) {
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :first-child p {
		max-width: 30rem;
		}
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :nth-child(2) {
		background: var(--mhpr-color-teal);
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 300px;
		position: relative;
		overflow: hidden;
		width: 100%;
		max-width: var(--mhpr-container-max);
		margin-inline: auto;
		padding: var(--mhpr-gap-16) var(--mhpr-container-padding);
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :nth-child(2)::before {
		content: "";
		position: absolute;
		inset: 0;
		background: repeating-linear-gradient(
		45deg,
		transparent,
		transparent 40px,
		rgba(255, 255, 255, 0.03) 40px,
		rgba(255, 255, 255, 0.03) 80px
		);
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :nth-child(2) > * {
		position: relative;
		z-index: 1;
		}
		@media (min-width: 1025px) {
		.mhpr-section--2col-black-green-striped .mhpr-section__inner {
		grid-template-columns: 1fr 1fr;
		min-height: 480px;
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :first-child {
		justify-content: center;
		max-width: none;
		margin-inline: 0;
		padding-inline-start: var(--mhpr-container-inset-inline-start);
		padding-inline-end: var(--mhpr-gap-8);
		padding-block: var(--mhpr-section-y);
		}
		.mhpr-section--2col-black-green-striped .mhpr-section__inner > :nth-child(2) {
		justify-content: center;
		max-width: none;
		margin-inline: 0;
		padding-inline-end: var(--mhpr-container-inset-inline-start);
		padding-inline-start: var(--mhpr-gap-8);
		}
		}
		.mhpr-book__ctas {
		display: flex;
		gap: var(--mhpr-gap-6);
		margin-top: var(--mhpr-gap-8);
		align-items: center;
		flex-wrap: wrap;
		}
		.mhpr-book__cover {
		width: 220px;
		height: 300px;
		background: var(--mhpr-color-white);
		box-shadow: 16px 16px 48px rgba(0, 0, 0, 0.4);
		position: relative;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		}
		.mhpr-book__cover-inner {
		flex: 1;
		min-height: 0;
		}
		.mhpr-book__cover-inner img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		}
		.mhpr-founder__media {
		position: relative;
		}
		.mhpr-founder__media::before {
		content: "";
		position: absolute;
		top: -1.5rem;
		left: -1.5rem;
		width: 60%;
		height: 60%;
		border: 2px solid var(--mhpr-color-teal);
		z-index: 0;
		}
		@media (min-width: 1025px) {
		.mhpr-founder__media::before {
		border-width: 3px;
		}
		}
		.mhpr-founder__placeholder {
		width: 100%;
		height: 70vh;
		max-height: 70vh;
		background: linear-gradient(
		135deg,
		var(--mhpr-color-teal) 0%,
		var(--mhpr-color-navy) 100%
		);
		position: relative;
		z-index: 1;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: var(--mhpr-gap-8);
		}
		@media (min-width: 1025px) {
		.mhpr-founder__placeholder {
		height: auto;
		max-height: none;
		aspect-ratio: 4 / 5;
		}
		}
		.mhpr-founder__initials {
		position: relative;
		display: block;
		width: fit-content;
		max-width: 100%;
		height: auto;
		margin: 0;
		object-fit: contain;
		}
		.mhpr-founder__name-badge {
		position: absolute;
		bottom: var(--mhpr-gap-8);
		left: var(--mhpr-gap-8);
		background: var(--mhpr-color-teal);
		padding: var(--mhpr-gap-3) var(--mhpr-gap-5);
		}
		.mhpr-founder__name {
		margin: 0;
		font-size: 1rem;
		font-weight: 600;
		color: var(--mhpr-color-white);
		}
		.mhpr-founder__role {
		display: block;
		margin: 0;
		font-size: 0.7rem;
		color: rgba(255, 255, 255, 0.8);
		letter-spacing: 0.08em;
		}
		.mhpr-founder__content p {
		margin-bottom: var(--mhpr-gap-4);
		}
		.mhpr-founder__link {
		margin-top: var(--mhpr-gap-6);
		}
		.mhpr-button.mhpr-founder__link .mhpr-btn,
		a.mhpr-founder__link {
		color: var(--mhpr-color-teal);
		}