/* =========================================================
 * About AdepaTrade (0.4.27): /about/ page sections (.adepa-about-*).
 * Tokens only. Reuses home.css (markets / experience) and solutions-family
 * (intro / hero frame) when those classes are present on the page.
 * ========================================================= */

.adepa-about-section { margin-block: 0 !important; }

:is(.adepa-about-hero__inner, .adepa-about-hero__head, .adepa-about-hero__copy,
    .adepa-about-role__inner, .adepa-about-role__grid, .adepa-about-role__item,
    .adepa-about-work__inner, .adepa-about-work__grid, .adepa-about-work__item,
    .adepa-about-exp__inner, .adepa-about-exp__list, .adepa-about-exp__entry,
    .adepa-about-phil__inner, .adepa-about-phil__grid, .adepa-about-phil__item,
    .adepa-about-close__inner, .adepa-about-close__statement, .adepa-about-close__action) > * {
	margin: 0 !important;
}

/* ---------- 01 Who We Are (hero) ---------- */
.adepa-about-hero {
	padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70);
	border-bottom: 1px solid var(--wp--preset--color--grey-200);
}
.adepa-about-hero__inner {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--60);
}
.adepa-about-hero__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "head" "media" "copy";
	gap: var(--wp--preset--spacing--50);
}
.adepa-about-hero__head {
	grid-area: head;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--30);
}
.adepa-about-hero__title {
	max-width: 16ch;
	overflow-wrap: break-word;
	font-size: var(--wp--preset--font-size--heading-1);
}
.adepa-about-hero__copy {
	grid-area: copy;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
	max-width: var(--wp--custom--layout--reading, 62ch);
}
.adepa-about-hero__text { color: var(--wp--preset--color--grey-700); }
.adepa-about-hero__audiences {
	color: var(--wp--preset--color--grey-700);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
}
.wp-block-image.is-style-technical-frame.adepa-about-hero__media {
	grid-area: media;
	margin: 0 !important;
}
.adepa-about-hero__media img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: 50% 60%;
}
@media (min-width: 1024px) {
	.adepa-about-hero__layout {
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		grid-template-areas:
			"head media"
			"copy media";
		column-gap: var(--wp--preset--spacing--70);
		align-items: start;
	}
	.adepa-about-hero__media img { aspect-ratio: 4 / 3; }
}

/* ---------- 02 Our Role ---------- */
.adepa-about-role {
	padding-block: var(--wp--preset--spacing--70);
	background: var(--wp--preset--color--grey-100);
}
.adepa-about-role__inner {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--60);
}
.adepa-about-role__head > * { margin: 0 !important; }
.adepa-about-role__head > * + * { margin-top: var(--wp--preset--spacing--30) !important; }
.adepa-about-role__title { font-size: var(--wp--preset--font-size--heading-1); max-width: 18ch; }
.adepa-about-role__intro {
	max-width: 62ch;
	color: var(--wp--preset--color--grey-700);
	line-height: 1.6;
}
.adepa-about-role__note {
	max-width: 62ch;
	color: var(--wp--preset--color--grey-700);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
	border-left: 2px solid var(--wp--preset--color--brand-red);
	padding-left: var(--wp--preset--spacing--30);
}
.adepa-about-role__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	border-top: 1px solid var(--wp--preset--color--grey-300);
}
.adepa-about-role__item {
	display: grid;
	grid-template-columns: 3.5rem minmax(0, 1fr);
	column-gap: var(--wp--preset--spacing--30);
	padding-block: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--grey-300);
}
.adepa-about-role__num {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: var(--wp--preset--color--brand-red);
	margin: 0 !important;
}
.adepa-about-role__name {
	font-size: var(--wp--preset--font-size--heading-4);
	margin: 0 !important;
}
.adepa-about-role__text {
	grid-column: 2;
	margin-top: var(--wp--preset--spacing--20) !important;
	color: var(--wp--preset--color--grey-700);
	line-height: 1.6;
	max-width: 56ch;
}
@media (min-width: 782px) {
	.adepa-about-role__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 var(--wp--preset--spacing--60);
	}
	.adepa-about-role__item:nth-child(2n) { border-left: 1px solid var(--wp--preset--color--grey-300); padding-left: var(--wp--preset--spacing--40); }
}

/* ---------- 03 How We Work ---------- */
.adepa-about-work {
	padding-block: var(--wp--preset--spacing--70);
}
.adepa-about-work.is-style-dark-section .adepa-about-work__title { color: var(--wp--preset--color--white); }
.adepa-about-work.is-style-dark-section .adepa-about-work__intro { color: var(--wp--preset--color--grey-300); }
.adepa-about-work.is-style-dark-section .adepa-about-work__name { color: var(--wp--preset--color--white); }
.adepa-about-work.is-style-dark-section .adepa-about-work__text { color: var(--wp--preset--color--grey-300); }
/* r2: numerals render at 22.1px/400 on mobile (below WCAG large text), so brand-red-bright (4.19:1) is not enough.
   brand-red-tint on charcoal #151B1F = 14.94:1 (AA normal text >= 4.5:1). */
.adepa-about-work.is-style-dark-section .adepa-about-work__num { color: var(--wp--preset--color--brand-red-tint); }
.adepa-about-work__inner {
	display: grid;
	gap: var(--wp--preset--spacing--60);
}
.adepa-about-work__head > * { margin: 0 !important; }
.adepa-about-work__head > * + * { margin-top: var(--wp--preset--spacing--30) !important; }
.adepa-about-work__title { font-size: var(--wp--preset--font-size--heading-1); max-width: 16ch; }
.adepa-about-work__intro { max-width: 56ch; line-height: 1.6; }
.adepa-about-work__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	border-top: 1px solid var(--wp--preset--color--charcoal-2, #2a2d33);
}
.adepa-about-work__item {
	display: grid;
	grid-template-columns: 3.5rem minmax(0, 1fr);
	column-gap: var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--50);
	border-bottom: 1px solid var(--wp--preset--color--charcoal-2, #2a2d33);
}
.adepa-about-work__num {
	font-size: var(--wp--preset--font-size--heading-3);
	font-weight: 400;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--brand-red);
	margin: 0 !important;
}
.adepa-about-work__name {
	font-size: var(--wp--preset--font-size--heading-3);
	line-height: 1.2;
	margin: 0 !important;
}
.adepa-about-work__text {
	grid-column: 2;
	margin-top: var(--wp--preset--spacing--20) !important;
	max-width: 56ch;
	line-height: 1.6;
}
@media (min-width: 1024px) {
	.adepa-about-work__inner { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--wp--preset--spacing--70); align-items: start; }
	.adepa-about-work__item { grid-template-columns: 5rem minmax(0, 1fr); }
	.adepa-about-work__num { font-size: var(--wp--preset--font-size--heading-1); }
}

/* ---------- 04 Experience (project entries under markets map) ---------- */
.adepa-about-exp {
	padding-block: var(--wp--preset--spacing--70);
	background: var(--wp--preset--color--grey-100);
}
.adepa-about-exp__inner {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--50);
}
.adepa-about-exp__head > * { margin: 0 !important; }
.adepa-about-exp__head > * + * { margin-top: var(--wp--preset--spacing--30) !important; }
.adepa-about-exp__title { font-size: var(--wp--preset--font-size--heading-2); max-width: 22ch; }
.adepa-about-exp__intro { max-width: 62ch; color: var(--wp--preset--color--grey-700); line-height: 1.6; }
.adepa-about-exp__list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	border-top: 1px solid var(--wp--preset--color--grey-300);
}
.adepa-about-exp__entry {
	padding-block: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--grey-300);
}
.adepa-about-exp__country {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--brand-red);
	margin: 0 0 var(--wp--preset--spacing--20) !important;
}
.adepa-about-exp__name {
	font-size: var(--wp--preset--font-size--heading-4);
	margin: 0 0 var(--wp--preset--spacing--20) !important;
}
.adepa-about-exp__equipment {
	color: var(--wp--preset--color--grey-700);
	margin: 0 !important;
}
.adepa-about-exp__statement {
	max-width: 62ch;
	color: var(--wp--preset--color--grey-700);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
}
@media (min-width: 782px) {
	.adepa-about-exp__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--wp--preset--spacing--50); }
	.adepa-about-exp__entry + .adepa-about-exp__entry { border-left: 1px solid var(--wp--preset--color--grey-300); padding-left: var(--wp--preset--spacing--40); }
}

/* ---------- 05 Supply Philosophy ---------- */
.adepa-about-phil {
	padding-block: var(--wp--preset--spacing--70);
}
.adepa-about-phil__inner {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--60);
}
.adepa-about-phil__head > * { margin: 0 !important; }
.adepa-about-phil__head > * + * { margin-top: var(--wp--preset--spacing--30) !important; }
.adepa-about-phil__title { font-size: var(--wp--preset--font-size--heading-1); max-width: 18ch; }
.adepa-about-phil__intro { max-width: 62ch; color: var(--wp--preset--color--grey-700); line-height: 1.6; }
.adepa-about-phil__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	border-top: 1px solid var(--wp--preset--color--grey-300);
}
.adepa-about-phil__item {
	padding-block: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--grey-300);
}
.adepa-about-phil__num {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: var(--wp--preset--color--brand-red);
	margin: 0 0 var(--wp--preset--spacing--20) !important;
}
.adepa-about-phil__name {
	font-size: var(--wp--preset--font-size--heading-4);
	margin: 0 0 var(--wp--preset--spacing--20) !important;
}
.adepa-about-phil__text {
	color: var(--wp--preset--color--grey-700);
	line-height: 1.6;
	max-width: 56ch;
	margin: 0 !important;
}
.adepa-about-phil__scope {
	max-width: 62ch;
	color: var(--wp--preset--color--grey-700);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
}
@media (min-width: 782px) {
	.adepa-about-phil__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--wp--preset--spacing--60); }
	.adepa-about-phil__item:nth-child(2n) { border-left: 1px solid var(--wp--preset--color--grey-300); padding-left: var(--wp--preset--spacing--40); }
}
@media (min-width: 1024px) {
	.adepa-about-phil__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.adepa-about-phil__item { border-left: 0; padding-left: 0; }
	.adepa-about-phil__item:not(:nth-child(3n+1)) { border-left: 1px solid var(--wp--preset--color--grey-300); padding-left: var(--wp--preset--spacing--40); }
}

/* ---------- 06 Closing invitation ---------- */
.adepa-about-close {
	padding-block: var(--wp--preset--spacing--70);
}
.adepa-about-close__inner {
	display: grid;
	gap: var(--wp--preset--spacing--50);
}
.adepa-about-close__title {
	font-size: var(--wp--preset--font-size--heading-1);
	color: var(--wp--preset--color--white);
	max-width: 18ch;
}
.adepa-about-close__support {
	color: var(--wp--preset--color--white); /* r1: brand-red on charcoal was 2.6:1 (body-size text needs 4.5:1). */
	font-weight: 600;
	margin-top: var(--wp--preset--spacing--20) !important;
}
.adepa-about-close__copy {
	max-width: 52ch;
	color: var(--wp--preset--color--grey-300);
	line-height: 1.6;
}
@media (min-width: 1024px) {
	.adepa-about-close__inner {
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
		column-gap: var(--wp--preset--spacing--70);
		align-items: end;
	}
}