/* Home, About, Contact: native layout for the content bridge (inc/legacy-content.php). Loaded only on those pages. */

.nhi-lc { overflow-x: clip; }
.nhi-sec { padding-block: var(--nhi-space-5); }
@media (min-width: 48em) {
	.nhi-sec { padding-block: var(--nhi-space-7); }
}
.nhi-sec:nth-child(even) { background: var(--nhi-cream); }
.nhi-sec > .nhi-container > :where(.nhi-h, .nhi-hr) ~ * { margin-top: 0; }

/* Columns: stacked on phones, grid from tablet up */
.nhi-cols { display: grid; gap: var(--nhi-space-6); align-items: center; }
.nhi-col { min-width: 0; }
.nhi-col > * + * { margin-top: var(--nhi-space-4); }
@media (min-width: 48em) {
	.nhi-cols--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nhi-cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.nhi-cols--4, .nhi-cols--5 { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); align-items: stretch; }
	.nhi-cols--uneven { grid-template-columns: var(--cols); gap: var(--nhi-space-7); }
}
.nhi-inner .nhi-cols { gap: var(--nhi-space-5); align-items: start; }

/* Type */
.nhi-h { margin: 0 0 var(--nhi-space-4); font-size: var(--nhi-step-2); text-wrap: balance; }
h1.nhi-h, h2.nhi-h { font-size: var(--nhi-step-3); }
h3.nhi-h, h4.nhi-h { font-size: var(--nhi-step-1); }
/* H1 added from the page title when the Elementor layout has none (Our Services) */
h1.nhi-page-h1 { font-size: var(--nhi-step-4); text-align: center; max-width: 30ch; margin-inline: auto; margin-bottom: var(--nhi-space-6); }
.nhi-page-h1::after { margin-inline: auto; }
.nhi-h::after { content: ""; display: block; width: 3rem; height: var(--nhi-rule); margin-top: var(--nhi-space-3); background: var(--nhi-gold); }
.nhi-prose { max-width: 68ch; }
.nhi-prose > * { margin-block: 0 var(--nhi-space-4); }
.nhi-prose > :last-child { margin-bottom: 0; }
.nhi-prose ul, .nhi-prose ol { padding-left: 1.25em; }
.nhi-prose li { margin-bottom: var(--nhi-space-2); }
.nhi-hr { border: 0; height: 1px; margin: var(--nhi-space-5) 0; background: var(--nhi-line); }
.nhi-actions { margin: 0; }
.nhi-fig { margin: 0; }
.nhi-fig img, .nhi-card__img { display: block; width: 100%; height: auto; border-radius: var(--nhi-radius); }

/* Cards (call to action, image box) */
.nhi-card { display: flex; flex-direction: column; height: 100%; background: var(--nhi-paper); border: 1px solid var(--nhi-line); border-top: var(--nhi-rule) solid var(--nhi-gold); border-radius: var(--nhi-radius); overflow: hidden; box-shadow: var(--nhi-shadow); position: relative; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.nhi-card:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(17, 17, 17, 0.08); border-color: var(--nhi-gold); }
.nhi-card__img { border-radius: 0; aspect-ratio: 4 / 3; object-fit: cover; }
.nhi-card__ribbon { position: absolute; top: var(--nhi-space-3); left: var(--nhi-space-3); z-index: 2; padding: .3em .9em; border-radius: var(--nhi-radius-pill); background: var(--nhi-ink); color: var(--nhi-gold); font-size: var(--nhi-step--1); font-weight: var(--nhi-weight-strong); letter-spacing: .03em; }
.nhi-card__badge { display: inline-block; align-self: flex-start; margin-bottom: var(--nhi-space-2); padding: .3em .85em; border-radius: var(--nhi-radius-pill); background: var(--nhi-ink); color: var(--nhi-gold); font-size: var(--nhi-step--1); font-weight: var(--nhi-weight-strong); letter-spacing: .03em; }
.nhi-card__body { display: flex; flex-direction: column; gap: var(--nhi-space-3); flex: 1; padding: var(--nhi-space-5); }
.nhi-card__title { margin: 0; font-size: var(--nhi-step-1); }
.nhi-card__text { margin: 0; color: var(--nhi-muted); font-size: var(--nhi-step--1); line-height: 1.55; }
.nhi-card .nhi-actions { margin-top: auto; padding-top: var(--nhi-space-2); }

/* Lists and social */
.nhi-checks { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--nhi-space-2); }
.nhi-checks li { position: relative; padding-left: 1.5em; }
.nhi-checks li::before { content: ""; position: absolute; left: 0; top: .6em; width: .6em; height: .6em; border-radius: 50%; background: var(--nhi-gold); }
.nhi-social { display: flex; flex-wrap: wrap; gap: var(--nhi-space-2); margin: 0; padding: 0; list-style: none; }
.site .nhi-social a, .site .nhi-social a:visited { display: inline-block; padding: .55em 1em; border: 1px solid var(--nhi-line); border-radius: var(--nhi-radius-pill); background: var(--nhi-paper); font-size: var(--nhi-step--1); font-weight: var(--nhi-weight-strong); text-decoration: none; color: var(--nhi-ink); transition: border-color .15s ease, color .15s ease, background-color .15s ease; }
.site .nhi-social a:hover { border-color: var(--nhi-gold); color: var(--nhi-gold-ink); background: var(--nhi-cream); }

/* Carousel: scroll-snap, no JS */
.nhi-slides { display: flex; gap: var(--nhi-space-4); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: var(--nhi-space-2); }
.nhi-slides__item { flex: 0 0 min(88%, 46rem); scroll-snap-align: center; }
.nhi-slides__item img { display: block; width: 100%; height: auto; border-radius: var(--nhi-radius); }

/* Before / after */
.nhi-compare { position: relative; margin: 0; border-radius: var(--nhi-radius); overflow: hidden; background: var(--nhi-ink); }
.nhi-compare img { display: block; width: 100%; height: auto; }
.nhi-compare__after { position: absolute; inset: 0; height: 100%; object-fit: cover; clip-path: inset(0 0 0 var(--pos)); }
.nhi-compare__before { aspect-ratio: 4 / 3; object-fit: cover; }
.nhi-compare__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.nhi-compare::after { content: ""; position: absolute; top: 0; bottom: 0; left: var(--pos); width: 3px; margin-left: -1.5px; background: var(--nhi-gold); pointer-events: none; }
.nhi-compare__tag { position: absolute; bottom: var(--nhi-space-3); padding: .25em .75em; border-radius: var(--nhi-radius-pill); background: rgba(17, 17, 17, .75); color: var(--nhi-on-ink); font-size: var(--nhi-step--1); pointer-events: none; }
.nhi-compare__tag--l { left: var(--nhi-space-3); }
.nhi-compare__tag--r { right: var(--nhi-space-3); }
.nhi-gallery { display: grid; gap: var(--nhi-space-3); grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }

/* Map + form */
.nhi-map iframe { display: block; width: 100%; height: 22rem; border: 0; border-radius: var(--nhi-radius); }
.nhi-form .wpcf7 p { margin: 0 0 var(--nhi-space-4); }
.nhi-form input[type="text"], .nhi-form input[type="email"], .nhi-form input[type="tel"], .nhi-form textarea, .nhi-form select { width: 100%; box-sizing: border-box; padding: .8em 1em; border: 1px solid var(--nhi-line); border-radius: var(--nhi-radius-sm); background: var(--nhi-paper); font: inherit; }
.nhi-form textarea { min-height: 9rem; }
.nhi-form input:focus, .nhi-form textarea:focus { outline: 2px solid var(--nhi-gold); outline-offset: 1px; }
.nhi-form input[type="submit"] { padding: .9em 2em; border: 0; border-radius: var(--nhi-radius-pill); background: var(--nhi-gold); color: var(--nhi-ink); font: inherit; font-weight: var(--nhi-weight-head); cursor: pointer; }
.nhi-form input[type="submit"]:hover { background: #e2c25c; }
.nhi-form .wpcf7-not-valid-tip, .nhi-form .wpcf7-response-output { font-size: var(--nhi-step--1); }

/* Home Section 1: Social Bar */
.nhi-lc--home .nhi-sec--1 { padding-block: var(--nhi-space-3); background: var(--nhi-cream); border-bottom: 1px solid var(--nhi-line); }
.nhi-lc--home .nhi-sec--1 .nhi-social { justify-content: center; }

/* Home Section 2: Hero Carousel */
.nhi-lc--home .nhi-sec--2 { background: var(--nhi-ink); color: var(--nhi-on-ink); border-bottom: var(--nhi-rule) solid var(--nhi-gold); }
.nhi-lc--home .nhi-sec--2 .nhi-h { color: var(--nhi-on-ink); text-align: center; font-size: var(--nhi-step-3); max-width: 26ch; margin-inline: auto; }
@media (min-width: 48em) { .nhi-lc--home .nhi-sec--2 .nhi-h { font-size: var(--nhi-step-4); } }
.nhi-lc--home .nhi-sec--2 .nhi-h::after { margin-inline: auto; }
.nhi-lc--home .nhi-sec--2 .nhi-hr { display: none; }
.nhi-lc--home .nhi-sec--2 .nhi-slides { margin-top: var(--nhi-space-5); justify-content: safe center; }
.nhi-lc--home .nhi-sec--2 .nhi-slides__item img { border: 1px solid var(--nhi-ink-3); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); }

.nhi-lc--home .nhi-cols--uneven .nhi-h { font-size: var(--nhi-step-2); }

/* Home Section 3: Hair Replacement Systems Specialty */
.nhi-lc--home .nhi-sec--3 {
	background: var(--nhi-paper);
	border-bottom: 1px solid var(--nhi-line);
}
@media (min-width: 48em) {
	.nhi-lc--home .nhi-sec--3 .nhi-cols--2 {
		display: grid;
		grid-template-columns: 1.15fr 0.85fr;
		gap: var(--nhi-space-6);
		align-items: center;
	}
	/* Prevent any duplicate image in left column on desktop */
	.nhi-lc--home .nhi-sec--3 .nhi-col:first-child > .nhi-fig,
	.nhi-lc--home .nhi-sec--3 .nhi-col:first-child .nhi-hide-desktop {
		display: none !important;
	}
	.nhi-lc--home .nhi-sec--3 .nhi-col:last-child .nhi-fig img {
		box-shadow: 0 10px 30px rgba(17, 17, 17, 0.08);
		border: 1px solid var(--nhi-line);
	}
}
@media (max-width: 47.99em) {
	.nhi-lc--home .nhi-sec--3 {
		padding-block: var(--nhi-space-5);
	}
	/* On mobile, hide the right column duplicate and present single centered diagram */
	.nhi-lc--home .nhi-sec--3 .nhi-col:last-child {
		display: none !important;
	}
	.nhi-lc--home .nhi-sec--3 .nhi-col:first-child > .nhi-fig,
	.nhi-lc--home .nhi-sec--3 .nhi-col:first-child .nhi-fig {
		display: block;
		margin: var(--nhi-space-3) auto var(--nhi-space-4);
		max-width: 320px;
	}
	.nhi-lc--home .nhi-sec--3 .nhi-actions .nhi-btn {
		width: 100%;
		justify-content: center;
	}
}

/* Home Section 5: The 5 Treatment Cards (clean 5-col desktop grid) */
.nhi-lc--home .nhi-sec--5 .nhi-cols--5 {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--nhi-space-3);
	align-items: stretch;
}
@media (min-width: 34em) and (max-width: 63.99em) {
	.nhi-lc--home .nhi-sec--5 .nhi-cols--5 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--nhi-space-4);
	}
}
@media (min-width: 64em) {
	.nhi-lc--home .nhi-sec--5 .nhi-cols--5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: var(--nhi-space-4);
	}
}
.nhi-lc--home .nhi-sec--5 .nhi-card {
	text-align: center;
	border-radius: var(--nhi-radius);
}
.nhi-lc--home .nhi-sec--5 .nhi-card__img {
	aspect-ratio: 1 / 1;
	max-height: 120px;
	object-fit: contain;
	padding: var(--nhi-space-3);
	background: var(--nhi-cream);
	margin: 0 auto;
}
@media (min-width: 48em) {
	.nhi-lc--home .nhi-sec--5 .nhi-card__img {
		max-height: 140px;
		padding: var(--nhi-space-4);
	}
}
.nhi-lc--home .nhi-sec--5 .nhi-card__body {
	padding: var(--nhi-space-3) var(--nhi-space-4);
	align-items: center;
	text-align: center;
}
@media (min-width: 48em) {
	.nhi-lc--home .nhi-sec--5 .nhi-card__body {
		padding: var(--nhi-space-4);
	}
}
.nhi-lc--home .nhi-sec--5 .nhi-card__title {
	font-size: var(--nhi-step-0);
	line-height: 1.3;
	min-height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (min-width: 64em) {
	.nhi-lc--home .nhi-sec--5 .nhi-card__title {
		min-height: 2.8em;
	}
}
.nhi-lc--home .nhi-sec--5 .nhi-card__text {
	font-size: var(--nhi-step--1);
	color: var(--nhi-muted);
	flex: 1;
	line-height: 1.5;
}
.nhi-lc--home .nhi-sec--5 .nhi-card .nhi-actions {
	width: 100%;
}
.nhi-lc--home .nhi-sec--5 .nhi-card .nhi-btn {
	width: 100%;
	justify-content: center;
}

/* Home Section 6: Online Shop Banner (Hero Showcase) */
.nhi-lc--home .nhi-sec--6 {
	background: var(--nhi-cream);
	padding-block: var(--nhi-space-5);
}
@media (min-width: 48em) {
	.nhi-lc--home .nhi-sec--6 {
		padding-block: var(--nhi-space-7);
	}
}
.nhi-lc--home .nhi-sec--6 .nhi-card {
	background: var(--nhi-paper);
	border: 1px solid var(--nhi-line);
	border-top: var(--nhi-rule) solid var(--nhi-gold);
	border-radius: var(--nhi-radius);
	box-shadow: var(--nhi-shadow);
	overflow: hidden;
}
@media (min-width: 48em) {
	.nhi-lc--home .nhi-sec--6 .nhi-card.nhi-card--has-img {
		display: grid;
		grid-template-columns: 1.3fr 1fr;
		align-items: stretch;
	}
	.nhi-lc--home .nhi-sec--6 .nhi-card__body {
		padding: var(--nhi-space-6) var(--nhi-space-7);
		justify-content: center;
	}
	.nhi-lc--home .nhi-sec--6 .nhi-card__img {
		height: 100%;
		max-height: 360px;
		aspect-ratio: auto;
		object-fit: cover;
	}
}
@media (max-width: 47.99em) {
	.nhi-lc--home .nhi-sec--6 .nhi-card__body {
		padding: var(--nhi-space-5) var(--nhi-space-4);
		text-align: center;
	}
	.nhi-lc--home .nhi-sec--6 .nhi-card .nhi-actions .nhi-btn {
		width: 100%;
		justify-content: center;
	}
}
.nhi-lc--home .nhi-sec--6 .nhi-card__title {
	font-size: var(--nhi-step-2);
	margin-bottom: var(--nhi-space-2);
	line-height: 1.3;
}
.nhi-lc--home .nhi-sec--6 .nhi-card__text {
	font-size: var(--nhi-step-0);
	max-width: 55ch;
	margin-bottom: var(--nhi-space-4);
	line-height: 1.6;
	color: var(--nhi-muted);
}
.nhi-lc--home .nhi-sec--6 .nhi-card .nhi-actions .nhi-btn {
	padding: 0.8em 2em;
	font-size: var(--nhi-step-0);
	background: var(--nhi-ink);
	color: var(--nhi-gold);
	border: 1.5px solid var(--nhi-gold);
}
.nhi-lc--home .nhi-sec--6 .nhi-card .nhi-actions .nhi-btn:hover {
	background: var(--nhi-gold);
	color: var(--nhi-ink);
}

/* Home Section 14: Pre-footer Contacts */
.nhi-lc--home .nhi-sec--14 {
	background: var(--nhi-cream);
	border-top: 1px solid var(--nhi-line);
	padding-block: var(--nhi-space-6);
}
.nhi-lc--home .nhi-sec--14 .nhi-cols--3 {
	gap: var(--nhi-space-4);
}
.nhi-lc--home .nhi-sec--14 .nhi-checks {
	background: var(--nhi-paper);
	padding: var(--nhi-space-4) var(--nhi-space-5);
	border: 1px solid var(--nhi-line);
	border-radius: var(--nhi-radius);
	box-shadow: var(--nhi-shadow);
	height: 100%;
	box-sizing: border-box;
	align-content: center;
}
.nhi-lc--home .nhi-sec--14 .nhi-checks li {
	font-weight: var(--nhi-weight-strong);
	color: var(--nhi-ink);
	line-height: 1.7;
}
.site .nhi-lc--home .nhi-sec--14 .nhi-checks a {
	color: var(--nhi-ink);
	text-decoration: none;
}
.site .nhi-lc--home .nhi-sec--14 .nhi-checks a:hover {
	color: var(--nhi-gold-ink);
}

/* Section headings that stand alone read better centred */
.nhi-sec > .nhi-container > .nhi-cols--1 > .nhi-col > .nhi-h { text-align: center; max-width: 36ch; margin-inline: auto; }
.nhi-sec > .nhi-container > .nhi-cols--1 > .nhi-col > .nhi-h::after { margin-inline: auto; }
.nhi-sec > .nhi-container > .nhi-cols--1 > .nhi-col > .nhi-prose { margin-inline: auto; }
.nhi-sec > .nhi-container > .nhi-cols--1 > .nhi-col > .nhi-actions { text-align: center; }

/* Contact page branch cards */
.nhi-contact-branches { padding-block: var(--nhi-space-6) var(--nhi-space-4); background: var(--nhi-paper); }
.nhi-contact-branches__header { margin-bottom: var(--nhi-space-6); max-width: 48ch; }
.nhi-contact-branches__header .nhi-h { margin-top: var(--nhi-space-2); }
.nhi-contact-branches__grid { display: grid; gap: var(--nhi-space-5); grid-template-columns: 1fr; }
@media (min-width: 48em) {
	.nhi-contact-branches__grid { grid-template-columns: 1fr 1fr; }
}
.nhi-contact-branch-card {
	background: var(--nhi-cream); border: 1.5px solid var(--nhi-line); border-top: var(--nhi-rule) solid var(--nhi-gold);
	border-radius: var(--nhi-radius); padding: var(--nhi-space-5); display: flex; flex-direction: column;
	gap: var(--nhi-space-3); box-shadow: var(--nhi-shadow); transition: transform .2s ease, box-shadow .2s ease;
}
.nhi-contact-branch-card:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(17, 17, 17, 0.08); }
.nhi-contact-branch-card__badge {
	align-self: flex-start; padding: 0.25em 0.8em; border-radius: var(--nhi-radius-pill);
	background: var(--nhi-ink); color: var(--nhi-gold); font-size: var(--nhi-step--1); font-weight: var(--nhi-weight-strong);
	text-transform: uppercase; letter-spacing: .04em;
}
.nhi-contact-branch-card__badge--gold { background: var(--nhi-gold); color: var(--nhi-ink); }
.nhi-contact-branch-card__title { margin: 0; font-size: var(--nhi-step-2); color: var(--nhi-ink); }
.nhi-contact-branch-card__addr { margin: 0; color: var(--nhi-muted); font-size: var(--nhi-step-0); line-height: 1.55; flex: 1; }
.nhi-contact-branch-card__contact { display: flex; flex-direction: column; gap: var(--nhi-space-1); font-size: var(--nhi-step-0); font-weight: var(--nhi-weight-strong); }
.site .nhi-contact-branch-card__contact a { display: inline-flex; align-items: center; gap: var(--nhi-space-2); color: var(--nhi-ink); text-decoration: none; }
.site .nhi-contact-branch-card__contact a:hover { color: var(--nhi-gold-ink); }
.nhi-contact-branch-card__contact .nhi-icon { color: var(--nhi-gold); }
.nhi-contact-branch-card__actions { display: flex; flex-wrap: wrap; gap: var(--nhi-space-2); margin-top: var(--nhi-space-2); }
.nhi-contact-branch-card__actions .nhi-btn { flex: 1 1 auto; justify-content: center; }

.nhi-lc--contact .nhi-sec > .nhi-container > .nhi-cols--1 > .nhi-col > .nhi-h { text-align: left; margin-inline: 0; }
.nhi-lc--contact .nhi-sec > .nhi-container > .nhi-cols--1 > .nhi-col > .nhi-h::after { margin-inline: 0; }

/* About intro (template-parts/about-intro.php): H1, company story, key facts, two actions */
.nhi-about-intro { padding-block: var(--nhi-space-6); text-align: center; border-bottom: 1px solid var(--nhi-line); }
@media (min-width: 48em) { .nhi-about-intro { padding-block: var(--nhi-space-7); } }
.nhi-about-intro .nhi-eyebrow { margin: 0 0 var(--nhi-space-2); color: var(--nhi-gold-ink); font-weight: var(--nhi-weight-strong); letter-spacing: .06em; text-transform: uppercase; font-size: var(--nhi-step--1); }
.nhi-about-intro h1.nhi-page-h1 { margin-bottom: var(--nhi-space-5); }
.nhi-about-intro__text { max-width: 62ch; margin-inline: auto; }
.nhi-about-intro__text p { margin: 0 0 var(--nhi-space-4); }
.nhi-about-intro__lead { font-size: var(--nhi-step-1); line-height: 1.5; color: var(--nhi-ink); }
.nhi-about-intro__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--nhi-space-4); max-width: 52rem; margin: var(--nhi-space-6) auto; padding: 0; list-style: none; }
@media (min-width: 48em) { .nhi-about-intro__facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.nhi-about-intro__facts li { padding: var(--nhi-space-4) var(--nhi-space-3); background: var(--nhi-cream); border-top: var(--nhi-rule) solid var(--nhi-gold); border-radius: var(--nhi-radius); }
.nhi-about-intro__facts strong { display: block; font-size: var(--nhi-step-3); line-height: 1.1; color: var(--nhi-ink); }
.nhi-about-intro__facts span { display: block; margin-top: var(--nhi-space-1); font-size: var(--nhi-step--1); color: var(--nhi-muted); }
.nhi-about-intro__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--nhi-space-3); margin: 0; }

/* About: founder, what we do, satisfied customers, office (template-parts/about-sections.php) */
.nhi-lc--about .nhi-eyebrow { margin: 0 0 var(--nhi-space-2); color: var(--nhi-gold-ink); font-weight: var(--nhi-weight-strong); letter-spacing: .06em; text-transform: uppercase; font-size: var(--nhi-step--1); }
.nhi-lc--about section { padding-block: var(--nhi-space-7); }
.nhi-lc--about figure { margin: 0; }
.nhi-lc--about img { display: block; max-width: 100%; height: auto; }
.nhi-about-intro { border-bottom: 0; }

.nhi-about-founder { background: var(--nhi-cream); }
.nhi-about-founder__inner { display: grid; gap: var(--nhi-space-6); align-items: center; }
.nhi-about-founder__photo { width: min(320px, 80%); margin-inline: auto; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--nhi-paper); border: var(--nhi-rule) solid var(--nhi-gold); box-shadow: var(--nhi-shadow); }
.nhi-about-founder__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.nhi-about-founder__text { text-align: center; }
.nhi-about-founder__text p:last-child { margin: 0; max-width: 46ch; margin-inline: auto; font-size: var(--nhi-step-1); line-height: 1.5; color: var(--nhi-ink-3); }
@media (min-width: 48em) {
	.nhi-about-founder__inner { grid-template-columns: 320px minmax(0, 1fr); gap: var(--nhi-space-7); }
	.nhi-about-founder__photo { width: 100%; }
	.nhi-about-founder__text { text-align: left; }
	.nhi-about-founder__text p:last-child { margin-inline: 0; }
}

.nhi-about-what__grid { display: grid; gap: var(--nhi-space-5); margin: 0; padding: 0; list-style: none; }
@media (min-width: 48em) { .nhi-about-what__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.nhi-about-card { display: flex; flex-direction: column; border: 1px solid var(--nhi-line); border-radius: var(--nhi-radius); overflow: hidden; background: var(--nhi-paper); }
.nhi-about-card__img { aspect-ratio: 4 / 3; overflow: hidden; background: var(--nhi-cream); }
.nhi-about-card__img img { width: 100%; height: 100%; object-fit: cover; }
.nhi-about-card__img--product img { object-fit: contain; padding: var(--nhi-space-4); box-sizing: border-box; }
.nhi-about-card h3 { margin: var(--nhi-space-4) var(--nhi-space-5) var(--nhi-space-2); font-size: var(--nhi-step-1); }
.nhi-about-card p { margin: 0 var(--nhi-space-5) var(--nhi-space-5); color: var(--nhi-ink-3); }

.nhi-about-results { background: var(--nhi-ink); color: var(--nhi-on-ink); }
.nhi-about-results h2.nhi-h { color: var(--nhi-on-ink); text-align: center; margin-bottom: var(--nhi-space-6); }
.nhi-about-results__pairs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--nhi-space-4); margin: 0; padding: 0; list-style: none; }
@media (min-width: 64em) { .nhi-about-results__pairs { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.nhi-about-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; border-radius: var(--nhi-radius); overflow: hidden; background: var(--nhi-ink-3); }
.nhi-about-pair figure { position: relative; aspect-ratio: 3 / 4; }
.nhi-about-pair img { width: 100%; height: 100%; object-fit: cover; }
.nhi-about-pair__tag { position: absolute; bottom: 6px; left: 6px; padding: 3px 7px; border-radius: var(--nhi-radius-pill); background: var(--nhi-ink); color: var(--nhi-paper); font-size: 0.625rem; font-weight: var(--nhi-weight-strong); letter-spacing: .04em; text-transform: uppercase; }
.nhi-about-pair__tag--after { left: auto; right: 6px; background: var(--nhi-gold); color: var(--nhi-ink); }
.nhi-about-results__note { margin: var(--nhi-space-4) 0 0; text-align: center; font-size: var(--nhi-step--1); color: var(--nhi-on-ink-muted); }

.nhi-about-office__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--nhi-space-3); }
.nhi-about-office__grid figure { border-radius: var(--nhi-radius); overflow: hidden; aspect-ratio: 4 / 3; }
.nhi-about-office__grid img { width: 100%; height: 100%; object-fit: cover; }
.nhi-about-office__main { grid-column: 1 / -1; aspect-ratio: 16 / 9 !important; }
@media (min-width: 48em) {
	.nhi-about-office__grid { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; }
	.nhi-about-office__main { grid-column: 1; grid-row: 1 / span 2; aspect-ratio: auto !important; }
}