/* ============================================================
   101 Marketplace — About Page styles  ·  v1.1.0 (scaled down)
   Namespaced under .mp101-about so nothing leaks into the theme.
   Loaded only when the About template or [marketplace_about_us]
   shortcode is in use.
   ============================================================ */

.mp101-about {
	--mp-grn:      #4DAE94;
	--mp-grn-deep: #4DAE94;
	--mp-grn-soft: #97D3BD;
	--mp-grn-pale: #D7ECE3;
	--mp-grn-wash: #EDF6F1;
	--mp-org:      #E07242;
	--mp-org-soft: #F8A77E;
	--mp-org-pale: #FCDAC6;
	--mp-org-wash: #FDEDE2;
	--mp-ink:      #22231F;
	--mp-ink-soft: #4A4D4B;
	--mp-ink-mute: #7A7E7C;
	--mp-paper:    #FFFFFF;
	--mp-cream:    #F4EFE4;
	--mp-cream-deep: #E3D9C3;
	--mp-warm:     #E5E2DC;

	font-family: "Poppins",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
	color: var(--mp-ink);
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;

	/* ── Full-width breakout ───────────────────────────────
	   Motta wraps the_content() in a constrained .container.
	   This forces the About page to span the viewport edge-to-edge
	   while the theme header/footer stay intact above & below. */
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 0 !important;
	overflow-x: hidden;
}

/* ── Kill any top gap between the theme header and the hero ──────────
   Motta's content wrapper has padding-top — strip it on About pages only.
   The body.mp101-about-page class is added by the plugin
   (see mp101_about_body_class in the main plugin file). */
body.mp101-about-page #content,
body.mp101-about-page #main,
body.mp101-about-page main,
body.mp101-about-page .site-content,
body.mp101-about-page .site-main,
body.mp101-about-page .content-area,
body.mp101-about-page .entry-content,
body.mp101-about-page .page-content,
body.mp101-about-page .container.main-container,
body.mp101-about-page article.page {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
body.mp101-about-page .entry-header,
body.mp101-about-page .page-title,
body.mp101-about-page .page-header,
body.mp101-about-page .breadcrumbs,
body.mp101-about-page .woocommerce-breadcrumb {
	display: none !important;
}

.mp101-about *,
.mp101-about *::before,
.mp101-about *::after {
	box-sizing: border-box;
}

.mp101-about p { margin: 0 0 1em; }
.mp101-about h1, .mp101-about h2, .mp101-about h3, .mp101-about h4 { margin: 0; font-family: inherit; }
.mp101-about ::selection { background: var(--mp-org); color: var(--mp-ink); }

/* ── Containers ─────────────────────────────────── */
.mp101-about .mp101-section { padding: 90px 0; }
.mp101-about .mp101-container { max-width: 1440px; margin: 0 auto; padding: 0 80px; position: relative; }

/* ── Color utility classes ──────────────────────── */
.mp101-about .mp101-grn   { color: var(--mp-grn); }
.mp101-about .mp101-org   { color: var(--mp-org); }
.mp101-about .mp101-ink   { color: var(--mp-ink); }
.mp101-about .mp101-white { color: var(--mp-paper); }
.mp101-about .mp101-cream { color: var(--mp-cream); }

.mp101-about .mp-bg-grn       { background: var(--mp-grn); }
.mp101-about .mp-bg-org       { background: var(--mp-org); }
.mp101-about .mp-bg-ink       { background: var(--mp-ink); }
.mp101-about .mp-bg-paper     { background: var(--mp-paper); }
.mp101-about .mp-bg-cream     { background: var(--mp-cream); }
.mp101-about .mp-bg-grnsoft   { background: var(--mp-grn-soft); }
.mp101-about .mp-bg-grnwash   { background: var(--mp-grn-wash); }
.mp101-about .mp-bg-creamdeep { background: var(--mp-cream-deep); }
.mp101-about .mp-bg-orgpale   { background: var(--mp-org-pale); }

.mp101-about .mp-fg-white { color: var(--mp-paper); }
.mp101-about .mp-fg-ink   { color: var(--mp-ink); }

/* ── Typography ─────────────────────────────────── */
.mp101-about .mp101-h1 {
	font-size: clamp(48px, 5.6vw, 88px);
	line-height: 0.96; letter-spacing: -0.04em;
	font-weight: 800; color: var(--mp-ink); text-wrap: pretty;
}
.mp101-about .mp101-h2 {
	font-size: clamp(34px, 3.8vw, 54px);
	line-height: 1.0; letter-spacing: -0.035em;
	font-weight: 800; color: var(--mp-ink);
}
.mp101-about .mp101-h3 {
	font-size: 24px; line-height: 1.1; letter-spacing: -0.025em;
	font-weight: 700; color: var(--mp-ink); margin: 0 0 12px;
}
.mp101-about .mp101-h1 em,
.mp101-about .mp101-h2 em { font-style: italic; font-weight: 700; }

.mp101-about .mp101-eyebrow {
	font-size: 12px; letter-spacing: 0.36em; font-weight: 700;
	text-transform: uppercase; margin-bottom: 14px;
}

.mp101-about .mp101-num-badge {
	display: inline-flex; align-items: center; gap: 12px;
	font-size: 13px; letter-spacing: 0.36em; font-weight: 700;
}
.mp101-about .mp101-num-badge i { width: 28px; height: 1.5px; background: currentColor; display: inline-block; }

/* ── Pills / CTAs ───────────────────────────────── */
.mp101-about .mp101-pill {
	display: inline-flex; align-items: center; gap: 14px;
	padding: 15px 24px; border-radius: 999px;
	font-size: 15px; font-weight: 600; text-decoration: none;
	transition: transform .2s ease, opacity .2s ease;
}
.mp101-about .mp101-pill:hover { transform: translateY(-1px); opacity: 0.92; }
.mp101-about .mp101-pill span { font-size: 18px; }
.mp101-about .mp101-pill-grn   { background: var(--mp-grn);   color: var(--mp-paper) !important; }
.mp101-about .mp101-pill-ink   { background: var(--mp-ink);   color: var(--mp-paper) !important; }
.mp101-about .mp101-pill-paper { background: var(--mp-paper); color: var(--mp-ink)   !important; }

.mp101-about .mp101-cta-row { display: flex; align-items: center; gap: 20px; margin-top: 30px; flex-wrap: wrap; }
.mp101-about .mp101-cta-meta { font-size: 13px; color: var(--mp-ink-mute); letter-spacing: 0.22em; font-weight: 600; }
.mp101-about .mp101-fade { color: rgba(255,255,255,0.7) !important; }

/* ─────────────────────────────────────────────────
   1) HERO  (arch + body stacked in right column — no overlap)
   ───────────────────────────────────────────────── */
.mp101-about .mp101-hero {
	background: var(--mp-cream);
	padding: 56px 0 0;
	overflow: hidden;
	position: relative;
}
.mp101-about .mp101-hero-top {
	display: flex; justify-content: space-between; align-items: center;
	margin-bottom: 44px; gap: 20px; flex-wrap: wrap;
}
.mp101-about .mp101-meta-line {
	font-size: 13px; color: var(--mp-ink-mute); letter-spacing: 0.32em; font-weight: 600;
}
.mp101-about .mp101-hero-grid {
	display: grid; grid-template-columns: 1.55fr 1fr; gap: 52px;
	align-items: start;
}
.mp101-about .mp101-hero-sub {
	display: flex; flex-direction: column; gap: 22px;
}
.mp101-about .mp101-hero-body {
	font-size: 18px; line-height: 1.55; color: var(--mp-ink-soft);
	font-weight: 400; margin: 0;
}
.mp101-about .mp101-scroll-hint {
	display: inline-flex; align-items: center; gap: 18px;
	color: var(--mp-ink-mute); font-size: 13px; letter-spacing: 0.24em; font-weight: 600;
}
.mp101-about .mp101-scroll-hint i { width: 40px; height: 1px; background: var(--mp-ink-mute); display: inline-block; }

.mp101-about .mp101-slogan-strip {
	margin: 56px 0 0;
	padding: 24px 0 70px;
	border-top: 1px solid var(--mp-warm);
	display: flex; justify-content: space-between; align-items: center;
	flex-wrap: wrap; gap: 20px;
}
.mp101-about .mp101-slogan {
	font-size: 24px; font-weight: 300; letter-spacing: 0.02em; color: var(--mp-ink);
}
.mp101-about .mp101-slogan b { font-weight: 700; }
.mp101-about .mp101-tagline-meta {
	display: flex; gap: 40px;
	font-size: 13px; letter-spacing: 0.32em; font-weight: 700; color: var(--mp-ink-mute);
}

/* Door / arch graphic — now lives inside the right column, above the body */
.mp101-about .mp101-arch-deco {
	width: 240px; max-width: 100%; margin: 0 0 12px;
	display: block; align-self: flex-start;
}
.mp101-about .mp101-arch-deco svg { width: 100%; height: auto; display: block; }

/* ─────────────────────────────────────────────────
   2) MANIFESTO
   ───────────────────────────────────────────────── */
.mp101-about .mp101-manifesto { background: var(--mp-paper); }
.mp101-about .mp101-grid-2 {
	display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 80px; align-items: start;
}
.mp101-about .mp101-pullquote {
	margin: 38px 0 0; padding: 0 0 0 20px;
	font-size: 16px; color: var(--mp-ink-mute); line-height: 1.5;
	font-style: italic; border-left: 3px solid var(--mp-grn); max-width: 380px;
}
.mp101-about .mp101-pullquote b { color: var(--mp-ink); font-style: normal; }
.mp101-about .mp101-manifesto-body { padding-top: 14px; }
.mp101-about .mp101-lead {
	font-size: 22px; line-height: 1.5; color: var(--mp-ink); font-weight: 500;
	text-wrap: pretty;
}
.mp101-about .mp101-manifesto-body p:not(.mp101-lead) {
	font-size: 17px; line-height: 1.65; color: var(--mp-ink-soft);
}

/* ─────────────────────────────────────────────────
   3) STATS  (grid rows so labels align across all 4 cards)
   ───────────────────────────────────────────────── */
.mp101-about .mp101-stats { background: var(--mp-org); }
.mp101-about .mp101-stats-head {
	display: flex; justify-content: space-between; align-items: flex-end;
	margin-bottom: 48px; gap: 36px; flex-wrap: wrap;
}
.mp101-about .mp101-stats-head .mp101-eyebrow { color: var(--mp-ink); }
.mp101-about .mp101-stats-aside {
	font-size: 15px; color: var(--mp-ink); opacity: 0.7;
	letter-spacing: 0.04em; max-width: 260px; line-height: 1.5;
}
.mp101-about .mp101-stats-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;
}
.mp101-about .mp101-stat-card {
	background: var(--mp-paper); padding: 28px 24px 24px;
	border-radius: 20px; min-height: 280px;
	/* 3-row grid: number stretches, label always at row 2, body has fixed area */
	display: grid;
	grid-template-rows: 1fr auto 68px;
	row-gap: 10px;
}
.mp101-about .mp101-stat-n {
	font-size: clamp(64px, 6.6vw, 100px);
	font-weight: 800; letter-spacing: -0.05em;
	line-height: 0.95; color: var(--mp-ink);
	align-self: end; margin: 0;
}
.mp101-about .mp101-stat-l {
	font-size: 12px; letter-spacing: 0.26em; font-weight: 700;
	min-height: 2.6em;
	display: flex; align-items: flex-end;
}
.mp101-about .mp101-stat-h {
	font-size: 14px; font-weight: 500; color: var(--mp-ink-soft); line-height: 1.5;
	align-self: start;
}

/* ─────────────────────────────────────────────────
   4) STORY / TIMELINE  (dots sit ON TOP of the rule)
   ───────────────────────────────────────────────── */
.mp101-about .mp101-story { background: var(--mp-cream); }
.mp101-about .mp101-story-head {
	display: flex; justify-content: space-between; align-items: flex-end;
	margin-bottom: 50px; gap: 36px; flex-wrap: wrap;
}
.mp101-about .mp101-story-yrange {
	font-size: 13px; color: var(--mp-ink-mute); letter-spacing: 0.32em; font-weight: 600;
}
.mp101-about .mp101-timeline { position: relative; padding-top: 12px; }
.mp101-about .mp101-timeline-rule {
	position: absolute; top: 22px; left: 0; right: 0; height: 1px;
	background: var(--mp-warm); z-index: 1;
}
.mp101-about .mp101-timeline-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px;
	position: relative; z-index: 2;
}
/* One column per beat that has a title (3 by default). */
.mp101-about .mp101-timeline-grid-1 { grid-template-columns: 1fr; }
.mp101-about .mp101-timeline-grid-2 { grid-template-columns: repeat(2, 1fr); }
.mp101-about .mp101-timeline-grid-3 { grid-template-columns: repeat(3, 1fr); }
.mp101-about .mp101-timeline-beat { padding-top: 0; position: relative; }
.mp101-about .mp101-timeline-dot {
	position: relative; z-index: 3;
	width: 22px; height: 22px; border-radius: 50%;
	background: var(--mp-grn);
	/* A thick halo of the section bg masks the rule cleanly behind the dot */
	box-shadow:
		0 0 0 8px var(--mp-cream),
		0 0 0 9px var(--mp-grn);
	margin: 0 0 32px;
}
.mp101-about .mp101-timeline-dot.mp101-org {
	background: var(--mp-org);
	box-shadow:
		0 0 0 8px var(--mp-cream),
		0 0 0 9px var(--mp-org);
}
.mp101-about .mp101-timeline-tag {
	font-size: 13px; letter-spacing: 0.3em; font-weight: 700; margin-bottom: 10px;
}
.mp101-about .mp101-timeline-beat p {
	font-size: 15px; line-height: 1.6; color: var(--mp-ink-soft); margin: 0;
}

/* ─────────────────────────────────────────────────
   5) CATEGORIES  (smaller icons + taller tiles, no overlap)
   ───────────────────────────────────────────────── */
.mp101-about .mp101-cats { background: var(--mp-paper); }
.mp101-about .mp101-cats-head {
	display: grid; grid-template-columns: 1.6fr 1fr; gap: 52px;
	align-items: end; margin-bottom: 48px;
}
.mp101-about .mp101-cats-aside p {
	font-size: 15px; line-height: 1.55; color: var(--mp-ink-soft); margin: 0 0 22px;
}
.mp101-about .mp101-cats-grid {
	display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px;
}
.mp101-about .mp101-cat-tile {
	border-radius: 16px;
	padding: 18px 16px;
	min-height: 220px;
	display: grid;
	grid-template-rows: auto 1fr auto;
	row-gap: 10px;
	position: relative; overflow: hidden;
}
.mp101-about .mp101-cat-num {
	font-size: 11px; letter-spacing: 0.28em; font-weight: 700;
	opacity: 0.55;
}
.mp101-about .mp-fg-white .mp101-cat-num { color: rgba(255,255,255,0.65); }
.mp101-about .mp101-cat-top {
	display: flex; justify-content: space-between; align-items: center; gap: 8px;
}
/* "Opening soon" on a tile the launch gate keeps closed.
   Same look as the launch gate's "Soon" pill (.lg101-pill: green wash on
   deep green, 10px/700/uppercase, full radius) so the two read as one mark. */
.mp101-about .mp101-cat-soon {
	display: inline-block;
	font-size: 10px; letter-spacing: 0.04em; font-weight: 700; text-transform: uppercase;
	padding: 2px 8px; border-radius: 999px; line-height: 1.4; white-space: nowrap;
	background: var(--mp-grn-wash); color: var(--mp-grn-deep);
}
.mp101-about .mp101-cat-closed .mp101-cat-icon { opacity: 0.6; }
.mp101-about .mp101-cat-icon {
	display: flex; align-items: center; justify-content: center;
	min-height: 0; overflow: hidden;
}
.mp101-about .mp101-cat-icon svg {
	width: 60px; height: 60px;
	display: block;
}
.mp101-about .mp101-cat-name {
	font-size: 16px; font-weight: 700; letter-spacing: -0.015em;
	line-height: 1.1; margin: 0;
}
.mp101-about .mp101-cat-sub {
	font-size: 12px; margin-top: 4px; opacity: 0.7; line-height: 1.35;
}

/* ─────────────────────────────────────────────────
   6) VALUES  (force text colors so theme rules can't override)
   ───────────────────────────────────────────────── */
.mp101-about .mp101-values { background: var(--mp-cream); }
.mp101-about .mp101-values-head { margin-bottom: 42px; }
.mp101-about .mp101-values-head .mp101-h2 { max-width: 900px; }
.mp101-about .mp101-values-grid {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
}
.mp101-about .mp101-value-card {
	border-radius: 20px; padding: 32px 28px 28px;
	min-height: 330px;
	display: flex; flex-direction: column; justify-content: space-between;
}
.mp101-about .mp101-value-num {
	font-size: clamp(64px, 6.6vw, 96px);
	font-weight: 800; letter-spacing: -0.05em;
	line-height: 0.9; opacity: 0.95;
}
.mp101-about .mp101-value-card p {
	margin: 16px 0 0; font-size: 15px; line-height: 1.55; opacity: 0.88;
}
.mp101-about .mp101-value-card .mp101-h3 {
	font-size: 28px; line-height: 1.05; letter-spacing: -0.025em; color: inherit; margin: 0;
}

/* Force foreground colors on coloured cards — beats theme p/h3 rules. */
.mp101-about .mp-fg-white,
.mp101-about .mp-fg-white .mp101-h3,
.mp101-about .mp-fg-white p,
.mp101-about .mp-fg-white .mp101-cat-name,
.mp101-about .mp-fg-white .mp101-cat-sub { color: var(--mp-paper) !important; }

.mp101-about .mp-fg-ink,
.mp101-about .mp-fg-ink .mp101-h3,
.mp101-about .mp-fg-ink p,
.mp101-about .mp-fg-ink .mp101-cat-name,
.mp101-about .mp-fg-ink .mp101-cat-sub { color: var(--mp-ink) !important; }

/* ─────────────────────────────────────────────────
   7) TEAM  (h2 column wider so headline doesn't waste right space)
   ───────────────────────────────────────────────── */
.mp101-about .mp101-team { background: var(--mp-paper); }
.mp101-about .mp101-team-head {
	display: grid; grid-template-columns: 1.4fr 1fr; gap: 52px;
	align-items: end; margin-bottom: 48px;
}
.mp101-about .mp101-team-aside p {
	font-size: 16px; line-height: 1.6; color: var(--mp-ink-soft); max-width: 460px; padding-bottom: 8px; margin: 0;
}
.mp101-about .mp101-team-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;
}
.mp101-about .mp101-team-photo {
	display: block; width: 100%; aspect-ratio: 4 / 5;
	border-radius: 18px; object-fit: cover;
	border: 1px solid var(--mp-warm);
}
.mp101-about .mp101-team-ph {
	background: repeating-linear-gradient(135deg, var(--mp-warm) 0 1px, var(--mp-cream) 1px 14px);
	display: flex; align-items: center; justify-content: center;
}
.mp101-about .mp101-team-ph span {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 11px; color: var(--mp-ink-mute); letter-spacing: 0.18em;
	background: var(--mp-paper); padding: 8px 14px; border-radius: 4px;
	border: 1px solid var(--mp-warm);
}
.mp101-about .mp101-team-role {
	font-size: 12px; letter-spacing: 0.28em; font-weight: 700;
	margin-top: 18px;
}
.mp101-about .mp101-team-name {
	font-size: 21px; font-weight: 700; letter-spacing: -0.02em;
	color: var(--mp-ink); margin-top: 8px;
}
.mp101-about .mp101-team-based {
	font-size: 14px; color: var(--mp-ink-mute); margin-top: 4px;
}

/* ─────────────────────────────────────────────────
   8) MAKERS CTA
   ───────────────────────────────────────────────── */
.mp101-about .mp101-makers {
	background: var(--mp-grn); position: relative; overflow: hidden;
	padding: 80px 0;
}
.mp101-about .mp101-grid-2-cta {
	display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px; align-items: center;
}
/* Eyebrow on the green band: cream, never orange (orange on green is unreadable). */
.mp101-about .mp101-makers .mp101-eyebrow { color: var(--mp-cream) !important; }
.mp101-about .mp101-makers .mp101-h2 {
	font-size: clamp(40px, 4.6vw, 66px);
	line-height: 0.98; color: var(--mp-paper);
}
.mp101-about .mp101-makers-body {
	margin-top: 32px;
	font-size: 17px; line-height: 1.5;
	color: rgba(255,255,255,0.85); max-width: 540px;
}
.mp101-about .mp101-makers-flourish {
	display: flex; justify-content: flex-end;
}
.mp101-about .mp101-makers-flourish svg { width: 300px; height: 300px; display: block; }

/* ─────────────────────────────────────────────────
   9) FINAL CTA
   ───────────────────────────────────────────────── */
.mp101-about .mp101-final {
	background: var(--mp-ink); color: var(--mp-paper);
	padding: 100px 0 80px; position: relative; overflow: hidden;
}
.mp101-about .mp101-final-inner {
	text-align: center; position: relative; z-index: 2;
}
.mp101-about .mp101-h1-final {
	margin-top: 28px;
	font-size: clamp(60px, 7.5vw, 108px);
	line-height: 0.95; letter-spacing: -0.04em;
	font-weight: 800; color: var(--mp-paper);
}
.mp101-about .mp101-h1-final em { color: var(--mp-org); font-style: italic; }
.mp101-about .mp101-final-body {
	margin: 44px auto 0; max-width: 560px;
	font-size: 19px; color: rgba(255,255,255,0.7);
}
/* Two pills, centred: Instagram and apply. (The email form is gone — there is no list.) */
.mp101-about .mp101-final-row { justify-content: center; margin-top: 42px; }
.mp101-about .mp101-final-arch {
	position: absolute; bottom: -120px; left: 50%;
	transform: translateX(-50%); width: 900px; opacity: 0.08; pointer-events: none;
}
.mp101-about .mp101-final-arch svg { width: 100%; height: auto; display: block; }

/* ─────────────────────────────────────────────────
   RESPONSIVE
   (h1/h2/h1-final use clamp() so font scales fluidly;
    layout breakpoints still flip grids to single-column.)
   ───────────────────────────────────────────────── */
@media (max-width: 1100px) {
	.mp101-about .mp101-arch-deco { width: 220px; }
	.mp101-about .mp101-cats-grid { grid-template-columns: repeat(5, 1fr); }
	.mp101-about .mp101-cat-tile { min-height: 220px; }
	.mp101-about .mp101-cat-icon svg { width: 56px; height: 56px; }
	.mp101-about .mp101-cat-name { font-size: 16px; }
}

@media (max-width: 900px) {
	.mp101-about .mp101-section { padding: 80px 0; }
	.mp101-about .mp101-container { padding: 0 40px; }
	.mp101-about .mp101-h3 { font-size: 24px; }

	.mp101-about .mp101-hero-grid,
	.mp101-about .mp101-grid-2,
	.mp101-about .mp101-grid-2-cta,
	.mp101-about .mp101-cats-head,
	.mp101-about .mp101-stats-head,
	.mp101-about .mp101-story-head,
	.mp101-about .mp101-team-head { grid-template-columns: 1fr; gap: 36px; }

	.mp101-about .mp101-stats-grid,
	.mp101-about .mp101-team-grid { grid-template-columns: repeat(2, 1fr); }
	.mp101-about .mp101-values-grid,
	.mp101-about .mp101-timeline-grid,
	.mp101-about .mp101-timeline-grid-2,
	.mp101-about .mp101-timeline-grid-3 { grid-template-columns: 1fr; }
	.mp101-about .mp101-cats-grid { grid-template-columns: repeat(3, 1fr); }
	.mp101-about .mp101-timeline-rule { display: none; }

	.mp101-about .mp101-arch-deco { width: 180px; }
	.mp101-about .mp101-slogan { font-size: 20px; }
	.mp101-about .mp101-tagline-meta { font-size: 11px; gap: 18px; }
	.mp101-about .mp101-makers-flourish { justify-content: center; }
	.mp101-about .mp101-makers-flourish svg { width: 220px; height: 220px; }
}

@media (max-width: 560px) {
	.mp101-about .mp101-container { padding: 0 24px; }
	.mp101-about .mp101-hero-body { font-size: 17px; }
	.mp101-about .mp101-lead { font-size: 19px; }
	.mp101-about .mp101-manifesto-body p:not(.mp101-lead) { font-size: 16px; }
	.mp101-about .mp101-final-row .mp101-pill { width: 100%; justify-content: center; }
	.mp101-about .mp101-stats-grid,
	.mp101-about .mp101-team-grid { grid-template-columns: 1fr; }
	.mp101-about .mp101-cats-grid { grid-template-columns: repeat(2, 1fr); }
}