/*
Theme Name: MTD Technologies
Theme URI: https://mtdtechnologies.com/
Author: MTD Technologies
Author URI: https://mtdtechnologies.com/
Description: A custom hand-coded WordPress theme for MTD Technologies, converted from the static redesign.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: mtd-technologies
*/

:root {
	--mtd-surface: #fff9ef;
	--mtd-surface-dim: #e5d9b6;
	--mtd-primary: #2a3a26;
	--mtd-primary-container: #40513b;
	--mtd-olive: #628141;
	--mtd-solar: #e67e22;
	--mtd-muted: #5c6059;
	--mtd-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--mtd-surface);
	color: #211b06;
}

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

.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.mtd-site a {
	text-decoration: none;
}

.mtd-screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.mtd-header {
	transition: box-shadow 200ms ease, background-color 200ms ease;
}

.mtd-header > nav {
	box-sizing: border-box;
	width: min(calc(100% - 40px), 1280px);
	min-height: 80px;
	height: auto;
	margin: 0 auto;
	padding: 14px 0;
	gap: 24px;
}

.mtd-header > nav > a:first-child {
	padding: 8px 0;
	line-height: 1.12;
	white-space: nowrap;
}

.mtd-header > nav > div:first-of-type {
	gap: 30px;
}

.mtd-header > nav > div:nth-of-type(2) > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 24px;
	line-height: 1;
}

body.admin-bar .mtd-header {
	top: 32px;
}

.mtd-header--scrolled {
	box-shadow: 0 10px 30px rgba(64, 81, 59, 0.12);
}

.mtd-nav-link {
	position: relative;
	padding: 10px 0;
	line-height: 1.25;
}

.mtd-nav-link.mtd-is-active::after,
.mtd-nav-link:hover::after {
	position: absolute;
	right: 0;
	bottom: -6px;
	left: 0;
	height: 2px;
	content: "";
	background: var(--mtd-solar);
}

.mtd-mobile-nav {
	display: none;
}

.mtd-mobile-nav.mtd-is-open {
	display: flex;
}

.mtd-soft-elevation {
	box-shadow: 0 10px 30px rgba(64, 81, 59, 0.08);
}

.mtd-site [data-mtd-animate] {
	will-change: opacity, transform;
}

.mtd-site .mtd-animate-ready {
	opacity: 0;
	transform: translateY(34px);
}

.mtd-site .mtd-animate-in {
	animation: mtdFadeUp 760ms var(--mtd-motion-ease) forwards;
	animation-delay: var(--mtd-stagger-delay, 0ms);
}

.mtd-accent-bar {
	position: relative;
}

.mtd-accent-bar::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	content: "";
	background-color: var(--mtd-olive);
	border-radius: 4px 4px 0 0;
}

.mtd-rotated-square {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 12px;
	background-color: var(--mtd-primary-container);
	transform: rotate(45deg);
}

.mtd-service-card-hover:hover .mtd-service-icon {
	color: var(--mtd-solar);
	transform: scale(1.1) rotate(5deg);
}

.mtd-service-card-hover,
.mtd-project-card,
.mtd-accent-bar,
.mtd-site article,
.mtd-site .shadow-sm,
.mtd-site .shadow-lg,
.mtd-site .shadow-2xl {
	transition:
		transform 280ms var(--mtd-motion-ease),
		box-shadow 280ms var(--mtd-motion-ease),
		border-color 280ms var(--mtd-motion-ease),
		background-color 280ms ease,
		color 280ms ease;
}

.mtd-service-card-hover:hover,
.mtd-project-card:hover,
.mtd-accent-bar:hover {
	transform: translateY(-8px);
	box-shadow: 0 22px 50px rgba(64, 81, 59, 0.14);
}

.mtd-service-card-hover:hover,
.mtd-project-card:hover {
	border-color: rgba(230, 126, 34, 0.65);
}

.mtd-site a[class*="bg-solar-flare"],
.mtd-site a[class*="bg-deep-forest"],
.mtd-site button[class*="bg-solar-flare"],
.mtd-site button[class*="bg-deep-forest"] {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	transition:
		transform 240ms var(--mtd-motion-ease),
		box-shadow 240ms var(--mtd-motion-ease),
		background-color 240ms ease,
		color 240ms ease;
}

.mtd-site a[class*="bg-solar-flare"]::before,
.mtd-site a[class*="bg-deep-forest"]::before,
.mtd-site button[class*="bg-solar-flare"]::before,
.mtd-site button[class*="bg-deep-forest"]::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	content: "";
	background: linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, 0.28) 50%, transparent 80%);
	transform: translateX(-120%);
	transition: transform 520ms var(--mtd-motion-ease);
}

.mtd-site a[class*="bg-solar-flare"]:hover,
.mtd-site a[class*="bg-deep-forest"]:hover,
.mtd-site button[class*="bg-solar-flare"]:hover,
.mtd-site button[class*="bg-deep-forest"]:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(230, 126, 34, 0.22);
}

.mtd-site a[class*="bg-solar-flare"]:hover::before,
.mtd-site a[class*="bg-deep-forest"]:hover::before,
.mtd-site button[class*="bg-solar-flare"]:hover::before,
.mtd-site button[class*="bg-deep-forest"]:hover::before {
	transform: translateX(120%);
}

.mtd-site img {
	transition: transform 520ms var(--mtd-motion-ease), filter 520ms ease;
}

.mtd-site .overflow-hidden:hover > img,
.mtd-site .overflow-hidden:hover picture > img {
	transform: scale(1.045);
}

.mtd-site .rounded-xl.shadow-2xl,
.mtd-site .rounded-xl.shadow-xl {
	animation: mtdFloat 7s ease-in-out infinite;
}

.mtd-count {
	display: inline-block;
	font-variant-numeric: tabular-nums;
}

.mtd-filter-btn {
	transition:
		transform 220ms var(--mtd-motion-ease),
		background-color 220ms ease,
		border-color 220ms ease,
		color 220ms ease;
}

.mtd-filter-btn:hover {
	transform: translateY(-2px);
}

.mtd-project-card:hover .mtd-project-image {
	transform: scale(1.05);
}

.mtd-project-grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 28px;
}

.mtd-project-card {
	position: relative;
	display: grid;
	min-height: 100%;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 239, 0.98)),
		var(--mtd-surface);
	border: 1px solid rgba(64, 81, 59, 0.12);
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(64, 81, 59, 0.08);
}

.mtd-project-card::before {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	content: "";
	background:
		radial-gradient(circle at 20% 0%, rgba(230, 126, 34, 0.16), transparent 32%),
		linear-gradient(135deg, rgba(64, 81, 59, 0.12), transparent 46%);
	opacity: 0;
	transition: opacity 300ms var(--mtd-motion-ease);
}

.mtd-project-card:hover::before {
	opacity: 1;
}

.mtd-project-card[hidden] {
	display: none !important;
}

.mtd-project-media {
	position: relative;
	min-height: 220px;
	margin: 14px 14px 0;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(64, 81, 59, 0.1), rgba(230, 126, 34, 0.08)),
		#f4e8c4;
	border-radius: 14px;
}

.mtd-project-media::before {
	position: absolute;
	inset: 10px;
	z-index: 2;
	pointer-events: none;
	content: "";
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 10px;
}

.mtd-project-image {
	width: 100%;
	height: 100%;
	min-height: 220px;
	object-fit: cover;
	transform: scale(1.01);
}

.mtd-project-media-shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(33, 27, 6, 0.02) 20%, rgba(33, 27, 6, 0.38) 100%),
		linear-gradient(135deg, rgba(64, 81, 59, 0.2), transparent 45%);
}

.mtd-project-category,
.mtd-project-number {
	position: absolute;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	border: 1px solid rgba(255, 255, 255, 0.38);
	backdrop-filter: blur(14px);
	box-shadow: 0 8px 18px rgba(33, 27, 6, 0.12);
}

.mtd-project-category {
	top: 18px;
	left: 18px;
	padding: 0 12px;
	color: #fff;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	background: rgba(42, 58, 38, 0.78);
	border-radius: 999px;
}

.mtd-project-number {
	right: 18px;
	bottom: 18px;
	justify-content: center;
	width: 44px;
	color: #2a3a26;
	font-family: "Source Serif 4", serif;
	font-size: 18px;
	font-weight: 700;
	background: rgba(255, 249, 239, 0.86);
	border-radius: 12px;
}

.mtd-project-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 22px;
	padding: 26px;
}

.mtd-project-title {
	margin: 0 0 12px;
	color: var(--mtd-primary);
	font-family: "Source Serif 4", serif;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.15;
}

.mtd-project-excerpt {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: var(--mtd-muted);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 16px;
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mtd-project-link {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 10px;
	padding: 11px 14px 11px 18px;
	color: var(--mtd-solar);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 14px;
	font-weight: 700;
	background: rgba(230, 126, 34, 0.1);
	border: 1px solid rgba(230, 126, 34, 0.18);
	border-radius: 999px;
}

.mtd-project-link .material-symbols-outlined {
	font-size: 19px;
	transition: transform 220ms var(--mtd-motion-ease);
}

.mtd-project-card:hover .mtd-project-link {
	color: #fff;
	background: var(--mtd-solar);
	border-color: var(--mtd-solar);
}

.mtd-project-card:hover .mtd-project-link .material-symbols-outlined {
	transform: translateX(4px);
}

.mtd-filter-btn.mtd-is-active {
	color: #fff;
	background-color: var(--mtd-solar);
	border-color: var(--mtd-solar);
}

.mtd-form-focus:focus {
	outline: none;
	border-color: var(--mtd-primary-container);
	border-width: 2px;
}

.mtd-custom-scrollbar::-webkit-scrollbar {
	width: 4px;
}

.mtd-custom-scrollbar::-webkit-scrollbar-track {
	background: var(--mtd-surface-dim);
}

.mtd-custom-scrollbar::-webkit-scrollbar-thumb {
	background: var(--mtd-primary-container);
}

.mtd-map-texture {
	background-image:
		linear-gradient(90deg, rgba(64, 81, 59, 0.08) 1px, transparent 1px),
		linear-gradient(rgba(64, 81, 59, 0.08) 1px, transparent 1px);
	background-size: 28px 28px;
}

.mtd-post-content {
	max-width: 760px;
	color: var(--mtd-muted);
}

.mtd-post-content > * + * {
	margin-top: 1.35em;
}

.mtd-post-content h2,
.mtd-post-content h3,
.mtd-post-content h4 {
	color: var(--mtd-primary);
	font-family: "Source Serif 4", serif;
	font-weight: 700;
	line-height: 1.18;
}

.mtd-post-content h2 {
	margin-top: 2.1em;
	font-size: clamp(30px, 4vw, 42px);
}

.mtd-post-content h3 {
	margin-top: 1.8em;
	font-size: 28px;
}

.mtd-post-content p,
.mtd-post-content li {
	font-size: 18px;
	line-height: 1.8;
}

.mtd-post-content a {
	color: var(--mtd-solar);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.mtd-post-content ul,
.mtd-post-content ol {
	padding-left: 1.35rem;
}

.mtd-post-content li + li {
	margin-top: 0.75rem;
}

.mtd-post-content blockquote {
	padding: 24px 28px;
	color: var(--mtd-primary);
	background: #fff;
	border-left: 4px solid var(--mtd-solar);
	border-radius: 8px;
	box-shadow: 0 12px 30px rgba(64, 81, 59, 0.08);
}

.mtd-post-content blockquote p {
	margin: 0;
	font-family: "Source Serif 4", serif;
	font-size: 24px;
	line-height: 1.45;
}

.mtd-post-content img {
	border-radius: 8px;
	box-shadow: 0 18px 40px rgba(64, 81, 59, 0.12);
}

@keyframes mtdFadeUp {
	from {
		opacity: 0;
		transform: translateY(34px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes mtdFloat {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 1ms !important;
	}

	.mtd-site .mtd-animate-ready,
	.mtd-site .mtd-animate-in {
		opacity: 1;
		transform: none;
	}
}

@media (min-width: 768px) {
	.mtd-header > nav {
		width: min(calc(100% - 128px), 1280px);
	}

	.mtd-mobile-nav,
	.mtd-mobile-nav.mtd-is-open {
		display: none;
	}

	.mtd-project-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.mtd-project-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mtd-project-card--featured {
		grid-column: span 2;
		grid-template-columns: 1.1fr 0.9fr;
		align-items: stretch;
	}

	.mtd-project-card--featured .mtd-project-media {
		min-height: 100%;
		margin: 14px 0 14px 14px;
	}

	.mtd-project-card--featured .mtd-project-image {
		min-height: 100%;
	}

	.mtd-project-card--featured .mtd-project-content {
		padding: 34px;
	}

	.mtd-project-card--featured .mtd-project-title {
		font-size: 34px;
	}

	.mtd-project-card--featured .mtd-project-excerpt {
		-webkit-line-clamp: 4;
	}
}

@media (max-width: 782px) {
	body.admin-bar .mtd-header {
		top: 46px;
	}
}

/* MTD article enhancements v2 */
.mtd-post-content > * + * { margin-top: 1.45em; }
.mtd-post-content h2 { padding-top: .25em; margin-top: 2.35em; margin-bottom: .75em; font-size: clamp(30px, 4vw, 42px); }
.mtd-post-content h3 { margin-top: 2em; margin-bottom: .65em; font-size: 28px; }
.mtd-post-content p, .mtd-post-content li { font-size: 18px; line-height: 1.85; }
.mtd-post-content ul, .mtd-post-content ol { padding: 24px 28px 24px 54px; background: rgba(255,255,255,.68); border: 1px solid rgba(64,81,59,.1); border-radius: 8px; }
.mtd-post-content li + li { margin-top: .75rem; }
.mtd-article-insight, .mtd-roadmap-component, .mtd-article-cta { margin: 42px 0; }
.mtd-article-insight { padding: 28px 30px; color: var(--mtd-primary); background: linear-gradient(135deg, rgba(202,238,162,.5), rgba(255,249,239,.96)), #fff; border: 1px solid rgba(64,81,59,.14); border-radius: 8px; box-shadow: 0 18px 40px rgba(64,81,59,.1); }
.mtd-article-insight__eyebrow, .mtd-roadmap-component__eyebrow { display: inline-flex; margin-bottom: 10px; color: var(--mtd-solar); font-family: "Hanken Grotesk", sans-serif; font-size: 12px; font-weight: 800; line-height: 1; text-transform: uppercase; }
.mtd-article-insight p { margin: 0; font-family: "Source Serif 4", serif; font-size: clamp(24px, 3vw, 30px); font-weight: 700; line-height: 1.38; }
.mtd-roadmap-component { display: grid; grid-template-columns: minmax(0,.7fr) minmax(280px,1fr); gap: 28px; padding: 32px; color: #fff; background: var(--mtd-primary); border-radius: 8px; box-shadow: 0 22px 50px rgba(64,81,59,.18); }
.mtd-roadmap-component h2 { padding: 0; margin: 0 0 14px; color: #fff; font-size: clamp(28px, 4vw, 38px); }
.mtd-roadmap-component p { margin: 0; color: rgba(255,255,255,.76); }
.mtd-roadmap-component ol { display: grid; gap: 12px; padding: 0; margin: 0; list-style: none; background: transparent; border: 0; }
.mtd-roadmap-component li { display: grid; grid-template-columns: 86px 1fr; gap: 14px; align-items: center; padding: 14px 16px; margin: 0; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; }
.mtd-roadmap-component li strong { color: var(--mtd-secondary-fixed, #caeea2); font-family: "Hanken Grotesk", sans-serif; text-transform: uppercase; }
.mtd-roadmap-component li span { color: rgba(255,255,255,.78); }
.mtd-article-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; color: #fff; background: linear-gradient(135deg, rgba(230,126,34,.95), rgba(64,81,59,.95)), var(--mtd-primary); border-radius: 8px; }
.mtd-article-cta span { display: block; margin-bottom: 8px; font-family: "Source Serif 4", serif; font-size: 28px; font-weight: 700; line-height: 1.15; }
.mtd-article-cta p { margin: 0; color: rgba(255,255,255,.82); }
.mtd-article-cta a { flex: 0 0 auto; padding: 12px 18px; color: var(--mtd-primary); font-family: "Hanken Grotesk", sans-serif; font-size: 14px; font-weight: 800; text-decoration: none; background: #fff; border-radius: 8px; }
.mtd-toc-panel { padding: 24px; background: #fff; border: 1px solid rgba(64,81,59,.1); border-radius: 8px; box-shadow: 0 12px 28px rgba(64,81,59,.08); }
.mtd-toc-panel h2 { margin: 0 0 16px; color: var(--mtd-primary); font-family: "Source Serif 4", serif; font-size: 24px; font-weight: 700; }
.mtd-toc-panel ol { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
.mtd-toc-panel a { color: var(--mtd-muted); font-family: "Hanken Grotesk", sans-serif; font-size: 14px; font-weight: 700; line-height: 1.35; }
.mtd-toc-panel a:hover { color: var(--mtd-solar); }
@media (max-width: 767px) { .mtd-post-content p, .mtd-post-content li { font-size: 17px; line-height: 1.75; } .mtd-post-content ul, .mtd-post-content ol { padding: 20px 20px 20px 36px; } .mtd-article-insight, .mtd-roadmap-component, .mtd-article-cta { margin: 32px 0; } .mtd-roadmap-component { grid-template-columns: 1fr; padding: 24px; } .mtd-roadmap-component li { grid-template-columns: 1fr; gap: 4px; } .mtd-article-cta { align-items: flex-start; flex-direction: column; } }

/* Generic editable page content */
.mtd-page-content {
	max-width: 880px;
}

.mtd-page-content > * + * {
	margin-top: 1.2em;
}

.mtd-page-content h2,
.mtd-page-content h3,
.mtd-page-content h4 {
	color: var(--mtd-primary);
	font-family: "Source Serif 4", serif;
	font-weight: 700;
	line-height: 1.2;
}

.mtd-page-content h2 {
	margin-top: 2.1em;
	font-size: clamp(28px, 3vw, 36px);
}

.mtd-page-content h3 {
	margin-top: 1.7em;
	font-size: 24px;
}

.mtd-page-content p,
.mtd-page-content li {
	font-size: 18px;
	line-height: 1.78;
}

.mtd-page-content ul,
.mtd-page-content ol {
	padding-left: 1.35rem;
}

.mtd-page-content li + li {
	margin-top: 0.65rem;
}

.mtd-page-content a {
	color: var(--mtd-solar);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

/* MTD founder profile cards v2 */
.mtd-founder-card,
.mtd-about-profile-card {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 70% 8%, rgba(230, 126, 34, 0.22), transparent 28%),
		linear-gradient(145deg, #20361f 0%, #2a3a26 54%, #172615 100%);
	box-shadow: 0 24px 60px rgba(33, 27, 6, 0.18);
}

.mtd-founder-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: clamp(28px, 4vw, 48px);
}

.mtd-founder-card::before,
.mtd-about-profile-card::before {
	position: absolute;
	inset: 18px;
	z-index: -1;
	pointer-events: none;
	content: "";
	border: 1px solid rgba(230, 126, 34, 0.18);
	border-radius: 18px;
}

.mtd-founder-card::after,
.mtd-about-profile-card::after {
	position: absolute;
	right: -90px;
	top: -90px;
	z-index: -1;
	width: 220px;
	height: 220px;
	content: "";
	border: 1px solid rgba(255, 249, 239, 0.16);
	border-radius: 50%;
}

.mtd-founder-card__visual {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 280px;
	margin: -8px -8px 30px;
}

.mtd-founder-card__visual::before {
	position: absolute;
	width: min(88%, 320px);
	aspect-ratio: 1;
	content: "";
	background: linear-gradient(135deg, rgba(230, 126, 34, 0.9), rgba(202, 238, 162, 0.55));
	border-radius: 36px;
	transform: rotate(-6deg);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

.mtd-founder-card__portrait {
	position: relative;
	z-index: 1;
	width: min(76%, 270px);
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: #fff9ef;
	border: 8px solid rgba(255, 249, 239, 0.82);
	border-radius: 32px;
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.3);
}

.mtd-founder-card__portrait img,
.mtd-about-profile-card__portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mtd-founder-card__brand {
	position: absolute;
	right: clamp(12px, 8%, 46px);
	top: 44px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	color: #fff;
	font-family: "Source Serif 4", serif;
	font-size: 24px;
	font-weight: 800;
	background: var(--mtd-solar);
	border: 1px solid rgba(255, 249, 239, 0.32);
	border-radius: 16px;
	box-shadow: 0 18px 32px rgba(230, 126, 34, 0.32);
}

.mtd-founder-card__signal {
	position: absolute;
	bottom: 22px;
	left: 50%;
	z-index: 2;
	padding: 10px 14px;
	color: var(--mtd-primary);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
	background: rgba(255, 249, 239, 0.94);
	border: 1px solid rgba(230, 126, 34, 0.22);
	border-radius: 999px;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
	transform: translateX(-50%);
}

.mtd-founder-card__body {
	position: relative;
	z-index: 2;
}

.mtd-founder-card__eyebrow,
.mtd-about-profile-card__eyebrow {
	display: block;
	margin-bottom: 12px;
	color: var(--mtd-solar);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.mtd-founder-card h2,
.mtd-about-profile-card h2 {
	margin: 0 0 18px;
	color: #d8efcb;
	font-family: "Source Serif 4", serif;
	font-size: clamp(42px, 5vw, 62px);
	font-weight: 800;
	line-height: 1.02;
}

.mtd-founder-card p,
.mtd-about-profile-card p {
	max-width: 34rem;
	margin: 0;
	color: rgba(216, 239, 203, 0.78);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.62;
}

.mtd-founder-card__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 30px;
}

.mtd-founder-card__stats div {
	min-width: 0;
	padding: 16px 14px;
	background: rgba(255, 249, 239, 0.09);
	border: 1px solid rgba(255, 249, 239, 0.14);
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.mtd-founder-card__stats strong {
	display: block;
	color: var(--mtd-solar);
	font-family: "Source Serif 4", serif;
	font-size: clamp(24px, 3vw, 32px);
	line-height: 1;
}

.mtd-founder-card__stats span {
	display: block;
	margin-top: 7px;
	color: rgba(216, 239, 203, 0.88);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.mtd-about-profile-card {
	padding: clamp(28px, 4vw, 46px);
	border-radius: 8px;
}

.mtd-about-profile-card__header {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 132px 1fr;
	gap: 20px;
	align-items: center;
	margin-bottom: 30px;
	padding: 14px;
	background: rgba(255, 249, 239, 0.08);
	border: 1px solid rgba(255, 249, 239, 0.14);
	border-radius: 24px;
}

.mtd-about-profile-card__portrait {
	aspect-ratio: 1;
	overflow: hidden;
	background: #fff9ef;
	border: 6px solid rgba(255, 249, 239, 0.85);
	border-radius: 22px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.mtd-about-profile-card__header span {
	display: block;
	margin-bottom: 8px;
	color: var(--mtd-solar);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.mtd-about-profile-card__header strong {
	display: block;
	color: #fff9ef;
	font-family: "Source Serif 4", serif;
	font-size: clamp(26px, 3vw, 34px);
	line-height: 1.05;
}

.mtd-about-profile-card h2 {
	font-size: clamp(42px, 5vw, 58px);
}

.mtd-about-profile-card__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

.mtd-about-profile-card__chips span {
	padding: 9px 12px;
	color: #d8efcb;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	background: rgba(216, 239, 203, 0.1);
	border: 1px solid rgba(216, 239, 203, 0.18);
	border-radius: 999px;
}

.mtd-about-client-card {
	align-self: stretch;
	background:
		linear-gradient(135deg, rgba(255, 249, 239, 0.82), rgba(255, 255, 255, 1) 48%),
		#fff;
}

.mtd-about-client-card .bg-surface-container {
	border: 1px solid rgba(230, 126, 34, 0.18);
	box-shadow: 0 12px 28px rgba(64, 81, 59, 0.08);
}

@media (max-width: 1023px) {
	.mtd-founder-card__visual {
		min-height: 250px;
	}
}

@media (max-width: 767px) {
	.mtd-founder-card,
	.mtd-about-profile-card {
		padding: 26px;
	}

	.mtd-founder-card__visual {
		min-height: 235px;
		margin-bottom: 24px;
	}

	.mtd-founder-card__portrait {
		width: min(78%, 230px);
	}

	.mtd-founder-card__brand {
		right: 16px;
		top: 32px;
		width: 54px;
		height: 54px;
		font-size: 20px;
	}

	.mtd-founder-card__signal {
		bottom: 12px;
		max-width: calc(100% - 32px);
		white-space: normal;
		text-align: center;
	}

	.mtd-founder-card__stats {
		grid-template-columns: 1fr;
	}

	.mtd-about-profile-card__header {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.mtd-about-profile-card__portrait {
		width: 150px;
	}
}
/* End MTD founder profile cards v2 */

/* MTD about client outcome cards */
.mtd-client-outcomes {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0 0 28px;
}

.mtd-client-outcome-card {
	display: grid;
	grid-template-columns: 42px 1fr;
	gap: 14px;
	align-items: start;
	min-height: 128px;
	padding: 18px;
	background:
		linear-gradient(135deg, rgba(255, 249, 239, 0.88), rgba(255, 255, 255, 0.98)),
		#fff;
	border: 1px solid rgba(64, 81, 59, 0.12);
	border-left: 4px solid var(--mtd-solar);
	border-radius: 8px;
	box-shadow: 0 14px 32px rgba(64, 81, 59, 0.08);
}

.mtd-client-outcome-card .material-symbols-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	color: var(--mtd-solar);
	font-size: 24px;
	background: rgba(230, 126, 34, 0.1);
	border: 1px solid rgba(230, 126, 34, 0.16);
	border-radius: 8px;
}

.mtd-client-outcome-card h4 {
	margin: 0 0 6px;
	color: var(--mtd-primary);
	font-family: "Source Serif 4", serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.18;
}

.mtd-client-outcome-card p {
	margin: 0;
	color: var(--mtd-muted);
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}

.mtd-about-social-links {
	padding-top: 2px;
}

@media (max-width: 767px) {
	.mtd-client-outcomes {
		grid-template-columns: 1fr;
	}

	.mtd-client-outcome-card {
		min-height: 0;
	}
}
/* End MTD about client outcome cards */