/* About page fidelity layer.
 * Desktop: Figma 4456:44868 at 1440 CSS px.
 * Mobile:  Figma 4474:1303 at 390 CSS px.
 * Shared header, inquiry, support rail, footer CTA and footer are intentionally untouched. */

body.pyp-about-figma {
	--about-ink: #20261f;
	--about-body: #5c6156;
	--about-muted: #999;
	--about-paper: #faf8f3;
	--about-sand: #f3efe5;
	--about-forest: #2e463c;
	--about-gold: #d8b98c;
	--pyp-body-web-font: "BR Segma Figma Web", "BR Segma", Arial, sans-serif;
}

/* Figma uses the BR Segma web masters with calibrated ascent/descent metrics.
 * Keep this typography scope off the frozen shared inquiry/support/footer. */
body.pyp-about-figma :is(.pyp-about-trust-strip, .pyp-about-hero, .pyp-about-section),
body.pyp-about-figma :is(.pyp-about-trust-strip, .pyp-about-hero, .pyp-about-section) :is(h1, h2, h3, p, span, a, button, div) {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
	font-synthesis: none;
}

body.pyp-about-figma :is(.pyp-about-hero, .pyp-about-section) :is(h1, h2, h3),
body.pyp-about-figma :is(.pyp-about-hero, .pyp-about-section) :is(h1, h2, h3) * {
	font-weight: 600 !important;
}

body.pyp-about-figma :is(.pyp-about-trust-strip, .pyp-about-hero, .pyp-about-section) :is(p, span, a, button) {
	font-weight: 500 !important;
}

body.pyp-about-figma :is(
	.pyp-about-stats > div > span:first-child,
	.pyp-about-reason-card__title,
	.pyp-about-works__buyer > div:last-child > span:nth-child(2),
	.pyp-about-works__partner-copy > span:nth-child(2),
	.pyp-about-works__service-title,
	.pyp-about-system__card > div:last-child > span:first-child,
	.pyp-about-journey__step > span:nth-child(3),
	.pyp-about-difference__card--traditional > span:first-child,
	.pyp-about-quality__card > div:last-child > span:first-child,
	.pyp-about-delivery__steps > div > div > div > span:first-child,
	.pyp-about-buyer-card > div:nth-child(2) > span:first-child,
	.pyp-about-team-card > span:nth-child(2)
) {
	font-weight: 600 !important;
}

body.pyp-about-figma .sc-host,
body.pyp-about-figma .sc-host * {
	box-sizing: border-box;
	font-synthesis: none;
}

body.pyp-about-figma .sc-host :is(h1, h2, h3, p) { margin: 0 !important; }
body.pyp-about-figma .pyp-about-hero :is(h1, p) { margin: 0 !important; }
body.pyp-about-figma .pyp-about-copy--mobile { display: none !important; }
body.pyp-about-figma .pyp-about-mobile-break { display: none; }

body.pyp-about-figma .pyp-about-trust-strip {
	height: 38px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 24px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	letter-spacing: .78px !important;
}

body.pyp-about-figma .pyp-about-section,
body.pyp-about-figma .pyp-about-hero {
	width: 100%;
	overflow: hidden;
}

body.pyp-about-figma .pyp-about-shell {
	width: 1360px !important;
	max-width: calc(100% - 80px) !important;
	margin-inline: auto !important;
}

/* Shared header typography on the About route follows the supplied desktop
 * header: BR Segma Regular, title case, with no artificial tracking. */
body.pyp-about-figma .pyp-header .pyp-nav__link,
body.pyp-about-figma .pyp-header .pyp-nav__item--active .pyp-nav__link {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 21.75px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-synthesis: none;
}

body.pyp-about-figma .pyp-header .pyp-header__cta {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
	font-weight: 400 !important;
	font-synthesis: none;
}

body.pyp-about-figma .pyp-header .pyp-nav__item--active .pyp-nav__link,
body.pyp-about-figma .pyp-header .pyp-nav__item--active .pyp-nav__link * {
	font-weight: 600 !important;
}

body.pyp-about-figma .pyp-about-section h2,
body.pyp-about-figma .pyp-about-section h3,
body.pyp-about-figma .pyp-about-section-head + * {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
}

/* Exact Figma type masters. The site-wide typography layer carries ID-level
 * selectors, so About needs the same specificity to avoid falling back to the
 * light body face or the old serif declarations embedded in the template. */
html body.pyp-about-figma #pyp-main-content :is(.pyp-about-trust-strip, .pyp-about-hero, .pyp-about-section),
html body.pyp-about-figma #pyp-main-content :is(.pyp-about-trust-strip, .pyp-about-hero, .pyp-about-section) :is(h1, h2, h3, p, span, a, button, div) {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
	font-synthesis: none;
}

html body.pyp-about-figma #pyp-main-content :is(.pyp-about-hero, .pyp-about-section) :is(p, span, a, button) {
	font-weight: 500 !important;
}

html body.pyp-about-figma #pyp-main-content :is(.pyp-about-hero, .pyp-about-section) :is(h1, h2, h3),
html body.pyp-about-figma #pyp-main-content :is(.pyp-about-hero, .pyp-about-section) :is(h1, h2, h3) *,
html body.pyp-about-figma #pyp-main-content :is(
	.pyp-about-stats > div > span:first-child,
	.pyp-about-reason-card__title,
	.pyp-about-works__buyer > div:last-child > span:nth-child(2),
	.pyp-about-works__partner-copy > span:nth-child(2),
	.pyp-about-works__service-title,
	.pyp-about-system__card > div:last-child > span:first-child,
	.pyp-about-journey__step > span:nth-child(3),
	.pyp-about-difference__card--traditional > span:first-child,
	.pyp-about-quality__card > div:last-child > span:first-child,
	.pyp-about-delivery__steps > div > div > div > span:first-child,
	.pyp-about-buyer-card > div:nth-child(2) > span:first-child,
	.pyp-about-team-card > span:nth-child(2),
	.pyp-about-slogan p
) {
	font-weight: 600 !important;
}

body.pyp-about-figma .pyp-about-section h2 {
	font-size: 48px !important;
	font-weight: 600 !important;
	line-height: 57.6px !important;
	letter-spacing: -2px !important;
}

body.pyp-about-figma .pyp-about-section [style*="text-transform: uppercase"],
body.pyp-about-figma .pyp-about-eyebrow {
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 18px !important;
	letter-spacing: 0 !important;
}

/* 01 — About hero */
body.pyp-about-figma .pyp-about-hero {
	height: 600px !important;
	min-height: 600px !important;
	align-items: flex-start !important;
	background: #000;
}

body.pyp-about-figma .pyp-about-hero__picture {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

body.pyp-about-figma .pyp-about-hero__picture img {
	position: absolute !important;
	left: calc(50% - 725px) !important;
	top: -31px !important;
	width: 1526px !important;
	max-width: none !important;
	height: 668px !important;
	object-fit: fill !important;
}

body.pyp-about-figma .pyp-about-hero__shade {
	background: linear-gradient(110deg, rgba(7,14,17,.56) 0%, rgba(7,14,17,.42) 18%, rgba(7,14,17,.14) 40%, rgba(7,14,17,0) 56%) !important;
	mix-blend-mode: normal;
}

body.pyp-about-figma .pyp-about-hero__content {
	position: absolute !important;
	top: 34.667px;
	left: 24px;
	transform: none;
	width: 1360px !important;
	max-width: calc(100% - 48px) !important;
	height: 424px;
	margin: 0 !important;
	padding: 40px 48px 72px !important;
	gap: 48px !important;
	align-items: flex-start;
}

body.pyp-about-figma .pyp-about-hero__copy {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

body.pyp-about-figma .pyp-about-hero__heading {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

body.pyp-about-figma .pyp-about-eyebrow { color: var(--about-gold) !important; text-transform: uppercase; }

html body.pyp-about-figma #pyp-main-content .pyp-about-hero .pyp-about-eyebrow,
html body.pyp-about-figma #pyp-main-content .pyp-about-hero .pyp-about-eyebrow * {
	font-weight: 400 !important;
}

body.pyp-about-figma .pyp-about-hero h1 {
	width: 615px;
	max-width: 820px !important;
	color: #fcfaf5 !important;
	font-size: 48px !important;
	font-weight: 600 !important;
	line-height: 57.6px !important;
	letter-spacing: 0 !important;
	text-wrap: initial !important;
}

body.pyp-about-figma .pyp-about-hero__copy > p {
	width: 572px;
	max-width: 620px !important;
	color: rgba(255,255,255,.85) !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 29px !important;
}

html body.pyp-about-figma #pyp-main-content .pyp-about-hero__copy > p,
html body.pyp-about-figma #pyp-main-content .pyp-about-hero__copy > p :is(span, a) {
	font-weight: 300 !important;
}
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-hero__copy > p,
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-hero__copy > p * {
	font-weight: 300 !important;
}

body.pyp-about-figma .pyp-about-hero__actions {
	display: flex;
	gap: 16px;
	padding: 0 !important;
}

body.pyp-about-figma .pyp-about-button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 24px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 17px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

html body.pyp-about-figma #pyp-main-content .pyp-about-hero .pyp-about-button,
html body.pyp-about-figma #pyp-main-content .pyp-about-hero .pyp-about-button * {
	font-weight: 400 !important;
}

body.pyp-about-figma .pyp-about-button--light { background: #faf8f3; color: var(--about-ink); }
body.pyp-about-figma .pyp-about-button--outline { border: 1px solid rgba(255,255,255,.55); color: #fff; }
body.pyp-about-figma .pyp-about-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

@media (hover: hover) {
	body.pyp-about-figma .pyp-about-button--light:hover { background: #e7dcc9; }
	body.pyp-about-figma .pyp-about-button--outline:hover { background: rgba(255,255,255,.12); }
	body.pyp-about-figma .pyp-about-reason-card:hover {
		box-shadow: 0 12px 30px rgba(32,38,31,.1);
		transform: translateY(-3px);
		border-color: rgba(156,91,46,.35) !important;
	}
	body.pyp-about-figma .pyp-about-works__service:hover {
		border-color: rgba(216,185,140,.55) !important;
		background: rgba(255,255,255,.06) !important;
	}
	body.pyp-about-figma .pyp-about-system__card:hover .pyp-about-card-image,
	body.pyp-about-figma .pyp-about-quality__card:hover .pyp-about-card-image { transform: scale(1.05); }
	body.pyp-about-figma .pyp-about-journey__step:hover .pyp-about-card-image { transform: scale(1.06); }
	body.pyp-about-figma .pyp-about-project-card:hover .pyp-about-card-image { transform: scale(1.04); }
	body.pyp-about-figma .pyp-about-buyer-card:hover {
		box-shadow: 0 12px 28px rgba(32,38,31,.1);
		transform: translateY(-3px);
		border-color: rgba(156,91,46,.4) !important;
	}
}

body.pyp-about-figma .pyp-about-system__card:focus-visible,
body.pyp-about-figma .pyp-about-buyer-card:focus-visible {
	outline: 2px solid #9c5b2e;
	outline-offset: 3px;
}

/* 02 — Who we are */
body.pyp-about-figma .pyp-about-who__layout {
	height: 708.656px;
	padding: 96px 48px !important;
	grid-template-columns: 576px 624px !important;
	gap: 64px !important;
}

body.pyp-about-figma .pyp-about-who__copy {
	height: 439px;
	gap: 0 !important;
	justify-content: space-between;
}

body.pyp-about-figma .pyp-about-who__intro {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

body.pyp-about-figma .pyp-about-who__heading {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

body.pyp-about-figma .pyp-about-who h2 { width: 539px; }
body.pyp-about-figma .pyp-about-who__intro > p {
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 27px !important;
	color: var(--about-muted) !important;
}

html body.pyp-about-figma #pyp-main-content .pyp-about-who__intro > p,
html body.pyp-about-figma #pyp-main-content .pyp-about-who__intro > p :is(span, a) {
	color: #999 !important;
	font-weight: 300 !important;
}
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-who__intro > p,
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-who__intro > p * {
	color: #999 !important;
	font-weight: 300 !important;
}

body.pyp-about-figma .pyp-about-who__image {
	width: 624px !important;
	height: 517px !important;
	aspect-ratio: auto !important;
}

body.pyp-about-figma .pyp-about-stats { height: 108px; }
body.pyp-about-figma .pyp-about-stats > div { padding: 24px !important; }
body.pyp-about-figma .pyp-about-stats > div:last-child { border-right: 0 !important; }
body.pyp-about-figma .pyp-about-stats > div > span:first-child {
	font-size: 42px !important;
	font-weight: 600 !important;
	line-height: 34px !important;
	letter-spacing: -2px !important;
	color: #9c5b2e !important;
}
html body.pyp-about-figma #pyp-main-content .pyp-about-stats > div > span:first-child {
	font-weight: 600 !important;
	color: #9c5b2e !important;
}
body.pyp-about-figma .pyp-about-stats > div > span:last-child {
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 17px !important;
	letter-spacing: 0 !important;
	color: #8a8474 !important;
}
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-stats > div > span:last-child,
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-stats > div > span:last-child * {
	font-weight: 400 !important;
	color: #8a8474 !important;
}

/* 03 — Reasons */
body.pyp-about-figma .pyp-about-reasons .pyp-about-shell { min-height: 748px; padding: 100px 48px !important; gap: 40px !important; }
body.pyp-about-figma .pyp-about-section-head { gap: 8px !important; }
body.pyp-about-figma .pyp-about-reasons__grid { grid-template-columns: 413.328px 409.328px 409.344px !important; gap: 16px !important; }
body.pyp-about-figma .pyp-about-reason-card { height: 204px; padding: 24px !important; }
body.pyp-about-figma .pyp-about-reason-card__title,
body.pyp-about-figma .pyp-about-reason-card__title * { font-size: 20px !important; font-weight: 600 !important; line-height: 27px !important; color: var(--about-ink) !important; }
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-reason-card__title,
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-reason-card__title * {
	font-family: "BR Segma", Arial, sans-serif !important;
	font-weight: 600 !important;
	color: #20261f !important;
	font-synthesis: none;
}
body.pyp-about-figma .pyp-about-reason-card__body,
body.pyp-about-figma .pyp-about-reason-card__body * { font-size: 14px !important; font-weight: 400 !important; line-height: 22.4px !important; color: #999 !important; }
body.pyp-about-figma .pyp-about-reason-card__icon {
	width: 58px !important;
	height: 58px !important;
	min-width: 58px !important;
	min-height: 58px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}
body.pyp-about-figma .pyp-about-reason-card__icon > img { width: 58px !important; height: 58px !important; display: block !important; }

/* 04 — One interface */
body.pyp-about-figma .pyp-about-works .pyp-about-shell { height: 705px; padding: 110px 48px !important; gap: 48px !important; }
body.pyp-about-figma .pyp-about-works__head { height: 146px; flex-wrap: nowrap !important; }
body.pyp-about-figma .pyp-about-works__head > div { gap: 12px !important; }
body.pyp-about-figma .pyp-about-works__head h2 { width: 517px; }
body.pyp-about-figma .pyp-about-works__head > p { width: 400px; font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important; }
body.pyp-about-figma .pyp-about-works__flow { height: 291px; flex-wrap: nowrap !important; }
body.pyp-about-figma .pyp-about-works__buyer { flex: 0 0 316px !important; min-height: 291px !important; }
body.pyp-about-figma .pyp-about-works__partner { flex: 0 0 304px !important; min-height: 291px !important; padding: 24px !important; }
body.pyp-about-figma .pyp-about-flow-arrow { flex: 0 0 50px; padding: 0 16px !important; }
body.pyp-about-figma .pyp-about-works__services { flex: 0 0 544px !important; min-width: 0 !important; gap: 16px !important; }
body.pyp-about-figma .pyp-about-works__buyer > div:last-child > span:nth-child(2) { font-size: 20px !important; line-height: 29px !important; }
body.pyp-about-figma .pyp-about-works__partner-copy > span:nth-child(2) { font-size: 24.878px !important; font-weight: 600 !important; line-height: 22.39px !important; }
body.pyp-about-figma .pyp-about-works__service-title,
body.pyp-about-figma .pyp-about-works__service-title * { font-size: 16px !important; font-weight: 600 !important; line-height: 21.75px !important; }
body.pyp-about-figma .pyp-about-works__service-body,
body.pyp-about-figma .pyp-about-works__service-body * { font-size: 14px !important; font-weight: 500 !important; line-height: 18px !important; }
body.pyp-about-figma .pyp-about-works__services > div > span:first-child > img { width: 22px !important; height: 22px !important; display: block !important; }

@media (min-width: 768px) {
	body.pyp-about-figma .pyp-about-works__partner {
		justify-content: flex-start !important;
		gap: 0 !important;
	}

	body.pyp-about-figma .pyp-about-works__partner-logo,
	body.pyp-about-figma .pyp-about-works__partner > img:first-child {
		width: 103px !important;
		height: 18px !important;
		margin-top: 6px !important;
		align-self: flex-start !important;
	}

	body.pyp-about-figma .pyp-about-works__partner-copy {
		margin-top: 46px !important;
	}

	body.pyp-about-figma .pyp-about-works__partner-copy > span:nth-child(3) {
		margin-top: 10px !important;
	}

	body.pyp-about-figma .pyp-about-works__partner-tags,
	body.pyp-about-figma .pyp-about-works__partner > div:last-child {
		margin-top: auto !important;
		padding-top: 0 !important;
	}
}

/* 05 — Product system */
body.pyp-about-figma .pyp-about-system .pyp-about-shell { min-height: 862px; padding: 100px 48px !important; gap: 40px !important; }
body.pyp-about-figma .pyp-about-system__track { grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important; }
body.pyp-about-figma .pyp-about-system__card { height: 260px !important; }
body.pyp-about-figma .pyp-about-system__card > div:last-child > span:first-child { font-size: 20px !important; font-weight: 600 !important; line-height: 24px !important; }
body.pyp-about-figma .pyp-about-system__card > div:last-child > span:last-child,
body.pyp-about-figma .pyp-about-system__card > div:last-child > span:last-child * { font-size: 14px !important; font-weight: 300 !important; line-height: 17px !important; }

/* 06 — Journey */
body.pyp-about-figma .pyp-about-journey .pyp-about-shell { min-height: 593.922px; padding: 100px 48px !important; gap: 44px !important; }
body.pyp-about-figma .pyp-about-journey__grid { grid-template-columns: repeat(7, 1fr) !important; min-height: 259.922px; }
body.pyp-about-figma .pyp-about-journey__step > span:nth-child(2) { font-size: 30px !important; font-weight: 400 !important; line-height: 30px !important; }
body.pyp-about-figma .pyp-about-journey__step > span:nth-child(3) { font-size: 16px !important; font-weight: 600 !important; line-height: 21.75px !important; }
body.pyp-about-figma .pyp-about-journey__step > span:nth-child(4),
body.pyp-about-figma .pyp-about-journey__step > span:nth-child(4) * {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 18.75px !important;
	color: #8a8474 !important;
	font-synthesis: none;
}

/* 07 — Difference */
body.pyp-about-figma .pyp-about-difference__layout { min-height: 658.5px; padding: 100px 48px !important; grid-template-columns: 410px 800px !important; gap: 64px !important; }
body.pyp-about-figma .pyp-about-difference__intro { position: static !important; justify-content: center; gap: 24px !important; }
body.pyp-about-figma .pyp-about-difference__intro > div { gap: 8px !important; }
body.pyp-about-figma .pyp-about-difference__intro > p { width: 400px; font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important; }
body.pyp-about-figma .pyp-about-difference__cards { grid-template-columns: 1fr 1.15fr !important; gap: 22px !important; }
body.pyp-about-figma .pyp-about-difference__card { min-height: 458.5px; padding: 38px 36px !important; }
body.pyp-about-figma .pyp-about-difference__traditional-text,
body.pyp-about-figma .pyp-about-difference__traditional-text * { font-weight: 400 !important; color: #75705f !important; font-synthesis: none; }
body.pyp-about-figma .pyp-about-difference__card--pyp > div:last-child span:last-child,
body.pyp-about-figma .pyp-about-difference__card--pyp > div:last-child span:last-child * { font-size: 14px !important; font-weight: 400 !important; line-height: 23.25px !important; font-synthesis: none; }
body.pyp-about-figma .pyp-about-difference__logo { width: auto !important; height: 18px !important; display: block !important; }
body.pyp-about-figma .pyp-about-difference__check { width: 18px !important; height: 18px !important; display: block !important; }

/* 08 — Quality */
body.pyp-about-figma .pyp-about-quality .pyp-about-shell { height: 758.422px; min-height: 758.422px; padding: 96px 48px !important; gap: 40px !important; }
body.pyp-about-figma .pyp-about-quality__head { align-items: flex-start !important; flex-direction: column; gap: 16px !important; }
body.pyp-about-figma .pyp-about-quality__head > div { gap: 8px !important; }
body.pyp-about-figma .pyp-about-quality__head > p { width: 624px; max-width: none !important; font-size: 16px !important; font-weight: 500 !important; line-height: 27px !important; color: var(--about-muted) !important; }
body.pyp-about-figma .pyp-about-quality__track { grid-template-columns: repeat(4, 1fr) !important; gap: 18px !important; }
body.pyp-about-figma .pyp-about-quality__card { min-width: 0; }
body.pyp-about-figma .pyp-about-quality__card > div:first-child { width: 100%; height: 255.422px; aspect-ratio: auto !important; }
body.pyp-about-figma .pyp-about-quality__card > div:last-child { min-height: 116px; padding: 16px 16px 24px !important; gap: 8px !important; }
body.pyp-about-figma .pyp-about-quality__card > div:last-child > span:first-child { font-size: 20px !important; font-weight: 400 !important; line-height: 22.5px !important; }
body.pyp-about-figma .pyp-about-quality__card > div:last-child > span:last-child,
body.pyp-about-figma .pyp-about-quality__card > div:last-child > span:last-child * {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 22px !important;
	color: var(--about-muted) !important;
	font-synthesis: none;
}

/* 09 — Delivery */
body.pyp-about-figma .pyp-about-delivery__layout { min-height: 654px; padding: 96px 48px !important; grid-template-columns: 496.656px 695.344px !important; gap: 72px !important; align-items: stretch !important; }
body.pyp-about-figma .pyp-about-delivery__intro { gap: 48px !important; }
body.pyp-about-figma .pyp-about-delivery__intro-copy { display: flex; flex-direction: column; gap: 24px; width: 100%; }
body.pyp-about-figma .pyp-about-delivery__intro-heading { display: flex; flex-direction: column; gap: 8px; width: 100%; }
body.pyp-about-figma .pyp-about-delivery__step { min-height: 110px; padding: 16px 0 !important; border-bottom: 1px solid rgba(255,255,255,.12); display: flex; align-items: stretch; justify-content: space-between; position: relative; }
body.pyp-about-figma .pyp-about-delivery__step-main { width: 626px; display: flex; align-items: flex-start; gap: 24px; }
body.pyp-about-figma .pyp-about-delivery__icon { width: 56px; height: 56px; margin-top: 6px; flex: 0 0 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(216,185,140,.12); border: 1px solid rgba(216,185,140,.4); }
body.pyp-about-figma .pyp-about-delivery__step:nth-child(1) .pyp-about-delivery__icon img { width: 41px !important; height: 40px !important; }
body.pyp-about-figma .pyp-about-delivery__step:nth-child(2) .pyp-about-delivery__icon img { width: 33px !important; height: 32px !important; }
body.pyp-about-figma .pyp-about-delivery__step:nth-child(3) .pyp-about-delivery__icon img { width: 31px !important; height: 30px !important; }
body.pyp-about-figma .pyp-about-delivery__step:nth-child(4) .pyp-about-delivery__icon img { width: 36px !important; height: 36px !important; }
body.pyp-about-figma .pyp-about-delivery__step-copy { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
body.pyp-about-figma .pyp-about-delivery__step-head { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
body.pyp-about-figma .pyp-about-delivery__step-title { color: #fcfaf5 !important; font-size: 20px !important; font-weight: 600 !important; line-height: 24px !important; white-space: nowrap; }
body.pyp-about-figma .pyp-about-delivery__step-tag,
body.pyp-about-figma .pyp-about-delivery__repeat-tag { display: none !important; }
body.pyp-about-figma .pyp-about-delivery__repeat-tag:empty { display: none; }
body.pyp-about-figma .pyp-about-delivery__step:not(:first-child) .pyp-about-delivery__repeat-tag { display: none; }
body.pyp-about-figma .pyp-about-delivery__step-body { color: rgba(242,239,231,.65) !important; font-size: 14px !important; font-weight: 300 !important; line-height: 22.4px !important; }
body.pyp-about-figma .pyp-about-delivery__num { align-self: stretch; width: 33px; padding-top: 15px; overflow: hidden; color: rgba(216,185,140,.45) !important; font-size: 26px !important; font-weight: 500 !important; line-height: 26px !important; white-space: nowrap; }

/* 10 — Buyers */
body.pyp-about-figma .pyp-about-buyers .pyp-about-shell { height: 683px; min-height: 683px; padding: 96px 48px !important; gap: 40px !important; }
body.pyp-about-figma .pyp-about-buyers__track { grid-template-columns: repeat(4, 1fr) !important; gap: 18px !important; }
body.pyp-about-figma .pyp-about-buyer-card { min-height: 367px; padding: 24px !important; gap: 24px !important; }
body.pyp-about-figma .pyp-about-buyer-card > div:nth-child(2) > span:first-child { font-size: 24px !important; font-weight: 700 !important; line-height: 29px !important; }
body.pyp-about-figma .pyp-about-buyer-card > span:first-child { background: transparent !important; border: 0 !important; }
body.pyp-about-figma .pyp-about-buyer-card > span:first-child > img { width: 56px !important; height: 56px !important; display: block !important; }
body.pyp-about-figma .pyp-about-buyer-card > div:nth-child(2) > span:last-child,
body.pyp-about-figma .pyp-about-buyer-card > div:nth-child(3) span:last-child { font-size: 14px !important; line-height: 16.8px !important; color: var(--about-muted) !important; }
body.pyp-about-figma .pyp-about-buyer-card__summary,
body.pyp-about-figma .pyp-about-buyer-card__summary *,
body.pyp-about-figma .pyp-about-buyer-card__point,
body.pyp-about-figma .pyp-about-buyer-card__point *,
body.pyp-about-figma .pyp-about-buyer-card > div:nth-child(2) > span:last-child,
body.pyp-about-figma .pyp-about-buyer-card > div:nth-child(3) span:last-child {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
	font-weight: 300 !important;
	font-synthesis: none;
}
body.pyp-about-figma .pyp-about-buyer-card__link,
body.pyp-about-figma .pyp-about-buyer-card > span:last-child {
	font-weight: 400 !important;
	text-transform: none !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px !important;
}

/* 11 — Projects */
body.pyp-about-figma .pyp-about-projects .pyp-about-shell { min-height: 746px; padding: 96px 48px !important; gap: 40px !important; }
body.pyp-about-figma .pyp-about-projects__grid { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
body.pyp-about-figma .pyp-about-project-card { min-height: 430px; gap: 24px !important; }
body.pyp-about-figma .pyp-about-project-card > div:first-child { height: 320px !important; }
body.pyp-about-figma .pyp-about-project-card h3 { font-size: 24px !important; font-weight: 600 !important; line-height: 29.9px !important; }
body.pyp-about-figma .pyp-about-project-card p { font-size: 14px !important; line-height: 22px !important; color: var(--about-muted) !important; }

/* 12 — Team */
body.pyp-about-figma .pyp-about-team .pyp-about-shell { height: 526px; min-height: 526px; padding: 96px 48px !important; gap: 40px !important; }
body.pyp-about-figma .pyp-about-team__head { flex-wrap: nowrap !important; }
body.pyp-about-figma .pyp-about-team__head > div { gap: 8px !important; }
body.pyp-about-figma .pyp-about-team__head > p { width: 400px; max-width: none !important; font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important; color: var(--about-muted) !important; }
body.pyp-about-figma .pyp-about-team__grid { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
body.pyp-about-figma .pyp-about-team-card { min-height: 211px; padding: 24px !important; gap: 16px !important; }
body.pyp-about-figma .pyp-about-team-card > span:nth-child(2) { font-size: 24px !important; font-weight: 700 !important; line-height: 25.5px !important; }
body.pyp-about-figma .pyp-about-team-card > span:nth-child(3),
body.pyp-about-figma .pyp-about-team-card > span:nth-child(3) * {
	font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 22px !important;
	color: var(--about-muted) !important;
	font-synthesis: none;
}
body.pyp-about-figma .pyp-about-team-avatar { width: 58px; height: 58px; border-radius: 50%; overflow: hidden; display: block; flex: 0 0 auto; }
body.pyp-about-figma .pyp-about-team-avatar img { width: 100%; height: 100%; display: block !important; object-fit: cover; opacity: 1 !important; visibility: visible !important; }

/* 13 — Promise */
body.pyp-about-figma .pyp-about-slogan .pyp-about-shell { width: 1048px !important; max-width: calc(100% - 80px) !important; height: 309px; min-height: 309px; padding: 96px 48px !important; gap: 24px !important; }
body.pyp-about-figma .pyp-about-slogan p { width: 836px; max-width: 100%; font-size: 32px !important; font-weight: 600 !important; line-height: 40px !important; letter-spacing: -.64px !important; }

@media (min-width: 768px) {
	body.pyp-about-figma .pyp-about-journey { height: 593.922px; }
	body.pyp-about-figma .pyp-about-slogan { height: 309px; }

	html body.pyp-about-figma #pyp-main-content .pyp-about-hero .pyp-about-eyebrow,
	html body.pyp-about-figma #pyp-main-content .pyp-about-hero .pyp-about-eyebrow *,
	html body.pyp-about-figma #pyp-main-content .pyp-about-hero .pyp-about-button,
	html body.pyp-about-figma #pyp-main-content .pyp-about-hero .pyp-about-button * {
		font-weight: 300 !important;
	}
}

/* The desktop design is a 1440px composition. On wider monitors, keep that
 * composition centred while allowing the photographic banner to stay
 * genuinely edge-to-edge instead of revealing the black fallback canvas. */
@media (min-width: 1441px) {
	body.pyp-about-figma .pyp-about-hero__picture {
		background-image: url("assets/about-figma/desktop-hero-2560.jpg?v=20260907-v3");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	body.pyp-about-figma .pyp-about-hero__picture img {
		display: none !important;
	}

	body.pyp-about-figma .pyp-about-hero__content {
		left: calc(50% - 736px) !important;
		max-width: 1360px !important;
	}
}

@media (min-width: 2561px) and (max-width: 3840px) {
	body.pyp-about-figma .pyp-about-hero__picture {
		background-image: url("assets/about-figma/desktop-hero-3840.jpg?v=20260907-v3");
	}
}

@media (min-width: 3841px) {
	body.pyp-about-figma .pyp-about-hero__picture {
		background-image: url("assets/about-figma/desktop-hero-5120.jpg?v=20260907-v3");
	}
}

@media (max-width: 767px) {
	body.pyp-about-figma .pyp-header { position: static !important; }
	body.pyp-about-figma .pyp-about-copy--desktop { display: none !important; }
	body.pyp-about-figma .pyp-about-copy--mobile { display: flex !important; }
	body.pyp-about-figma .pyp-about-hero h1 .pyp-about-copy--mobile { display: block !important; }
	body.pyp-about-figma .pyp-about-mobile-break { display: initial; }

	body.pyp-about-figma .pyp-about-trust-strip {
		height: 62px !important;
		min-height: 62px !important;
		flex: 0 0 62px;
		justify-content: flex-start;
		padding: 9px 24px !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 22px !important;
		letter-spacing: 0 !important;
		text-align: left !important;
	}

	body.pyp-about-figma .pyp-about-shell {
		width: 390px !important;
		max-width: 100% !important;
		padding: 56px 24px !important;
	}

	body.pyp-about-figma .pyp-about-section h2 {
		width: 342px;
		max-width: 100%;
		font-size: 32px !important;
		line-height: 38.4px !important;
		letter-spacing: 0 !important;
	}

	body.pyp-about-figma .pyp-about-section-head { gap: 8px !important; }

	body.pyp-about-figma .pyp-about-hero {
		height: 650px !important;
		min-height: 650px !important;
	}
	body.pyp-about-figma .pyp-about-hero__shade { display: none !important; }

	body.pyp-about-figma .pyp-about-hero__picture img {
		left: -185px !important;
		right: auto !important;
		bottom: 0 !important;
		top: auto !important;
		width: 624px !important;
		max-width: none !important;
		height: 650px !important;
		transform: none !important;
		object-position: bottom !important;
		object-fit: cover !important;
	}

	body.pyp-about-figma .pyp-about-hero__content {
		left: 0;
		top: 24px;
		width: 390px !important;
		max-width: 100% !important;
		height: 333px;
		padding: 0 24px !important;
		gap: 24px !important;
		align-items: center;
		text-align: center;
	}

	body.pyp-about-figma .pyp-about-hero__copy { gap: 8px; align-items: center; }
	body.pyp-about-figma .pyp-about-hero__heading { gap: 4px; align-items: center; width: 100%; }
	body.pyp-about-figma .pyp-about-hero h1 {
		width: 342px;
		font-size: 32px !important;
		line-height: 38.4px !important;
		letter-spacing: -1.17px !important;
		text-align: center;
	}
	body.pyp-about-figma .pyp-about-hero__copy > p {
		width: 342px;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 23px !important;
		text-align: center;
	}
	body.pyp-about-figma .pyp-about-hero__actions { flex-direction: column; gap: 12px; align-items: stretch; }
	body.pyp-about-figma .pyp-about-button { width: 209px; height: 41px; padding: 0 24px !important; font-weight: 500 !important; }
	body.pyp-about-figma .pyp-about-hero .pyp-about-eyebrow { font-weight: 500 !important; }

	body.pyp-about-figma .pyp-about-who__layout {
		height: 834.594px;
		padding: 56px 24px !important;
		grid-template-columns: 342px !important;
		grid-template-rows: 425px 273.594px !important;
		gap: 24px !important;
	}
	body.pyp-about-figma .pyp-about-who__copy { width: 342px; height: 425px; }
	body.pyp-about-figma .pyp-about-who__intro,
	body.pyp-about-figma .pyp-about-who__heading { display: contents; }
	body.pyp-about-figma .pyp-about-who h2 { width: 342px; }
	body.pyp-about-figma .pyp-about-who__intro > p { font-size: 16px !important; font-weight: 500 !important; line-height: 25.6px !important; color: var(--about-muted) !important; }
	body.pyp-about-figma .pyp-about-who__image { width: 342px !important; height: 273.594px !important; }
	body.pyp-about-figma .pyp-about-stats { height: 102px; gap: 8px !important; padding-left: 12px; padding-right: 8px; }
	body.pyp-about-figma .pyp-about-stats > div { padding: 20px 8px 20px 0 !important; align-items: center !important; text-align: center; }
	body.pyp-about-figma .pyp-about-stats > div > span:first-child { font-size: 24px !important; line-height: 28px !important; letter-spacing: -2px !important; }
	body.pyp-about-figma .pyp-about-stats > div > span:last-child { font-size: 12px !important; font-weight: 500 !important; line-height: 15px !important; text-align: center; }

	body.pyp-about-figma .pyp-about-reasons .pyp-about-shell { min-height: 1557px; padding: 56px 24px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-reasons__grid { grid-template-columns: 342px !important; gap: 18px !important; }
	body.pyp-about-figma .pyp-about-reason-card { width: 342px; height: 204px; }
	body.pyp-about-figma .pyp-about-reasons .pyp-about-section-head { gap: 12px !important; }
	body.pyp-about-figma .pyp-about-reason-card__title,
	body.pyp-about-figma .pyp-about-reason-card__title * { font-size: 18px !important; line-height: 27px !important; }
	body.pyp-about-figma .pyp-about-reason-card:first-child .pyp-about-reason-card__title,
	body.pyp-about-figma .pyp-about-reason-card:first-child .pyp-about-reason-card__title * { font-size: 20px !important; }
	body.pyp-about-figma .pyp-about-reason-card__body,
	body.pyp-about-figma .pyp-about-reason-card__body * { font-weight: 500 !important; }

	body.pyp-about-figma .pyp-about-works .pyp-about-shell { height: 1377.933px; padding: 56px 24px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-works__head { width: 342px; height: 199px; flex-direction: column; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 16px !important; }
	body.pyp-about-figma .pyp-about-works__head > div { gap: 8px !important; }
	body.pyp-about-figma .pyp-about-works__head h2,
	body.pyp-about-figma .pyp-about-works__head > p { width: 342px; }
	body.pyp-about-figma .pyp-about-works__head > p { font-size: 16px !important; line-height: 26.88px !important; padding: 0 !important; }
	body.pyp-about-figma .pyp-about-works__flow { width: 342px; height: 1042.933px; flex-direction: column; flex-wrap: nowrap !important; align-items: center !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-works__buyer { width: 342px; min-height: 260px !important; flex-basis: 260px !important; }
	body.pyp-about-figma .pyp-about-works__buyer > div:last-child > span:nth-child(2) { font-size: 24px !important; line-height: 28.8px !important; }
	body.pyp-about-figma .pyp-about-works__partner { width: 342px; min-height: 241.669px !important; flex-basis: 241.669px !important; }
	body.pyp-about-figma .pyp-about-works__partner-logo,
	body.pyp-about-figma .pyp-about-works__partner > img:first-child { width: 125.034px !important; height: 17.669px !important; }
	body.pyp-about-figma .pyp-about-works__partner-copy > span:nth-child(2) { font-size: 28px !important; line-height: 33.6px !important; }
	body.pyp-about-figma .pyp-about-flow-arrow { width: auto; flex-basis: auto; height: 18px; padding: 0 !important; transform: rotate(90deg); }
	body.pyp-about-figma .pyp-about-flow-arrow--one { height: 15.264px; }
	body.pyp-about-figma .pyp-about-works__services { width: 342px; flex: 0 0 412px !important; grid-template-columns: 342px !important; gap: 12px !important; }
	body.pyp-about-figma .pyp-about-works__services > div { height: 94px; padding: 24px !important; flex-direction: row !important; align-items: center; gap: 16px !important; }
	body.pyp-about-figma .pyp-about-works__service-title,
	body.pyp-about-figma .pyp-about-works__service-title * { font-size: 14.5px !important; line-height: 21.75px !important; }
	body.pyp-about-figma .pyp-about-works__services > div:first-child .pyp-about-works__service-title,
	body.pyp-about-figma .pyp-about-works__services > div:first-child .pyp-about-works__service-title * { font-size: 18px !important; line-height: 19px !important; }
	body.pyp-about-figma .pyp-about-works__service-body,
	body.pyp-about-figma .pyp-about-works__service-body * { font-size: 12px !important; line-height: 18px !important; font-weight: 400 !important; }
	body.pyp-about-figma .pyp-about-works__services > div:first-child .pyp-about-works__service-body,
	body.pyp-about-figma .pyp-about-works__services > div:first-child .pyp-about-works__service-body * { font-size: 14px !important; line-height: 17px !important; font-weight: 500 !important; }

	body.pyp-about-figma .pyp-about-system .pyp-about-shell { min-height: 499px; padding: 56px 24px !important; gap: 24px !important; }

	body.pyp-about-figma [data-about-carousel] {
		display: flex !important;
		grid-template-columns: none !important;
		gap: 12px !important;
		width: calc(100% + 24px) !important;
		max-width: none !important;
		margin-right: -24px;
		padding-right: 24px;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory;
		scroll-padding-left: 0;
		touch-action: pan-x;
		overscroll-behavior-inline: contain;
		scrollbar-width: none;
		cursor: grab;
	}
	body.pyp-about-figma [data-about-carousel]::-webkit-scrollbar { display: none; }
	body.pyp-about-figma [data-about-carousel].is-dragging { cursor: grabbing; user-select: none; }
	body.pyp-about-figma [data-about-carousel] > * { scroll-snap-align: start; flex: 0 0 auto; }
	body.pyp-about-figma .pyp-about-system__card { width: 342px !important; height: 260px !important; }
	body.pyp-about-figma .pyp-about-system__card > div:last-child { left: 22px !important; right: auto !important; width: 298px !important; bottom: 21.53px !important; }
	body.pyp-about-figma .pyp-about-system__card > div:last-child > span:first-child { font-family: "BR Segma", Arial, sans-serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 25.5px !important; }
	body.pyp-about-figma .pyp-about-system__card > div:last-child > span:first-child { font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important; }
	body.pyp-about-figma .pyp-about-system__card > div:last-child > span:last-child { font-size: 14px !important; line-height: 22.4px !important; }

	body.pyp-about-figma .pyp-about-journey .pyp-about-shell { min-height: 2592.25px; padding: 0 24px 56px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-journey { height: 2592.25px; }
	body.pyp-about-figma .pyp-about-journey .pyp-about-shell > div:first-child { gap: 8px !important; }
	body.pyp-about-figma .pyp-about-journey__grid { display: grid !important; grid-template-columns: 342px !important; min-height: 0; }
	body.pyp-about-figma .pyp-about-journey__step {
		display: grid !important;
		grid-template-columns: 52px 1fr;
		grid-template-rows: 243.75px auto auto;
		column-gap: 16px !important;
		row-gap: 4px !important;
		min-height: 0;
		padding: 24px 16px 0 !important;
		border-right: 0 !important;
	}
	body.pyp-about-figma .pyp-about-journey__step:not(:first-child) { padding-top: 48px !important; }
	body.pyp-about-figma .pyp-about-journey__step:nth-child(3),
	body.pyp-about-figma .pyp-about-journey__step:nth-child(4) { height: 362.25px !important; }
	body.pyp-about-figma .pyp-about-journey__step > div:first-child {
		grid-column: 1 / -1;
		grid-row: 1;
		width: 310px;
		height: 231.75px;
		aspect-ratio: auto !important;
		margin: 0 0 12px !important;
	}
	html body.pyp-about-figma #pyp-main-content .pyp-about-journey__step > span:nth-child(2),
	html body.pyp-about-figma #pyp-main-content .pyp-about-journey__number {
		grid-column: 1;
		grid-row: 2 / span 2;
		font-size: 45px !important;
		line-height: 45px !important;
		letter-spacing: -1px !important;
		font-weight: 600 !important;
	}
	body.pyp-about-figma .pyp-about-journey__title { grid-column: 2; grid-row: 2; font-size: 16px !important; font-weight: 600 !important; line-height: 21.75px !important; }
	body.pyp-about-figma .pyp-about-journey__body { grid-column: 2; grid-row: 3; font-size: 14px !important; font-weight: 500 !important; line-height: 18.75px !important; }

	body.pyp-about-figma .pyp-about-difference__layout { min-height: 1182.669px; padding: 56px 24px !important; grid-template-columns: 342px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-difference__intro { width: 342px; gap: 8px !important; }
	body.pyp-about-figma .pyp-about-difference__intro > div { gap: 8px !important; }
	body.pyp-about-figma .pyp-about-difference__intro > p { width: 342px; margin-top: 8px !important; line-height: 26px !important; color: var(--about-muted) !important; }
	html body.pyp-about-figma #pyp-main-content .pyp-about-difference__cards {
		display: flex !important;
		flex-direction: column !important;
		width: 342px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		gap: 12px !important;
	}
	body.pyp-about-figma .pyp-about-difference__card { width: 342px; min-height: 0; padding: 48px 24px !important; }
	body.pyp-about-figma .pyp-about-difference__card--traditional { height: 440px !important; }
	body.pyp-about-figma .pyp-about-difference__card--pyp { height: 462px !important; }
	body.pyp-about-figma .pyp-about-difference__logo { height: 17.669px !important; }
	body.pyp-about-figma .pyp-about-difference__check { width: 16px !important; height: 16px !important; }
	body.pyp-about-figma .pyp-about-difference__traditional-title,
	body.pyp-about-figma .pyp-about-difference__traditional-title * { font-size: 18px !important; font-weight: 600 !important; line-height: 17px !important; letter-spacing: 0 !important; text-transform: capitalize !important; }
	body.pyp-about-figma .pyp-about-difference__card--traditional > div:last-child > div { align-items: center !important; gap: 0 !important; padding: 16px 0 !important; }
	body.pyp-about-figma .pyp-about-difference__card--traditional > div:last-child > div > span:first-child { display: none !important; }
	body.pyp-about-figma .pyp-about-difference__traditional-text,
	body.pyp-about-figma .pyp-about-difference__traditional-text * { font-size: 14px !important; font-weight: 500 !important; line-height: 17px !important; color: var(--about-muted) !important; }
	body.pyp-about-figma .pyp-about-difference__card--pyp > div:last-child > div { align-items: center !important; padding: 16px 0 !important; }
	body.pyp-about-figma .pyp-about-difference__pyp-text,
	body.pyp-about-figma .pyp-about-difference__pyp-text * { font-size: 14px !important; font-weight: 500 !important; line-height: 16.8px !important; }

	body.pyp-about-figma .pyp-about-quality .pyp-about-shell { height: auto; min-height: 710px; padding: 56px 24px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-quality { height: 710px; }
	body.pyp-about-figma .pyp-about-quality__head { gap: 16px !important; }
	body.pyp-about-figma .pyp-about-quality__head > div { gap: 8px !important; }
	body.pyp-about-figma .pyp-about-quality__head > p { width: 342px; font-size: 16px !important; line-height: 26.88px !important; color: var(--about-body) !important; }
	body.pyp-about-figma .pyp-about-quality__card { width: 313px; min-height: 374px; }
	body.pyp-about-figma .pyp-about-quality__card > div:first-child { width: 100%; height: 260px; }
	body.pyp-about-figma .pyp-about-quality__card > div:last-child { min-height: 112px; padding: 24px 16px 16px !important; gap: 8px !important; }
	body.pyp-about-figma .pyp-about-quality__card > div:last-child > span:first-child { font-size: 16px !important; line-height: 19px !important; }
	body.pyp-about-figma .pyp-about-quality__card > div:last-child > span:last-child { font-size: 14px !important; line-height: 22.4px !important; }

	body.pyp-about-figma .pyp-about-delivery__layout { min-height: 1154px; padding: 56px 24px !important; grid-template-columns: 342px !important; gap: 32px !important; }
	body.pyp-about-figma .pyp-about-delivery { height: 1154px; }
	body.pyp-about-figma .pyp-about-delivery__intro { width: 342px; gap: 32px !important; }
	body.pyp-about-figma .pyp-about-delivery__intro-copy { gap: 16px; }
	body.pyp-about-figma .pyp-about-delivery__intro-heading { gap: 8px; }
	body.pyp-about-figma .pyp-about-delivery__intro h2 { font-size: 37.83px !important; line-height: 40.478px !important; }
	body.pyp-about-figma .pyp-about-delivery__step { min-height: 0; padding: 16px 0 !important; display: flex; align-items: flex-start; justify-content: flex-start; gap: 16px !important; }
	body.pyp-about-figma .pyp-about-delivery__step-main { display: contents; }
	body.pyp-about-figma .pyp-about-delivery__icon { width: 40px !important; height: 40px !important; min-width: 40px !important; flex: 0 0 40px !important; margin-top: 5.143px; }
	body.pyp-about-figma .pyp-about-delivery__step:nth-child(1) .pyp-about-delivery__icon img { width: 29.286px !important; height: 28.571px !important; }
	body.pyp-about-figma .pyp-about-delivery__step:nth-child(2) .pyp-about-delivery__icon img { width: 23.571px !important; height: 22.857px !important; }
	body.pyp-about-figma .pyp-about-delivery__step:nth-child(3) .pyp-about-delivery__icon img { width: 22.143px !important; height: 21.429px !important; }
	body.pyp-about-figma .pyp-about-delivery__step:nth-child(4) .pyp-about-delivery__icon img { width: 25.714px !important; height: 25.714px !important; }
	body.pyp-about-figma .pyp-about-delivery__step-copy { flex: 1 1 0; gap: 16px; }
	body.pyp-about-figma .pyp-about-delivery__step-head { align-items: flex-start; flex-direction: column; justify-content: flex-start; gap: 8px; padding-right: 40px; }
	body.pyp-about-figma .pyp-about-delivery__step-title { font-size: 18px !important; line-height: 24px !important; }
	body.pyp-about-figma .pyp-about-delivery__step-tag { line-height: 12px !important; }
	body.pyp-about-figma .pyp-about-delivery__repeat-tag { display: none; }
	body.pyp-about-figma .pyp-about-delivery__step-body { color: #666 !important; }
	body.pyp-about-figma .pyp-about-delivery__num { position: absolute; top: 16px; right: 0; width: auto; height: 26px; padding: 0; }

	body.pyp-about-figma .pyp-about-buyers .pyp-about-shell { height: auto; min-height: 623px; padding: 56px 24px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-buyer-card { width: 313px; height: 380px; min-height: 380px; padding: 24px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-buyer-card > span:first-child { flex: 0 0 56px !important; }

	body.pyp-about-figma .pyp-about-projects .pyp-about-shell { min-height: 1589px; padding: 56px 24px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-projects .pyp-about-section-head { gap: 12px !important; }
	body.pyp-about-figma .pyp-about-projects { height: 1589px; }
	body.pyp-about-figma .pyp-about-projects__grid { grid-template-columns: 342px !important; gap: 48px !important; }
	body.pyp-about-figma .pyp-about-project-card { width: 342px; min-height: 0; gap: 16px !important; }
	body.pyp-about-figma .pyp-about-project-card:first-child > div:last-child { gap: 8px !important; }
	body.pyp-about-figma .pyp-about-project-card > div:first-child { height: 320px !important; }
	body.pyp-about-figma .pyp-about-project-card h3 { font-size: 26px !important; line-height: 29.9px !important; }

	body.pyp-about-figma .pyp-about-team .pyp-about-shell { height: auto; min-height: 719px; padding: 56px 24px !important; gap: 24px !important; }
	body.pyp-about-figma .pyp-about-team { height: 719px; }
	body.pyp-about-figma .pyp-about-team__head { width: 342px; flex-direction: column; align-items: flex-start !important; flex-wrap: nowrap !important; gap: 16px !important; }
	body.pyp-about-figma .pyp-about-team__head > div { gap: 8px !important; }
	body.pyp-about-figma .pyp-about-team__head > p { width: 342px; font-size: 16px !important; line-height: 26.88px !important; color: var(--about-muted) !important; }
	body.pyp-about-figma .pyp-about-team__grid { width: 342px; grid-template-columns: 342px !important; gap: 12px !important; }
	body.pyp-about-figma .pyp-about-team-card { width: 342px; min-height: 0; padding: 16px !important; display: grid !important; grid-template-columns: 48px 244px; grid-template-rows: auto auto; column-gap: 16px !important; row-gap: 16px !important; }
	body.pyp-about-figma .pyp-about-team-avatar { width: 48px; height: 48px; grid-row: 1 / span 2; }
	body.pyp-about-figma .pyp-about-team-card > span:nth-child(2) { font-size: 20px !important; line-height: 25.5px !important; }
	body.pyp-about-figma .pyp-about-team-card > span:nth-child(3) { grid-column: 2; font-size: 14px !important; line-height: 22.4px !important; color: var(--about-muted) !important; }

	body.pyp-about-figma .pyp-about-slogan .pyp-about-shell { width: 390px !important; max-width: 100% !important; height: auto; min-height: 265px; padding: 56px 24px !important; gap: 18px !important; }
	body.pyp-about-figma .pyp-about-slogan { height: 265px; }
	body.pyp-about-figma .pyp-about-slogan p { width: 342px; font-size: 24px !important; font-weight: 600 !important; line-height: 28.8px !important; letter-spacing: 0 !important; }

	body.pyp-about-figma .pyp-footer__cta-inner > a {
		width: 170px !important;
		min-width: 170px !important;
		max-width: 170px !important;
		height: 42px !important;
		min-height: 42px !important;
		max-height: 42px !important;
		padding: 12px 24px !important;
		box-sizing: border-box !important;
	}
}

/* Light descriptive copy in the service matrix. Keep this after both desktop
 * and mobile rules so the component renderer cannot promote it to Medium. */
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-works__service-body,
html body.pyp-about-figma #pyp-main-content .sc-host .pyp-about-works__service-body * {
	font-weight: 300 !important;
	color: rgba(242,239,231,.55) !important;
	font-synthesis: none;
}

/* brand-typography.css declares important weights inside this named layer.
 * Matching that layer is required for the requested faces to become the
 * browser's used values rather than being silently overridden. */
@layer pyp-site-typography {
	html body.pyp-about-figma #pyp-main-content .pyp-about-hero__copy > p,
	html body.pyp-about-figma #pyp-main-content .pyp-about-hero__copy > p * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 300 !important;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-who__intro > p,
	html body.pyp-about-figma #pyp-main-content .pyp-about-who__intro > p * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 300 !important;
		color: #999 !important;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-stats > div > span:last-child,
	html body.pyp-about-figma #pyp-main-content .pyp-about-stats > div > span:last-child * {
		font-weight: 400 !important;
		color: #8a8474 !important;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-reason-card__title,
	html body.pyp-about-figma #pyp-main-content .pyp-about-reason-card__title * {
		font-family: "BR Segma", Arial, sans-serif !important;
		font-weight: 600 !important;
		color: #20261f !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-reason-card__body,
	html body.pyp-about-figma #pyp-main-content .pyp-about-reason-card__body * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 400 !important;
		color: #999 !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-journey__title,
	html body.pyp-about-figma #pyp-main-content .pyp-about-journey__title * {
		font-family: "BR Segma", Arial, sans-serif !important;
		font-weight: 700 !important;
		color: #20261f !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-journey__step > span:nth-child(4),
	html body.pyp-about-figma #pyp-main-content .pyp-about-journey__step > span:nth-child(4) * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 300 !important;
		color: #8a8474 !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-quality__card > div:last-child > span:first-child,
	html body.pyp-about-figma #pyp-main-content .pyp-about-quality__card > div:last-child > span:first-child * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 400 !important;
		color: #20261f !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-quality__card > div:last-child > span:last-child,
	html body.pyp-about-figma #pyp-main-content .pyp-about-quality__card > div:last-child > span:last-child * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 300 !important;
		color: #999 !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-buyer-card > div:nth-child(2) > span:first-child,
	html body.pyp-about-figma #pyp-main-content .pyp-about-buyer-card > div:nth-child(2) > span:first-child *,
	html body.pyp-about-figma #pyp-main-content .pyp-about-team-card > span:nth-child(2),
	html body.pyp-about-figma #pyp-main-content .pyp-about-team-card > span:nth-child(2) * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 700 !important;
		color: #20261f !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-team-card > span:nth-child(3),
	html body.pyp-about-figma #pyp-main-content .pyp-about-team-card > span:nth-child(3) * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 300 !important;
		color: #999 !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-works__service-body,
	html body.pyp-about-figma #pyp-main-content .pyp-about-works__service-body * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 300 !important;
		color: rgba(242,239,231,.55) !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-difference__traditional-text,
	html body.pyp-about-figma #pyp-main-content .pyp-about-difference__traditional-text * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 400 !important;
		color: #75705f !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-difference__pyp-text,
	html body.pyp-about-figma #pyp-main-content .pyp-about-difference__pyp-text * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 400 !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-system__card > div:last-child > span:last-child,
	html body.pyp-about-figma #pyp-main-content .pyp-about-system__card > div:last-child > span:last-child * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 300 !important;
		font-synthesis: none;
	}

	html body.pyp-about-figma #pyp-main-content .pyp-about-delivery__step-body,
	html body.pyp-about-figma #pyp-main-content .pyp-about-delivery__step-body * {
		font-family: "BR Segma Figma Web", "BR Segma", Arial, sans-serif !important;
		font-weight: 300 !important;
		color: rgba(242,239,231,.65) !important;
		font-synthesis: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.pyp-about-figma [data-about-carousel] { scroll-behavior: auto; }
	body.pyp-about-figma .pyp-about-section * { transition-duration: .01ms !important; }
}