/* ═══════════════════════════════════════════════
     RESET & TOKENS
  ═══════════════════════════════════════════════ */
	.hmv-about *,
	.hmv-about *::before,
	.hmv-about *::after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	.hmv-about img {
		max-width: 100%;
		height: auto;
	}

	.hmv-about {
		--green: #1A3735;
		--green-bg: #091916;
		--green-dark: #102220;
		--green-mid: #415957;
		--gold: #926D1F;
		--gold-b: #b49b65;
		--gold-pale: #dacdb3;
		--gold-cream: #f6f3ec;
		--cream-bg: #f0ebe0;
		--white: #FBFBFB;
		font-family: 'Jost', sans-serif;
		color: #102220;
		overflow-x: hidden;
	}

	.hmv-about a {
		text-decoration: none;
	}

	/* ═══════════════════════════════════════════════
     LAYOUT
  ═══════════════════════════════════════════════ */
	.hmv-about .wrap {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0 20px;
	}

	@media(min-width:640px) {
		.hmv-about .wrap {
			padding: 0 36px;
		}
	}

	@media(min-width:1024px) {
		.hmv-about .wrap {
			padding: 0 60px;
		}
	}

	/* ═══════════════════════════════════════════════
     TYPOGRAPHY UTILITIES
  ═══════════════════════════════════════════════ */
	.hmv-about .tag {
		font-size: 10px;
		letter-spacing: .35em;
		text-transform: uppercase;
		display: inline-flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 16px;
	}

	.hmv-about .tag::before,
	.hmv-about .tag::after {
		content: '';
		width: 22px;
		height: 1px;
		opacity: .5;
	}

	.hmv-about .tg {
		color: var(--gold-b);
	}

	.hmv-about .tg::before,
	.hmv-about .tg::after {
		background: var(--gold-b);
	}

	.hmv-about .tgn {
		color: var(--green-mid);
	}

	.hmv-about .tgn::before,
	.hmv-about .tgn::after {
		background: var(--green-mid);
	}

	.hmv-about .tgc {
		color: rgba(218, 205, 179, .65);
	}

	.hmv-about .tgc::before,
	.hmv-about .tgc::after {
		background: var(--gold-pale);
		opacity: .3;
	}

	.hmv-about .tgd {
		color: var(--gold);
	}

	.hmv-about .tgd::before,
	.hmv-about .tgd::after {
		background: var(--gold);
	}

	.hmv-about .sh {
		text-align: center;
		margin-bottom: 44px;
	}

	@media(min-width:768px) {
		.hmv-about .sh {
			margin-bottom: 56px;
		}
	}

	.hmv-about .st {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(32px, 6vw, 52px);
		font-weight: 300;
		line-height: 1.1;
	}

	.hmv-about .st em {
		font-style: italic;
	}

	.hmv-about .ss {
		font-size: clamp(15px, 1.3vw, 17px);
		font-weight: 300;
		line-height: 1.85;
		margin-top: 14px;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	/* ═══════════════════════════════════════════════
     BUTTONS
  ═══════════════════════════════════════════════ */
	.hmv-about .btn-p-wrap {
		padding: 2px;
		border-radius: 2px;
		background: linear-gradient(90deg, #8a6010, #e4c06e, #f0d080, #e4c06e, #8a6010);
		background-size: 200% auto;
		animation: hmv-borderFlow 2.4s linear infinite, hmv-breathe 2.4s ease-in-out infinite;
		display: inline-block;
	}

	.hmv-about .btn-p {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		font-family: 'Jost', sans-serif;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: .22em;
		text-transform: uppercase;
		padding: 17px 38px;
		min-height: 50px;
		color: #1a1200 !important;
		background: linear-gradient(135deg, #c8970a 0%, #e8b830 40%, #f5cc50 60%, #d4a020 100%);
		border: none;
		border-radius: 1px;
		cursor: pointer;
		white-space: nowrap;
		position: relative;
		overflow: hidden;
		transition: transform .2s ease, filter .2s ease;
	}

	.hmv-about .btn-p::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 40%;
		height: 100%;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent);
		animation: hmv-shimmer 2.2s ease-in-out infinite;
		pointer-events: none;
	}

	.hmv-about .btn-p:hover {
		transform: translateY(-3px) scale(1.03);
		filter: brightness(1.12);
	}

	.hmv-about .btn-g {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 9px;
		font-family: 'Jost', sans-serif;
		font-size: 11px;
		font-weight: 400;
		letter-spacing: .2em;
		text-transform: uppercase;
		padding: 16px 32px;
		min-height: 48px;
		cursor: pointer;
		transition: all .25s;
		white-space: nowrap;
		border: 1px solid rgba(180, 155, 101, .35);
		color: var(--gold-pale);
		background: transparent;
	}

	.hmv-about .btn-g:hover {
		border-color: var(--gold-b);
		color: var(--gold-b);
	}

	/* ═══════════════════════════════════════════════
     ANIMATIONS
  ═══════════════════════════════════════════════ */
	@keyframes hmv-shimmer {
		0% {
			transform: skewX(-20deg) translateX(-180%);
		}

		100% {
			transform: skewX(-20deg) translateX(400%);
		}
	}

	@keyframes hmv-breathe {

		0%,
		100% {
			box-shadow: 0 0 24px 4px rgba(210, 165, 50, .4), 0 0 80px 20px rgba(160, 110, 10, .18), 0 10px 40px rgba(0, 0, 0, .55);
		}

		50% {
			box-shadow: 0 0 40px 10px rgba(230, 185, 70, .65), 0 0 110px 30px rgba(180, 130, 15, .32), 0 10px 40px rgba(0, 0, 0, .55);
		}
	}

	@keyframes hmv-borderFlow {
		0% {
			background-position: 0% 50%;
		}

		100% {
			background-position: 200% 50%;
		}
	}

	@keyframes hmv-fadeUp {
		from {
			opacity: 0;
			transform: translateY(16px);
		}

		to {
			opacity: 1;
			transform: none;
		}
	}

	@keyframes hmv-glow {

		0%,
		100% {
			opacity: .5;
			transform: translateX(-50%) scale(1);
		}

		50% {
			opacity: .9;
			transform: translateX(-50%) scale(1.05);
		}
	}

	@keyframes hmv-blink {

		0%,
		100% {
			opacity: 1;
		}

		50% {
			opacity: .15;
		}
	}

	/* ═══════════════════════════════════════════════
     SCROLL FADE-IN
  ═══════════════════════════════════════════════ */
	.hmv-about .fi {
		opacity: 0;
		transform: translateY(22px);
		transition: opacity .6s ease, transform .6s ease;
	}

	.hmv-about .fi.on {
		opacity: 1;
		transform: none;
	}

	/* ═══════════════════════════════════════════════
     HERO
  ═══════════════════════════════════════════════ */
	.hmv-about .hero {
		background: var(--green-dark);
		position: relative;
		overflow: hidden;
		padding: 80px 20px 72px;
		text-align: center;
		min-height: 62vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	@media(min-width:640px) {
		.hmv-about .hero {
			padding: 100px 36px 90px;
			min-height: 68vh;
		}
	}

	@media(min-width:1024px) {
		.hmv-about .hero {
			padding: 120px 60px 108px;
		}
	}

	.hmv-about .hero-glow {
		position: absolute;
		top: -80px;
		left: 50%;
		transform: translateX(-50%);
		width: 700px;
		height: 520px;
		pointer-events: none;
		background: radial-gradient(ellipse at 50% 20%, rgba(146, 109, 31, .18) 0%, transparent 65%);
		animation: hmv-glow 9s ease-in-out infinite;
	}

	.hmv-about .hero-grid {
		position: absolute;
		inset: 0;
		pointer-events: none;
		background-image: linear-gradient(rgba(180, 155, 101, .04) 1px, transparent 1px),
			linear-gradient(90deg, rgba(180, 155, 101, .04) 1px, transparent 1px);
		background-size: 72px 72px;
	}

	.hmv-about .cb {
		position: absolute;
		width: 36px;
		height: 36px;
		border-color: rgba(180, 155, 101, .2);
		border-style: solid;
	}

	@media(min-width:640px) {
		.hmv-about .cb {
			width: 48px;
			height: 48px;
		}
	}

	.hmv-about .cb-tl {
		top: 20px;
		left: 20px;
		border-width: 1px 0 0 1px;
	}

	.hmv-about .cb-tr {
		top: 20px;
		right: 20px;
		border-width: 1px 1px 0 0;
	}

	.hmv-about .cb-bl {
		bottom: 20px;
		left: 20px;
		border-width: 0 0 1px 1px;
	}

	.hmv-about .cb-br {
		bottom: 20px;
		right: 20px;
		border-width: 0 1px 1px 0;
	}

	.hmv-about .hero-eyebrow {
		font-size: 9px;
		letter-spacing: .38em;
		text-transform: uppercase;
		color: var(--gold-b);
		display: inline-flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 24px;
		position: relative;
		z-index: 1;
		animation: hmv-fadeUp .8s .1s ease both;
	}

	.hmv-about .hero-eyebrow::before,
	.hmv-about .hero-eyebrow::after {
		content: '';
		width: 24px;
		height: 1px;
		background: var(--gold-b);
		opacity: .5;
	}

	.hmv-about .hero-heading {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(44px, 11vw, 90px);
		font-weight: 300;
		line-height: 1.0;
		letter-spacing: -.01em;
		color: var(--gold-cream);
		position: relative;
		z-index: 1;
		animation: hmv-fadeUp .9s .2s ease both;
	}

	.hmv-about .hero-heading em {
		font-style: italic;
		color: var(--gold-b);
		display: block;
	}

	.hmv-about .hero-rule {
		width: min(340px, 68vw);
		height: 1px;
		margin: 26px auto;
		background: linear-gradient(to right, transparent, rgba(180, 155, 101, .35), transparent);
		position: relative;
		z-index: 1;
		animation: hmv-fadeUp .9s .3s ease both;
	}

	.hmv-about .hero-rule::after {
		content: '✦';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 10px;
		color: var(--gold-b);
		background: var(--green-dark);
		padding: 0 10px;
	}

	.hmv-about .hero-sub {
		font-size: clamp(15px, 1.3vw, 17px);
		font-weight: 300;
		line-height: 1.85;
		color: var(--gold-pale);
		opacity: .8;
		max-width: 500px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		animation: hmv-fadeUp .9s .38s ease both;
	}

	/* ═══════════════════════════════════════════════
     ENTITY STRIP — NEW: SEO/GEO credibility bar
  ═══════════════════════════════════════════════ */
	.hmv-about .entity-strip {
		background: var(--green);
		padding: 18px 0;
		border-bottom: 1px solid rgba(180, 155, 101, .12);
	}

	.hmv-about .entity-inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px 32px;
		align-items: center;
	}

	.hmv-about .entity-item {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 10px;
		font-weight: 400;
		letter-spacing: .14em;
		text-transform: uppercase;
		color: var(--gold-pale);
		opacity: .7;
	}

	.hmv-about .entity-item svg {
		width: 12px;
		height: 12px;
		stroke: var(--gold-b);
		fill: none;
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
		flex-shrink: 0;
	}

	.hmv-about .entity-sep {
		width: 1px;
		height: 14px;
		background: rgba(180, 155, 101, .2);
	}

	@media(max-width:480px) {
		.hmv-about .entity-sep {
			display: none;
		}
	}

	/* ═══════════════════════════════════════════════
     MISSION
  ═══════════════════════════════════════════════ */
	.hmv-about .mission {
		background: var(--cream-bg);
		padding: 72px 0;
		border-bottom: 1px solid rgba(26, 55, 53, .1);
	}

	@media(min-width:768px) {
		.hmv-about .mission {
			padding: 96px 0;
		}
	}

	.hmv-about .mission-inner {
		display: flex;
		flex-direction: column;
		gap: 48px;
	}

	@media(min-width:900px) {
		.hmv-about .mission-inner {
			flex-direction: row;
			align-items: flex-start;
			gap: 80px;
		}

		.hmv-about .mission-left {
			flex: 0 0 400px;
		}

		.hmv-about .mission-right {
			flex: 1;
		}
	}

	.hmv-about .mission-heading {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(32px, 6vw, 50px);
		font-weight: 300;
		line-height: 1.1;
		color: var(--green);
		margin-bottom: 22px;
	}

	.hmv-about .mission-heading em {
		font-style: italic;
		color: var(--gold);
	}

	.hmv-about .mission-body {
		font-size: clamp(15px, 1.3vw, 17px);
		font-weight: 300;
		line-height: 1.9;
		color: var(--green-mid);
		margin-bottom: 14px;
	}

	.hmv-about .mission-body em {
		font-style: italic;
		color: var(--green);
	}

	/* Founding fact box — NEW for GEO */
	.hmv-about .founding-box {
		margin-top: 28px;
		padding: 18px 20px;
		background: rgba(26, 55, 53, .05);
		border-left: 2px solid rgba(146, 109, 31, .4);
		border: 1px solid rgba(26, 55, 53, .1);
		border-left: 3px solid var(--gold);
	}

	.hmv-about .founding-box p {
		font-size: 13px;
		font-weight: 300;
		line-height: 1.75;
		color: var(--green-mid);
	}

	.hmv-about .founding-box strong {
		font-weight: 500;
		color: var(--green);
	}

	.hmv-about .pillars {
		display: flex;
		flex-direction: column;
	}

	.hmv-about .pillar {
		display: flex;
		gap: 18px;
		align-items: flex-start;
		padding: 20px 0;
		border-bottom: 1px solid rgba(26, 55, 53, .08);
	}

	.hmv-about .pillar:first-child {
		padding-top: 0;
	}

	.hmv-about .pillar:last-child {
		border-bottom: none;
	}

	.hmv-about .pillar-num {
		font-family: 'Cormorant Garamond', serif;
		font-size: 26px;
		font-weight: 300;
		color: rgba(26, 55, 53, .18);
		line-height: 1;
		flex-shrink: 0;
		width: 34px;
		margin-top: 2px;
	}

	.hmv-about .pillar h4 {
		font-size: clamp(15px, 1.3vw, 17px);
		font-weight: 500;
		color: var(--green);
		margin-bottom: 5px;
	}

	.hmv-about .pillar p {
		font-size: clamp(14px, 1.2vw, 16px);
		color: var(--green-mid);
		opacity: .85;
		line-height: 1.7;
	}

	/* ═══════════════════════════════════════════════
     NAD+ SCIENCE CALLOUT
  ═══════════════════════════════════════════════ */
	.hmv-about .nad-callout {
		background: #071412;
		padding: 56px 0;
		border-top: 2px solid rgba(180, 155, 101, .35);
		border-bottom: 1px solid rgba(180, 155, 101, .12);
		position: relative;
		overflow: hidden;
	}

	/* Subtle radial glow behind the stats */
	.hmv-about .nad-callout::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 400px;
		height: 400px;
		background: radial-gradient(ellipse, rgba(146, 109, 31, .12) 0%, transparent 70%);
		pointer-events: none;
	}

	@media(min-width:768px) {
		.hmv-about .nad-callout {
			padding: 72px 0;
		}
	}

	.hmv-about .nad-inner {
		display: flex;
		flex-direction: column;
		gap: 32px;
		align-items: flex-start;
	}

	@media(min-width:768px) {
		.hmv-about .nad-inner {
			flex-direction: row;
			align-items: center;
			gap: 60px;
		}
	}

	.hmv-about .nad-text {
		flex: 1;
	}

	.hmv-about .nad-heading {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(28px, 5vw, 44px);
		font-weight: 300;
		line-height: 1.1;
		color: var(--gold-cream);
		margin-bottom: 14px;
	}

	.hmv-about .nad-heading em {
		font-style: italic;
		color: var(--gold-b);
	}

	.hmv-about .nad-body {
		font-size: clamp(14px, 1.2vw, 16px);
		font-weight: 300;
		line-height: 1.85;
		color: var(--gold-pale);
		opacity: .85;
		margin-bottom: 20px;
	}

	/* Trial citation link — NEW for GEO */
	.hmv-about .trial-cite {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		font-family: 'Jost', sans-serif;
		font-size: 9px;
		letter-spacing: .2em;
		text-transform: uppercase;
		color: var(--gold-b);
		opacity: .75;
		border-bottom: 1px solid rgba(180, 155, 101, .3);
		padding-bottom: 2px;
		transition: opacity .2s;
	}

	.hmv-about .trial-cite:hover {
		opacity: 1;
	}

	.hmv-about .nad-stat-row {
		display: flex;
		flex-direction: column;
		gap: 14px;
		flex-shrink: 0;
	}

	@media(min-width:480px) {
		.hmv-about .nad-stat-row {
			flex-direction: row;
		}
	}

	@media(min-width:768px) {
		.hmv-about .nad-stat-row {
			flex-direction: column;
			width: 220px;
		}
	}

	.hmv-about .nad-stat {
		background: rgba(180, 155, 101, .06);
		border: 1px solid rgba(180, 155, 101, .28);
		padding: 16px 20px;
	}

	.hmv-about .nad-stat-num {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(28px, 4vw, 38px);
		font-weight: 300;
		color: var(--gold-b);
		line-height: 1;
		margin-bottom: 4px;
	}

	.hmv-about .nad-stat-lbl {
		font-size: 11px;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: rgba(218, 205, 179, .55);
		line-height: 1.5;
	}

	/* ═══════════════════════════════════════════════
     PHILOSOPHY
  ═══════════════════════════════════════════════ */
	.hmv-about .philosophy {
		background: var(--green);
		padding: 72px 0;
	}

	@media(min-width:768px) {
		.hmv-about .philosophy {
			padding: 96px 0;
		}
	}

	.hmv-about .phil-inner {
		display: flex;
		flex-direction: column;
		gap: 48px;
	}

	@media(min-width:900px) {
		.hmv-about .phil-inner {
			flex-direction: row;
			align-items: flex-start;
			gap: 72px;
		}

		.hmv-about .phil-left {
			flex: 0 0 340px;
		}

		.hmv-about .phil-right {
			flex: 1;
		}
	}

	.hmv-about .phil-heading {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(36px, 7vw, 60px);
		font-weight: 300;
		line-height: 1;
		color: var(--gold-cream);
		margin: 14px 0 22px;
	}

	.hmv-about .phil-heading em {
		font-style: italic;
		color: var(--gold-b);
		display: block;
	}

	.hmv-about .phil-body {
		font-size: clamp(14px, 1.2vw, 16px);
		font-weight: 300;
		line-height: 1.9;
		color: #e8dcc8;
		margin-bottom: 12px;
	}

	.hmv-about .phil-body em {
		font-style: italic;
		color: var(--gold-b);
	}

	.hmv-about .phil-list {
		list-style: none;
		display: flex;
		flex-direction: column;
	}

	.hmv-about .phil-item {
		display: flex;
		gap: 18px;
		align-items: flex-start;
		padding: 20px 0;
		border-bottom: 1px solid rgba(180, 155, 101, .12);
	}

	.hmv-about .phil-item:first-child {
		padding-top: 0;
	}

	.hmv-about .phil-item:last-child {
		border-bottom: none;
	}

	.hmv-about .bullet {
		color: var(--gold-b);
		font-size: 10px;
		margin-top: 5px;
		flex-shrink: 0;
		opacity: .8;
	}

	.hmv-about .phil-item strong {
		display: block;
		font-family: 'Cormorant Garamond', serif;
		font-size: 18px;
		font-weight: 500;
		color: var(--gold-cream);
		margin-bottom: 5px;
	}

	.hmv-about .phil-item p {
		font-size: clamp(14px, 1.2vw, 16px);
		font-weight: 300;
		line-height: 1.75;
		color: var(--gold-pale);
	}

	/* ═══════════════════════════════════════════════
     COMPLIANCE STRIP — NEW for health credibility
  ═══════════════════════════════════════════════ */
	.hmv-about .compliance {
		background: #0d1e1c;
		padding: 28px 0;
		border-top: 1px solid rgba(180, 155, 101, .1);
		border-bottom: 1px solid rgba(180, 155, 101, .1);
	}

	.hmv-about .compliance-inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 40px;
		align-items: center;
		text-align: center;
	}

	.hmv-about .compliance-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
	}

	.hmv-about .compliance-label {
		font-size: 9px;
		letter-spacing: .26em;
		text-transform: uppercase;
		color: var(--gold-b);
		opacity: .6;
	}

	.hmv-about .compliance-val {
		font-size: 11px;
		font-weight: 300;
		letter-spacing: .06em;
		color: var(--gold-pale);
		opacity: .55;
	}

	/* ═══════════════════════════════════════════════
     DIMENSIONS
  ═══════════════════════════════════════════════ */
	.hmv-about .dimensions {
		background: #d6ddd7;
		padding: 72px 0;
	}

	@media(min-width:768px) {
		.hmv-about .dimensions {
			padding: 96px 0;
		}
	}

	.hmv-about .dim-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		max-width: 760px;
		margin: 0 auto;
	}

	@media(min-width:480px) {
		.hmv-about .dim-grid {
			grid-template-columns: repeat(4, 1fr);
		}
	}

	@media(min-width:768px) {
		.hmv-about .dim-grid {
			gap: 14px;
		}
	}

	.hmv-about .dim-tile {
		background: var(--white);
		border: 1px solid rgba(26, 55, 53, .1);
		padding: 20px 14px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		text-align: center;
		transition: background .3s, border-color .3s;
	}

	@media(min-width:640px) {
		.hmv-about .dim-tile {
			padding: 24px 18px;
		}
	}

	.hmv-about .dim-tile:hover {
		background: var(--green);
		border-color: var(--green);
	}

	.hmv-about .dim-tile:hover .dim-icon {
		color: var(--gold-b);
		border-color: rgba(180, 155, 101, .3);
	}

	.hmv-about .dim-tile:hover .dim-lbl {
		color: var(--gold-cream);
	}

	.hmv-about .dim-icon {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(26, 55, 53, .15);
		color: var(--green);
		transition: color .3s, border-color .3s;
	}

	.hmv-about .dim-icon svg {
		width: 18px;
		height: 18px;
	}

	.hmv-about .dim-lbl {
		font-size: 10px;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: var(--green-mid);
		transition: color .3s;
	}

	/* ═══════════════════════════════════════════════
     PORTALS
  ═══════════════════════════════════════════════ */
	.hmv-about .portals {
		background: var(--green-dark);
		padding: 72px 0;
	}

	@media(min-width:768px) {
		.hmv-about .portals {
			padding: 96px 0;
		}
	}

	.hmv-about .portals-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
	}

	@media(min-width:440px) {
		.hmv-about .portals-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media(min-width:700px) {
		.hmv-about .portals-grid {
			grid-template-columns: repeat(3, 1fr);
			gap: 10px;
		}
	}

	@media(min-width:960px) {
		.hmv-about .portals-grid {
			grid-template-columns: repeat(5, 1fr);
		}
	}

	.hmv-about .portal-tile {
		background: rgba(255, 255, 255, .04);
		border: 1px solid rgba(180, 155, 101, .1);
		padding: 18px 16px;
		display: flex;
		align-items: flex-start;
		gap: 14px;
		transition: background .3s;
		position: relative;
	}

	@media(min-width:440px) {
		.hmv-about .portal-tile {
			flex-direction: column;
			gap: 12px;
			padding: 20px 18px;
		}
	}

	.hmv-about .portal-tile:hover {
		background: rgba(255, 255, 255, .08);
	}

	.hmv-about .portal-tile.live {
		border-color: rgba(111, 207, 151, .25);
		background: rgba(111, 207, 151, .04);
	}

	.hmv-about .portal-tile.live::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 2px;
		background: linear-gradient(to right, #6fcf97, transparent);
	}

	.hmv-about .portal-icon {
		flex-shrink: 0;
		width: 36px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(180, 155, 101, .2);
		color: var(--gold-b);
	}

	.hmv-about .portal-icon svg {
		width: 16px;
		height: 16px;
	}

	.hmv-about .portal-name {
		font-size: 15px;
		font-weight: 500;
		color: var(--gold-pale);
		margin-bottom: 3px;
	}

	.hmv-about .portal-desc {
		font-size: 13px;
		color: var(--gold-pale);
		opacity: .42;
		line-height: 1.5;
	}

	.hmv-about .portal-badge {
		margin-top: 6px;
		display: inline-flex;
		align-items: center;
		gap: 5px;
		font-size: 10px;
		letter-spacing: .18em;
		text-transform: uppercase;
	}

	.hmv-about .portal-badge.live {
		color: #6fcf97;
	}

	.hmv-about .portal-badge.live::before {
		content: '';
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: #6fcf97;
		animation: hmv-blink 1.8s ease-in-out infinite;
	}

	.hmv-about .portal-badge.soon {
		color: var(--gold-b);
		opacity: .5;
	}

	.hmv-about .portals-fn {
		text-align: center;
		margin-top: 36px;
		font-size: 10px;
		letter-spacing: .14em;
		text-transform: uppercase;
		color: var(--gold-pale);
		opacity: .3;
	}

	/* ═══════════════════════════════════════════════
     ECOSYSTEM
  ═══════════════════════════════════════════════ */
	.hmv-about .ecosystem {
		background: var(--cream-bg);
		padding: 72px 0;
		border-top: 1px solid rgba(26, 55, 53, .1);
	}

	@media(min-width:768px) {
		.hmv-about .ecosystem {
			padding: 96px 0;
		}
	}

	.hmv-about .eco-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	@media(min-width:600px) {
		.hmv-about .eco-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media(min-width:900px) {
		.hmv-about .eco-grid {
			grid-template-columns: repeat(4, 1fr);
			gap: 20px;
		}
	}

	.hmv-about .eco-card {
		background: var(--white);
		border: 1px solid rgba(26, 55, 53, .1);
		border-radius: 4px;
		padding: 26px 22px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		transition: box-shadow .3s, transform .3s;
	}

	.hmv-about .eco-card:hover {
		box-shadow: 0 10px 40px rgba(26, 55, 53, .09);
		transform: translateY(-3px);
	}

	.hmv-about .eco-tag {
		font-size: 9px;
		letter-spacing: .28em;
		text-transform: uppercase;
		color: var(--gold);
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.hmv-about .eco-tag::before {
		content: '';
		width: 14px;
		height: 1px;
		background: var(--gold);
	}

	.hmv-about .eco-icon {
		width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid rgba(26, 55, 53, .12);
		color: var(--green);
	}

	.hmv-about .eco-icon svg {
		width: 20px;
		height: 20px;
	}

	.hmv-about .eco-card h3 {
		font-family: 'Cormorant Garamond', serif;
		font-size: 19px;
		font-weight: 500;
		color: var(--green);
		line-height: 1.2;
	}

	.hmv-about .eco-card p {
		font-size: clamp(14px, 1.2vw, 15px);
		color: var(--green-mid);
		opacity: .8;
		line-height: 1.75;
	}

	/* ═══════════════════════════════════════════════
     CTA — homepage hero style
  ═══════════════════════════════════════════════ */
	.hmv-about .cta-section {
		background: var(--green-dark);
		padding: 96px 20px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	@media(min-width:640px) {
		.hmv-about .cta-section {
			padding: 120px 36px;
		}
	}

	/* Multi-layer glow — warm centre, wider ambient */
	.hmv-about .cta-glow {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 900px;
		height: 500px;
		pointer-events: none;
		background:
			radial-gradient(ellipse at 50% 50%, rgba(180, 155, 101, .18) 0%, transparent 45%),
			radial-gradient(ellipse at 50% 50%, rgba(146, 109, 31, .08) 0%, transparent 75%);
		animation: hmv-glow 9s ease-in-out infinite;
	}

	/* Decorative corner brackets — like hero */
	.hmv-about .cta-cb {
		position: absolute;
		width: 32px;
		height: 32px;
		border-color: rgba(180, 155, 101, .18);
		border-style: solid;
	}

	.hmv-about .cta-cb-tl {
		top: 24px;
		left: 24px;
		border-width: 1px 0 0 1px;
	}

	.hmv-about .cta-cb-tr {
		top: 24px;
		right: 24px;
		border-width: 1px 1px 0 0;
	}

	.hmv-about .cta-cb-bl {
		bottom: 24px;
		left: 24px;
		border-width: 0 0 1px 1px;
	}

	.hmv-about .cta-cb-br {
		bottom: 24px;
		right: 24px;
		border-width: 0 1px 1px 0;
	}

	.hmv-about .cta-inner {
		position: relative;
		z-index: 1;
		max-width: 580px;
		margin: 0 auto;
	}

	.hmv-about .cta-quote {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(24px, 5vw, 46px);
		font-weight: 300;
		color: var(--gold-cream);
		line-height: 1.2;
		margin-bottom: 12px;
	}

	.hmv-about .cta-quote em {
		font-style: italic;
		color: var(--gold-b);
	}

	.hmv-about .cta-attr {
		font-size: 10px;
		letter-spacing: .3em;
		text-transform: uppercase;
		color: var(--gold-b);
		opacity: .55;
		margin-bottom: 28px;
	}

	.hmv-about .cta-body {
		font-size: clamp(15px, 1.3vw, 17px);
		font-weight: 300;
		line-height: 1.85;
		color: var(--gold-pale);
		max-width: 440px;
		margin: 0 auto 36px;
	}

	/* Button row: primary gold + divider + ghost — like homepage hero */
	.hmv-about .cta-btns {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}

	@media(min-width:480px) {
		.hmv-about .cta-btns {
			flex-direction: row;
			justify-content: center;
			align-items: center;
			gap: 16px;
		}
	}

	.hmv-about .cta-divider {
		font-size: 9px;
		letter-spacing: .22em;
		text-transform: uppercase;
		color: rgba(180, 155, 101, .35);
		display: none;
	}

	@media(min-width:480px) {
		.hmv-about .cta-divider {
			display: block;
		}
	}

	/* ═══════════════════════════════════════════════
     MOBILE REFINEMENTS
  ═══════════════════════════════════════════════ */

	/* CTA buttons: stack full width on small phones */
	@media(max-width:479px) {
		.hmv-about .cta-btns {
			flex-direction: column;
			align-items: stretch;
		}

		.hmv-about .btn-p-wrap,
		.hmv-about .btn-g {
			width: 100%;
			text-align: center;
			justify-content: center;
		}

		.hmv-about .cta-divider {
			display: none;
		}
	}

	/* NAD stat row: fix width constraint on tablets (768–899px)
     before the side-by-side layout kicks in at 900px */
	@media(min-width:768px) and (max-width:899px) {
		.hmv-about .nad-stat-row {
			width: 100%;
			flex-direction: row;
			gap: 10px;
		}

		.hmv-about .nad-stat {
			flex: 1;
		}
	}

	/* Hero heading: ensure it doesn't overflow on very small phones */
	@media(max-width:380px) {
		.hmv-about .hero-heading {
			font-size: 38px;
		}

		.hmv-about .wrap {
			padding: 0 16px;
		}
	}

	/* Entity strip: tighten gap on small phones */
	@media(max-width:360px) {
		.hmv-about .entity-item {
			font-size: 9px;
			letter-spacing: .1em;
		}
	}

	/* Mission layout: ensure left panel doesn't overflow on mid tablets */
	@media(min-width:900px) and (max-width:1023px) {
		.hmv-about .mission-left {
			flex: 0 0 340px;
		}
	}

	/* Founding box: ensure readable on all sizes */
	.hmv-about .founding-box {
		overflow-wrap: break-word;
		word-break: break-word;
	}

	/* Phil and NAD body text: prevent overflow on narrow screens */
	.hmv-about .phil-body,
	.hmv-about .nad-body,
	.hmv-about .mission-body {
		overflow-wrap: break-word;
		word-break: break-word;
		max-width: 100%;
	}

	/* Compliance strip: single column on mobile */
	@media(max-width:599px) {
		.hmv-about .compliance-inner {
			flex-direction: column;
			align-items: center;
			gap: 16px;
		}
	}

	/* Portals footnote: wrap cleanly */
	.hmv-about .portals-fn {
		overflow-wrap: break-word;
		padding: 0 16px;
	}

	/* Legal footer: ensure links don't overflow */
	.hmv-about [role="contentinfo"] p {
		overflow-wrap: break-word;
		word-break: break-word;
	}

	.hmv-about .nad-callout .nad-body,
	.hmv-about .nad-callout p {
		color: #dacdb3 !important;
		opacity: 1 !important;
	}

	.hmv-about .nad-callout .trial-cite {
		color: #b49b65 !important;
		opacity: 1 !important;
		border-bottom: 1px solid rgba(180, 155, 101, .5) !important;
	}

	.hmv-about .nad-callout .nad-stat {
		background: rgba(180, 155, 101, .1) !important;
		border: 1px solid rgba(180, 155, 101, .4) !important;
	}

	.hmv-about .nad-callout .nad-stat-num {
		color: #c9a96e !important;
		opacity: 1 !important;
	}

	.hmv-about .nad-callout .nad-stat-lbl {
		color: rgba(218, 205, 179, .75) !important;
		opacity: 1 !important;
	}
	.hmv-about .philosophy .phil-body,
.hmv-about .philosophy .phil-body em,
.hmv-about .philosophy p {
    color: #e8dcc8 !important;
    opacity: 1 !important;
}

.hmv-about .philosophy .phil-item p {
    color: #dacdb3 !important;
    opacity: 1 !important;
}

.hmv-about .philosophy .phil-item strong {
    color: #f6f3ec !important;
    opacity: 1 !important;
}

.hmv-about .philosophy .phil-heading {
    color: #f6f3ec !important;
}

.hmv-about .philosophy .phil-heading em {
    color: #b49b65 !important;
}