/*
 * About page (v2) - navy & blue, matches featured images.
 * Loaded only on pages whose content contains the .mf-about wrapper.
 */
.mf-about {
	--a-navy: #0F1726;
	--a-ink: #1A202C;
	--a-sub: #4A5568;
	--a-blue: #0078D7;
	--a-blue-dark: #005A9E;
	--a-blue-text: #0067B8;
	--a-line: #DCE4EE;
	--a-soft: #F4F7FB;
	--a-pill: #EDF2F7;
	--a-pill-border: #D0DBE8;
	--a-muted: #C9D1DE;
	--a-dim: #A9B4C6;
	--a-head: 'Oswald', 'Arial Narrow', sans-serif;
	font-family: 'Source Sans 3', system-ui, sans-serif;
	color: var(--a-ink);
	background: #FFFFFF;
	font-size: 18px;
	line-height: 1.6;
}
.mf-about *, .mf-about *::before, .mf-about *::after { box-sizing: border-box; }

/* Spacing is handled with gap, not block margins. */
.mf-about .wp-block-group > *,
.mf-about .wp-block-group > * + * { margin-block: 0; }
.mf-about :where(p, h1, h2, h3, figure, ul) { margin: 0; }
.mf-about mark { background: none; color: var(--a-blue-text); }

.mf-about h1, .mf-about h2, .mf-about h3 {
	font-family: var(--a-head);
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: var(--a-ink);
}
.mf-about h1::after, .mf-about h2::after, .mf-about h3::after { content: none; }

.mf-about .mfa-wrap {
	width: 100%;
	max-width: 1168px;
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	flex-direction: column;
}
.mf-about .mfa-wrap--narrow { max-width: 1028px; }

.mf-about .mfa-eyebrow,
.mf-about .mfa-role {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.4;
}
.mf-about .mfa-eyebrow { color: var(--a-dim); }
.mf-about .mfa-role { color: var(--a-blue-text); }

.mf-about h2.mfa-h2 {
	font-weight: 600;
	font-size: clamp(34px, 4.5vw, 52px);
	line-height: 1.05;
}
.mf-about .mfa-body { font-size: 18px; line-height: 1.65; max-width: 640px; }
.mf-about .mfa-sub { font-size: 18px; line-height: 1.6; color: var(--a-sub); max-width: 620px; }

/* Buttons */
.mf-about .mfa-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.mf-about .mfa-btn { margin: 0; }
.mf-about .mfa-btn .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 26px;
	border-radius: 999px;
	border: 1.5px solid var(--a-blue);
	background: var(--a-blue);
	color: #FFFFFF;
	font-family: 'Source Sans 3', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}
.mf-about .mfa-btn .wp-block-button__link:hover,
.mf-about .mfa-btn .wp-block-button__link:focus-visible {
	background: var(--a-blue-dark);
	border-color: var(--a-blue-dark);
	color: #FFFFFF;
}
.mf-about .mfa-btn--ghost .wp-block-button__link { background: transparent; border-color: #4A5873; color: #FFFFFF; }
.mf-about .mfa-btn--ghost .wp-block-button__link:hover,
.mf-about .mfa-btn--ghost .wp-block-button__link:focus-visible { background: rgba(255, 255, 255, 0.08); border-color: #FFFFFF; }
.mf-about .mfa-btn--line .wp-block-button__link { background: transparent; border-color: #9FB2C9; color: var(--a-ink); }
.mf-about .mfa-btn--line .wp-block-button__link:hover,
.mf-about .mfa-btn--line .wp-block-button__link:focus-visible { background: #FFFFFF; border-color: var(--a-ink); color: var(--a-ink); }

.mf-about .mfa-more { font-size: 16px; font-weight: 700; }
.mf-about .mfa-more a { color: var(--a-blue-text); text-decoration: none; }
.mf-about .mfa-more a:hover { color: var(--a-blue-dark); text-decoration: underline; }

/* 1. Hero */
.mf-about .mfa-hero { background: var(--a-navy); color: #FFFFFF; padding: 96px 0 104px; }
.mf-about .mfa-hero__grid { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 56px; }
.mf-about .mfa-hero__text { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; }
.mf-about .mfa-hero .mfa-eyebrow { margin-bottom: 20px; }
.mf-about h1.mfa-hero__title {
	color: #FFFFFF;
	font-weight: 700;
	font-size: clamp(48px, 7vw, 92px);
	line-height: 1.02;
}
.mf-about h1.mfa-hero__title::after {
	content: "";
	display: block;
	width: 112px;
	height: 8px;
	background: var(--a-blue);
	margin: 32px 0 28px;
}
.mf-about .mfa-hero__lead { max-width: 600px; font-size: 20px; line-height: 1.6; color: var(--a-muted); }
.mf-about .mfa-hero .mfa-buttons { margin-top: 36px; }
/* Kadence gives every image figure a bottom margin except the last one
   (.single-content figure.wp-block-image). Reset it for all figures here. */
.mf-about .single-content figure.wp-block-image,
.mf-about figure.wp-block-image,
.single-content .mf-about figure.wp-block-image { margin: 0; }

.mf-about .mfa-hero__faces { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.mf-about .mfa-faces {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	width: 100%;
	max-width: 440px;
}
.single-content .mf-about figure.wp-block-image.mfa-face { flex: 1 1 0; min-width: 0; margin: 0; }
.single-content .mf-about figure.wp-block-image.mfa-face + .mfa-face { margin-left: -7%; }
.single-content .mf-about figure.wp-block-image.mfa-face--main { flex-grow: 1.2; position: relative; z-index: 1; }
.mf-about .mfa-face img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center top;
	border-radius: 20px;
	border: 3px solid var(--a-navy);
}
.mf-about .mfa-face--main img { aspect-ratio: 3 / 4; }
.mf-about .mfa-hero__caption { font-size: 16px; line-height: 1.5; color: var(--a-muted); }

/* 2. Statement */
.mf-about .mfa-statement { padding: 104px 0 96px; }
.mf-about .mfa-statement__text { font-size: clamp(26px, 3.4vw, 40px); line-height: 1.3; font-weight: 600; }

/* 3. Team */
.mf-about .mfa-team { background: var(--a-soft); padding: 96px 0; scroll-margin-top: 80px; }
.mf-about .mfa-team .mfa-wrap { gap: 24px; }
.mf-about .mfa-team .mfa-h2 { margin-bottom: 24px; }
.mf-about .mfa-founder {
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
	align-items: center;
	background: #FFFFFF;
	border: 1px solid var(--a-line);
	border-radius: 24px;
	padding: 32px;
}
.mf-about .mfa-founder__img { flex: 1 1 320px; min-width: 0; margin: 0; }
.mf-about .mfa-founder__img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	max-height: 460px;
	object-fit: cover;
	object-position: center top;
	border-radius: 18px;
}
.mf-about .mfa-founder__body { flex: 999 1 420px; min-width: 0; display: flex; flex-direction: column; }
.mf-about .mfa-founder__body .mfa-role { margin-bottom: 8px; }
.mf-about h3.mfa-name { font-weight: 600; font-size: 30px; line-height: 1.1; }
.mf-about h3.mfa-name--lg { font-size: 44px; line-height: 1.05; }
.mf-about .mfa-meta { font-size: 15px; line-height: 1.45; color: var(--a-sub); margin-top: 4px; }
.mf-about .mfa-founder__body .mfa-meta { font-size: 16px; margin: 10px 0 24px; }
.mf-about .mfa-founder__body .mfa-body + .mfa-body { margin-top: 16px; }

.mf-about .mfa-duo { display: flex; flex-direction: row; flex-wrap: wrap; gap: 24px; }
.mf-about .mfa-card {
	flex: 1 1 420px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
	background: #FFFFFF;
	border: 1px solid var(--a-line);
	border-radius: 24px;
	padding: 32px;
}
.mf-about .mfa-card__head { display: flex; flex-direction: row; gap: 20px; align-items: center; }
.mf-about .mfa-card__img { flex: 0 0 104px; margin: 0; }
.mf-about .mfa-card__img img { display: block; width: 104px; height: 104px; object-fit: cover; object-position: center top; border-radius: 16px; }
.mf-about .mfa-card .mfa-role { font-size: 13px; margin-bottom: 4px; }
.mf-about .mfa-card .mfa-text { font-size: 17px; line-height: 1.65; }
.mf-about .mfa-card .mfa-more { margin-top: auto; }
.mf-about .mfa-quote { display: flex; flex-direction: column; gap: 6px; background: var(--a-pill); border-radius: 16px; padding: 20px 22px; }
.mf-about .mfa-quote__label { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--a-blue-text); }
.mf-about .mfa-quote__text { font-size: 17px; line-height: 1.6; font-style: italic; }

/* 4. What we cover */
.mf-about .mfa-cover { padding: 104px 0 88px; }
.mf-about .mfa-cover .mfa-sub { margin: 16px 0 40px; }
.mf-about .mfa-topic {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px 48px;
	padding: 36px 0;
	border-top: 1px solid var(--a-line);
}
.mf-about .mfa-topic:last-child { border-bottom: 1px solid var(--a-line); }
.mf-about .mfa-topic__head { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.mf-about .mfa-topic__head h3 { font-weight: 600; font-size: 30px; line-height: 1.1; }
.mf-about ul.mfa-pills,
.mf-about ul.mfa-factors { list-style: none; padding: 0; margin: 0; }
.mf-about ul.mfa-pills li::before,
.mf-about ul.mfa-factors li::before,
.mf-about ul.mfa-pills li::marker,
.mf-about ul.mfa-factors li::marker { content: none; display: none; }
.mf-about ul.mfa-pills { flex: 2 1 520px; min-width: 0; display: flex; flex-wrap: wrap; gap: 8px; align-content: flex-start; }
.mf-about ul.mfa-pills li {
	margin: 0;
	padding: 8px 16px;
	background: var(--a-pill);
	border: 1.5px solid var(--a-pill-border);
	border-radius: 999px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}

/* 5. Approach (dark) */
.mf-about .mfa-approach { background: var(--a-navy); color: #FFFFFF; padding: 104px 0; }
.mf-about .mfa-split { flex-direction: row; flex-wrap: wrap; gap: 48px 64px; }
.mf-about .mfa-split > .wp-block-group { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; }
.mf-about .mfa-approach h2.mfa-h2 { color: #FFFFFF; }
.mf-about h2.mfa-h2--bar::after { content: ""; display: block; width: 80px; height: 6px; background: var(--a-blue); margin: 28px 0; }
.mf-about .mfa-approach .mfa-body { color: var(--a-muted); }
.mf-about .mfa-approach .mfa-body + .mfa-body { margin-top: 16px; }
.mf-about .mfa-approach .mfa-eyebrow { margin-bottom: 18px; }
.mf-about ul.mfa-factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mf-about ul.mfa-factors li {
	margin: 0;
	padding: 16px 18px;
	border: 1.5px solid #2E3D57;
	border-radius: 14px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: #FFFFFF;
}

/* 6. Editorial standard */
.mf-about .mfa-standard { padding: 104px 0; }
.mf-about .mfa-split--standard > .wp-block-group:first-child { flex: 1 1 320px; }
.mf-about .mfa-split--standard > .wp-block-group:last-child { flex: 2 1 520px; }
.mf-about .mfa-standard .mfa-sub { margin-top: 20px; max-width: 380px; }
.mf-about .mfa-rule { display: flex; flex-direction: column; gap: 8px; padding: 24px 0; border-top: 1px solid var(--a-line); }
.mf-about .mfa-rule:last-child { border-bottom: 1px solid var(--a-line); }
.mf-about h3.mfa-rule__title {
	font-family: 'Source Sans 3', system-ui, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
}
.mf-about .mfa-rule__text { font-size: 17px; line-height: 1.65; color: #2D3748; }

/* 7. Mission + sign-off */
.mf-about .mfa-mission { background: var(--a-pill); padding: 104px 0; }
.mf-about .mfa-mission .mfa-wrap { max-width: 948px; }
.mf-about .mfa-mission__big {
	font-family: var(--a-head);
	font-weight: 600;
	font-size: clamp(32px, 4.4vw, 50px);
	line-height: 1.12;
	text-transform: uppercase;
	margin-bottom: 28px;
}
.mf-about .mfa-mission .mfa-body { color: #2D3748; max-width: 680px; margin-bottom: 40px; }
.mf-about .mfa-signoff {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 32px;
	align-items: center;
	justify-content: space-between;
	padding-top: 32px;
	border-top: 1px solid #C9D5E3;
}
.mf-about .mfa-signoff__name { font-family: var(--a-head); font-weight: 600; font-size: 26px; text-transform: uppercase; line-height: 1.2; }
.mf-about .mfa-signoff__role { font-size: 16px; color: var(--a-sub); margin-top: 4px; }

/*
 * Rounded cards, same as the homepage: each section is its own 24px card
 * with space between, on the site's light page background.
 */
.mf-about {
	background: transparent;
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding: 24px 0 56px;
}
.mf-about > .wp-block-group {
	border-radius: 24px;
	overflow: hidden;
	margin: 0 !important; /* spacing comes from the gap above, not theme section margins */
}
.mf-about > .mfa-hero,
.mf-about > .mfa-approach {
	box-shadow: 0 1px 2px rgba(20, 20, 20, 0.04), 0 8px 24px rgba(20, 20, 20, 0.06);
}
.mf-about > .mfa-statement,
.mf-about > .mfa-cover,
.mf-about > .mfa-standard {
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
}
.mf-about > .mfa-team { background: #EEF3F9; border: 1px solid #E2E8F0; }
.mf-about > .mfa-mission { background: #EDF2F7; border: 1px solid #E2E8F0; }
.mf-about > .wp-block-group > .mfa-wrap { padding-left: clamp(24px, 5vw, 64px); padding-right: clamp(24px, 5vw, 64px); }
.mf-about .mfa-statement { padding: 80px 0; }

/* Shorter hero, close to the homepage hero height */
.mf-about .mfa-hero { padding: 56px 0 60px; }
.mf-about .mfa-hero__grid { gap: 40px; }
.mf-about .mfa-hero .mfa-eyebrow { margin-bottom: 14px; }
.mf-about h1.mfa-hero__title { font-size: clamp(44px, 5.6vw, 72px); }
.mf-about h1.mfa-hero__title::after { margin: 22px 0 18px; height: 7px; width: 96px; }
.mf-about .mfa-hero__lead { font-size: 19px; }
.mf-about .mfa-hero .mfa-buttons { margin-top: 26px; }
.mf-about .mfa-faces { max-width: 380px; }

/* Hero background photo (same image as the homepage hero), darkened on the text side */
.mf-about .mfa-hero {
	background-color: var(--a-navy);
	background-image:
		linear-gradient(90deg, rgba(15, 23, 38, 0.96) 0%, rgba(15, 23, 38, 0.88) 38%, rgba(15, 23, 38, 0.45) 70%, rgba(15, 23, 38, 0.25) 100%),
		url('/wp-content/uploads/2026/10/itsmensedit-hero-bg-opt.webp');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
}
@media (max-width: 768px) {
	.mf-about .mfa-hero {
		background-image:
			linear-gradient(180deg, rgba(15, 23, 38, 0.82) 0%, rgba(15, 23, 38, 0.92) 100%),
			url('/wp-content/uploads/2026/10/itsmensedit-hero-bg-opt-768x432.webp');
	}
}

/* Phones */
@media (max-width: 640px) {
	.mf-about .mfa-hero { padding: 40px 0 44px; }
	.mf-about .mfa-statement,
	.mf-about .mfa-cover,
	.mf-about .mfa-approach,
	.mf-about .mfa-standard,
	.mf-about .mfa-mission,
	.mf-about .mfa-team { padding-top: 64px; padding-bottom: 64px; }
	.mf-about .mfa-founder,
	.mf-about .mfa-card { padding: 22px; gap: 24px; }
	.mf-about h3.mfa-name--lg { font-size: 36px; }
	.mf-about ul.mfa-factors li { font-size: 16px; padding: 14px; }
	.mf-about { gap: 20px; padding: 16px 0 40px; }
	.mf-about > .wp-block-group { border-radius: 20px; }
	.mf-about > .wp-block-group > .mfa-wrap { padding-left: 20px; padding-right: 20px; }
}

/* ==== LIGHT THEME (approved 18 Oct 2026): light hero and bands, navy only for text ==== */
.mf-about > .mfa-hero,
.mf-about > .mfa-mission {
	background: linear-gradient(120deg, #E7F1FC 0%, #F3F8FE 55%, #FFFFFF 100%);
	background-image: linear-gradient(120deg, #E7F1FC 0%, #F3F8FE 55%, #FFFFFF 100%);
	border: 1px solid #DCE6F2;
	box-shadow: none;
	color: var(--a-ink);
}
.mf-about > .mfa-approach { background: #EEF4FB; border: 1px solid #DCE6F2; box-shadow: none; color: var(--a-ink); }
.mf-about > .mfa-team { background: #FFFFFF; }
.mf-about .mfa-hero .mfa-eyebrow { color: var(--a-blue-text); }
.mf-about h1.mfa-hero__title,
.mf-about .mfa-approach h2.mfa-h2,
.mf-about h2.mfa-h2,
.mf-about .mfa-mission__big,
.mf-about h3.mfa-name,
.mf-about .mfa-topic__head h3,
.mf-about .mfa-signoff__name { color: #0F1726; }
.mf-about .mfa-hero__lead,
.mf-about .mfa-approach .mfa-body { color: #2D3748; }
.mf-about .mfa-hero__caption { color: var(--a-sub); }
.mf-about .mfa-approach .mfa-eyebrow { color: var(--a-sub); }
.mf-about .mfa-btn--ghost .wp-block-button__link { background: #FFFFFF; border-color: #9FB2C9; color: #0F1726; }
.mf-about .mfa-btn--ghost .wp-block-button__link:hover,
.mf-about .mfa-btn--ghost .wp-block-button__link:focus-visible { background: #FFFFFF; border-color: #0F1726; color: #0F1726; }
.mf-about .mfa-face img { border-color: #FFFFFF; box-shadow: 0 8px 24px rgba(20, 20, 20, 0.08); }
.mf-about ul.mfa-factors li { background: #FFFFFF; border-color: #D0DBE8; color: var(--a-ink); }
.mf-about .mfa-founder { background: #F4F7FB; border-color: #E2E8F0; border-radius: 20px; }
.mf-about .mfa-card { border-radius: 20px; }
.mf-about .mfa-quote { background: #EEF4FB; }
.mf-about .mfa-signoff { border-top-color: #C9D5E3; }
@media (max-width: 768px) {
	.mf-about > .mfa-hero { background-image: linear-gradient(160deg, #E7F1FC 0%, #F6FAFE 100%); }
}

/* ==========================================================================
   About page, story version (2026-11-07). Scoped to .mf-about--story.
   ========================================================================== */
.mf-about--story{--s-navy:#0f1726;--s-ink:#1a202c;--s-sub:#4a5568;--s-blue:#0078d7;--s-blue-t:#0067b8;--s-line:#dce4ee;--s-soft:#f4f7fb;--s-pill-b:#d0dbe8;font-family:"Source Sans 3","Source Sans Pro",system-ui,sans-serif;color:var(--s-ink);gap:22px}
.mf-about--story > .mfs-sec{background:#fff;border:1px solid #e6ecf3;border-radius:22px;padding:60px clamp(20px,5vw,64px)}
.mf-about--story > .mfs-sec--tint{background:linear-gradient(135deg,#eaf2fc 0%,#f4f8fd 55%,#fff 100%);border-color:#dce6f2}
.mf-about--story p{margin:0;font-size:18px;line-height:1.75;color:var(--s-ink)}
.mf-about--story .wp-block-group > p + p{margin-top:16px}
.mf-about--story a{color:var(--s-blue-t);font-weight:600;text-decoration:none}
.mf-about--story a:hover{text-decoration:underline}
.mf-about--story .mfs-eyebrow{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--s-blue-t);line-height:1.3}
.mf-about--story h1.mfs-h1{margin:0;font-weight:700;font-size:clamp(38px,5.2vw,58px);line-height:1.04;color:var(--s-navy)}
.mf-about--story h2.mfs-h2{margin:0 0 26px;font-weight:700;font-size:clamp(30px,3.8vw,42px);line-height:1.08;color:var(--s-navy)}
.mf-about--story h2.mfs-h2::after,.mf-about--story h1.mfs-h1::after{content:"";display:block;width:62px;height:5px;margin-top:22px;background:var(--s-blue);border-radius:2px}
.mf-about--story h3.mfs-h3{margin:0;font-weight:600;font-size:22px;line-height:1.15;color:var(--s-navy)}
.mfs-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.mfs-hero__photos{position:relative;height:300px}
.mf-about--story figure.mfs-hero__ph{position:absolute;width:170px;height:230px;margin:0;border-radius:18px;border:4px solid #fff;box-shadow:0 14px 34px rgba(15,23,42,.12);overflow:hidden;background:var(--s-soft)}
.mfs-hero__ph img{width:100%;height:100%;object-fit:cover;display:block}
.mf-about--story .mfs-hero__ph--1{left:0;top:30px;z-index:3}
.mf-about--story .mfs-hero__ph--2{left:140px;top:0;z-index:2}
.mf-about--story .mfs-hero__ph--3{left:270px;top:50px;z-index:1}
.mf-about--story .mfs-story{display:block}
.mfs-story > *{max-width:720px;margin-left:auto!important;margin-right:auto!important}
.mf-about--story .mfs-story > p + p,.mf-about--story .mfs-story > .mfs-pull + p{margin-top:16px}
.mf-about--story .mfs-drop::first-letter{float:left;font-family:var(--a-head,"Oswald",sans-serif);font-weight:700;font-size:64px;line-height:.9;color:var(--s-blue);margin:6px 10px 0 0}
.mf-about--story p.mfs-beat{margin:24px auto 18px!important;font-family:var(--a-head,"Oswald",sans-serif);font-weight:600;font-size:26px;line-height:1.2;text-transform:uppercase;color:var(--s-navy)}
.mf-about--story .mfs-pull{margin-top:30px!important;margin-bottom:30px!important;padding:28px 32px;border-radius:18px;background:var(--s-navy)}
.mf-about--story .mfs-pull p.mfs-pull__q{font-family:var(--a-head,"Oswald",sans-serif);font-weight:600;font-size:clamp(26px,3.6vw,38px);line-height:1.15;text-transform:uppercase;color:#fff}
.mf-about--story .mfs-pull p.mfs-pull__by{margin-top:10px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a9b4c6}
.mfs-why{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px}
.mf-about--story p.mfs-hl{margin-top:22px!important;padding:18px 22px;border-left:5px solid var(--s-blue);background:var(--s-soft);border-radius:0 12px 12px 0;font-size:19px;line-height:1.6;font-weight:700;color:var(--s-navy)}
.mf-about--story p.mfs-you__label{margin-top:14px;font-weight:600;color:var(--s-sub)}
.mf-about--story ul.mfs-you__list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 22px!important;padding:0;list-style:none}
.mf-about--story ul.mfs-you__list li{position:relative;margin:0;padding:16px 16px 16px 52px;background:#fff;border:1px solid #dce6f2;border-radius:14px;font-size:16px;line-height:1.5;color:var(--s-ink)}
.mf-about--story ul.mfs-you__list li::before{content:"\2713";position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:8px;background:var(--s-blue);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.mf-about--story p.mfs-you__end{font-weight:700;color:var(--s-navy)}
.mfs-find .mfs-row{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:24px 0;border-top:1px solid var(--s-line);align-items:baseline}
.mf-about--story .mfs-find .mfs-row p{font-size:17px;margin:0}
.mf-about--story .mfs-find .mfs-row--tool{margin-top:10px!important;padding:22px 24px;background:var(--s-soft);border:1px solid var(--s-line);border-radius:14px}
.mfs-member{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:32px;border-radius:20px;background:var(--s-soft);border:1px solid var(--s-line);margin-top:22px!important}
.mfs-team > h2 + .mfs-member{margin-top:0!important}
.mfs-member--flip{grid-template-columns:1fr 280px}
.mfs-member--flip > figure{order:2}
.mf-about--story figure.mfs-member__photo{margin:0;height:330px;border-radius:16px;overflow:hidden;background:#fff}
.mfs-member__photo img{width:100%;height:100%;object-fit:cover;display:block}
.mf-about--story p.mfs-role{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--s-blue-t)}
.mf-about--story h3.mfs-name{margin:0 0 16px;font-weight:700;font-size:36px;line-height:1.05;color:var(--s-navy)}
.mf-about--story .mfs-member__body > p{font-size:17px}
.mf-about--story p.mfs-quote{margin-top:18px!important;padding:4px 0 4px 18px;border-left:4px solid var(--s-blue);font-family:var(--a-head,"Oswald",sans-serif);font-weight:500;font-size:24px;line-height:1.25;color:var(--s-navy)}
.mf-about--story p.mfs-more{margin-top:16px!important;font-size:16px}
.mf-about--story p.mfs-more a{font-weight:700;color:#2563eb}
.mfs-trust__head{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:end}
.mf-about--story .mfs-trust__head h2.mfs-h2{margin-bottom:0}
.mfs-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px!important}
.mfs-tcard{background:#fff;border:1px solid #dce6f2;border-radius:16px;padding:20px}
.mf-about--story p.mfs-tcard__n{font-family:var(--a-head,"Oswald",sans-serif);font-weight:700;font-size:28px;line-height:1;color:var(--s-blue);margin-bottom:12px}
.mf-about--story .mfs-tcard > p + p{margin-top:0}
.mf-about--story p.mfs-tcard__t{font-size:17px;font-weight:700;line-height:1.35;color:var(--s-navy);margin-bottom:6px}
.mf-about--story p.mfs-tcard__x{font-size:15.5px;line-height:1.55;color:var(--s-sub)}
.mf-about--story p.mfs-trust__end{margin-top:24px!important;font-size:17px;font-weight:700;color:var(--s-navy)}
.mfs-letter > *{max-width:720px;margin-left:auto!important;margin-right:auto!important}
.mf-about--story p.mfs-big{margin-bottom:20px!important;font-family:var(--a-head,"Oswald",sans-serif);font-weight:600;font-size:clamp(22px,2.8vw,28px);line-height:1.3;text-transform:uppercase;color:var(--s-navy)}
.mfs-sig{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-top:30px!important;padding-top:24px;border-top:1px solid var(--s-line)}
.mf-about--story p.mfs-sig__name{font-family:var(--a-head,"Oswald",sans-serif);font-weight:700;font-size:26px;line-height:1.1;text-transform:uppercase;color:var(--s-navy)}
.mf-about--story .mfs-sig__who p + p{margin-top:4px}
.mf-about--story p.mfs-sig__role{font-size:14px;color:var(--s-sub)}
.mf-about--story p.mfs-sig__btn a{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--s-blue);color:#fff;font-weight:700;font-size:16px;text-decoration:none}
.mf-about--story p.mfs-sig__btn a:hover{background:#005a9e;text-decoration:none}
@media (max-width:900px){
	.mfs-hero,.mfs-why,.mfs-trust__head{grid-template-columns:1fr;gap:28px}
	.mfs-hero__photos{height:260px;max-width:440px}
	.mf-about--story ul.mfs-you__list,.mfs-tgrid{grid-template-columns:1fr 1fr}
	.mfs-member,.mfs-member--flip{grid-template-columns:200px 1fr;gap:24px}
	.mfs-member--flip > figure{order:0}
	.mf-about--story figure.mfs-member__photo{height:240px}
}
@media (max-width:640px){
	.mf-about--story > .mfs-sec{padding:30px 18px;border-radius:18px}
	.mf-about--story p{font-size:17px}
	.mfs-hero__photos{height:210px}
	.mf-about--story figure.mfs-hero__ph{width:120px;height:165px}
	.mf-about--story .mfs-hero__ph--2{left:95px}
	.mf-about--story .mfs-hero__ph--3{left:185px;top:40px}
	.mf-about--story ul.mfs-you__list,.mfs-tgrid{grid-template-columns:1fr}
	.mfs-find .mfs-row{grid-template-columns:1fr;gap:8px}
	.mfs-member,.mfs-member--flip{grid-template-columns:1fr;padding:20px}
	.mf-about--story figure.mfs-member__photo{height:auto;aspect-ratio:1;max-width:220px}
	.mf-about--story h3.mfs-name{font-size:30px}
	.mf-about--story .mfs-pull{padding:22px 20px}
}