/* Scoped to the About branch; article copy and other page layouts remain intact. */
body.notion-about-page {
	--home-teal: #f99045;
	--home-gold: #f99045;
	--home-canvas: #f7f3ee;
	background: var(--home-canvas);
	padding-inline: 0;
}

.notion-about-page .notion-topbar { background: #f0ebe5; border-bottom-color: var(--home-gold); }
.notion-about-page .notion-primary-menu a,
.notion-about-page .notion-header-actions a,
.notion-about-page .notion-footer-column a,
.notion-about-page .notion-footer-logo { color: var(--home-teal); }
.notion-about-page .notion-site-footer { background: var(--home-canvas); border-top-color: #e7dacf; }

body.notion-about-page.page:not(.home):not(.notion-auth-page) .wp-site-blocks > main.notion-about-main:first-of-type {
	box-sizing: border-box;
	max-width: none;
	margin: 0;
	padding: var(--notion-fixed-header-height, 73px) 0 0 !important;
}

.notion-about-banner {
	display: flex;
	align-items: center;
	min-height: clamp(240px, 16vw, 300px);
	background: linear-gradient(90deg, rgb(0 88 94 / 72%), rgb(0 117 116 / 38%)), url('../homepage/west-africa-banner.png') center 42% / cover no-repeat;
}
/* Share the research-team banner across the four corporate About Us pages. */
body.notion-corporate-about-page .notion-about-banner {
	background-image: linear-gradient(90deg, rgb(87 42 14 / 88%), rgb(249 144 69 / 36%)), url('../homepage/about-us-research-team-v2.webp');
	background-position: center 58%;
}
.notion-about-banner__inner { box-sizing: border-box; width: calc(100% - 64px); max-width: 1350px; padding: 42px 24px; margin: 0 auto; }
.notion-about-banner h1 { position: relative; max-width: 1100px; margin: 0; padding-bottom: 24px; color: #fff; font-size: clamp(28px, 2.3vw, 38px); font-weight: 700; line-height: 1.35; }
.notion-about-banner h1::after { content: ''; position: absolute; bottom: 0; left: 0; width: 76px; height: 4px; background: #ffce57; }

.notion-about-panel { box-sizing: border-box; width: calc(100% - 64px); max-width: 1350px; margin: 75px auto 0; padding: 44px 48px; background: #fff; }
.notion-about-content { display: flow-root; min-height: 180px; color: #40372f; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.notion-about-content > :first-child + * { margin-top: 0; }
.notion-about-content p { margin: 0 0 18px; line-height: inherit; }
.notion-about-content p:empty { display: none; }
.notion-about-content h2:first-of-type { margin-top: 0; }
.notion-about-content h2 { margin: 30px 0 20px; color: #212930; font-size: 28px; font-weight: 700; line-height: 1.35; }
.notion-about-content h3 { margin: 28px 0 16px; color: #212930; font-size: 21px; line-height: 1.4; }
.notion-about-content ul,
.notion-about-content ol { padding-left: 24px; }
.notion-about-content a { color: #f99045; text-underline-offset: 3px; }
.notion-about-content > :last-child { margin-bottom: 0; }
.notion-about-brand { float: right; width: 230px; max-width: 28%; height: auto; object-fit: contain; margin: 58px 0 24px 36px; }
.notion-about-main > .notion-home-newsletter { margin-top: 80px; }

@media (max-width: 760px) {
	.notion-about-banner { min-height: 220px; }
	.notion-about-banner__inner { width: 100%; padding: 36px 24px; }
	.notion-about-banner h1 { font-size: 27px; }
	.notion-about-panel { width: calc(100% - 32px); margin-top: 36px; padding: 28px 24px; }
	.notion-about-content { font-size: 14px; }
	.notion-about-content h2 { font-size: 24px; }
	.notion-about-brand { width: 135px; margin: 6px 0 16px 20px; }
	.notion-about-main > .notion-home-newsletter { margin-top: 44px; }
}