/* About AMAR, version A "The house" (user choice 2026-10-12; mockups on the canvas A1yuj2DnZvnNi9G48U9Ktr).
   Content: upgrade/content/about/build.py → pages 10 (EN) / 35 (AR), <div class="abh-page">. Script: assets/js/about-house.js.
   Every section is a band that reaches the window's edges (.abh-band); its content keeps the page's width.
   The page opens in its folded state (first door open, first biography shown): the script only answers clicks,
   so nothing moves when it loads and links to #team, #board or #supporters land where they should.
   The previous About (draft pages 18671/18672) keeps about.css. */

body:has(.abh-page) { overflow-x: clip; } /* the bands reach the window's edges; nothing may scroll sideways */
body:has(.abh-page) .site-main.ed-page { padding-bottom: 0; } /* the terracotta band meets the footer */
.abh-page {
	--abh-navy: #32365f; --abh-deep: #1e2040; --abh-gold: #e8c26a; --abh-ink: #1d1d1b; --abh-terra: #b84329; --abh-terra-d: #9c3620;
	--abh-blue: #a8c5dc; --abh-olive: #5f6f35; --abh-ochre: #d4ad52; --abh-tint: #e9ebf5; --abh-sky: #eaf2f8;
	--abh-text: #20223a; --abh-soft: #3b3e57; --abh-mute: #575a73; --abh-pad: 88px; --abh-gap: 24px;
	color: var(--abh-ink); font-size: 16px; line-height: 1.6;
}

/* The page's own text rules stop here */
.editorial .abh-page :is(p, h2, h3, ul, ol, li, figure, dl, dt, dd, address) { margin: 0; padding: 0; max-width: none; }
.editorial .abh-page :is(ul, ol) { list-style: none; }
.editorial .abh-page :is(h2, h3) { color: inherit; font-weight: 700; }
.editorial .abh-page img { display: block; max-width: 100%; height: auto; }
.editorial .abh-page a { color: inherit; }
.editorial .abh-page address { font-style: normal; }
.editorial .abh-page :is(a, button, summary):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.editorial .abh-page [hidden] { display: none !important; }
.editorial .abh-page .abh-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* links to the sections: the site's scroll-padding, then about-house.js sets them exactly under the head */
.editorial .abh-page [tabindex="-1"]:focus { outline: none; } /* a section reached by a link takes the focus, without a frame */

/* Bands */
.editorial .abh-page .abh-band { margin-inline: calc(50% - 50vw); padding: var(--abh-pad) calc(50vw - 50%); }
.editorial .abh-page .abh-kicker { font-size: 13px; font-weight: 700; letter-spacing: .16em; line-height: 1.4; text-transform: uppercase; }
.editorial .abh-page .abh-head { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--abh-gap); row-gap: 20px; align-items: end; }
.editorial .abh-page .abh-head__main { grid-column: span 7; min-width: 0; }
.editorial .abh-page .abh-head__aside { grid-column: 8 / span 5; min-width: 0; }
.editorial .abh-page .abh-head__aside p { font-size: 17px; line-height: 1.55; }
.editorial .abh-page .abh-head h2 { margin-top: 14px; font-size: clamp(40px, 4.45vw, 64px); line-height: .95; letter-spacing: -.04em; text-transform: uppercase; text-wrap: balance; }

/* Buttons */
.editorial .abh-page .abh-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.editorial .abh-page .abh-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 20px; border: 1.5px solid transparent; border-radius: 0;
	font: inherit; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: 0; text-decoration: none; text-transform: none; cursor: pointer; transition: background .15s, color .15s; }
.editorial .abh-page .abh-btn svg { flex: none; width: 12px; height: 12px; }
.editorial .abh-page .abh-btn--gold { background: var(--abh-gold); color: var(--abh-deep); }
.editorial .abh-page .abh-btn--gold:hover { background: #fff; color: var(--abh-deep); }
.editorial .abh-page .abh-btn--line { background: transparent; border-color: currentColor; color: inherit; }
.editorial .abh-page .abh-btn--line:hover { background: #fff; border-color: #fff; color: var(--abh-ink); }
.editorial .abh-page .abh-btn--navy { background: var(--abh-navy); color: #fff; }
.editorial .abh-page .abh-btn--navy:hover { background: var(--abh-ink); color: #fff; }
.editorial .abh-page .abh-btn--white { background: #fff; color: var(--abh-terra-d); }
.editorial .abh-page .abh-btn--white:hover { background: var(--abh-ink); color: #fff; }

/* Opening: deep navy right under the head, then a ribbon of the house */
.editorial .abh-page .abh-open { margin-top: calc(-1 * (var(--stack, 36px) + var(--pad-panel, 42px))); padding-top: 84px; padding-bottom: 0; background: var(--abh-deep); color: #fff; }
.editorial .abh-page .abh-open__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--abh-gap); row-gap: 36px; align-items: start; padding-bottom: 64px; }
.editorial .abh-page .abh-open__title { grid-column: span 7; min-width: 0; }
.editorial .abh-page .abh-open__text { grid-column: 8 / span 5; min-width: 0; padding-top: 34px; }
.editorial .abh-page .abh-open .abh-kicker { color: var(--abh-gold); }
.editorial .abh-page .abh-open h2 { margin-top: 20px; font-size: clamp(48px, 6.5vw, 94px); line-height: .93; letter-spacing: -.045em; text-transform: uppercase; }
.editorial .abh-page .abh-by { margin-top: 26px; font-size: 15px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #c3c6de; }
.editorial .abh-page .abh-open__text > p { font-size: 18px; line-height: 1.6; }
.editorial .abh-page .abh-open__text > p + p { margin-top: 16px; color: #d6d8e8; }
.editorial .abh-page .abh-facts { margin-top: 30px; border-bottom: 1px solid rgba(255, 255, 255, .18); }
.editorial .abh-page .abh-facts > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; padding: 11px 0; border-top: 1px solid rgba(255, 255, 255, .18); }
.editorial .abh-page .abh-facts dt { padding-top: 3px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--abh-gold); }
.editorial .abh-page .abh-facts dd { font-size: 16px; line-height: 1.4; }
.editorial .abh-page .abh-ribbon { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2px; margin-inline: calc(50% - 50vw); }
.editorial .abh-page .abh-ribbon img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.editorial .abh-page .abh-ribbon figcaption { padding: 9px 12px 24px; border-top: 3px solid var(--abh-gold); }
.editorial .abh-page .abh-ribbon b { display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--abh-gold); }
.editorial .abh-page .abh-ribbon figcaption span { display: block; margin-top: 3px; font-size: 14px; line-height: 1.35; color: #d6d8e8; }

/* The four aims: white head, four colour doors (the open one widens), the 2009 programme on a pale navy */
.editorial .abh-page .abh-aims { padding-bottom: 0; background: #fff; color: var(--abh-ink); }
.editorial .abh-page .abh-aims .abh-kicker { color: var(--abh-navy); }
.editorial .abh-page .abh-aims .abh-head__aside { grid-column: 7 / span 6; }
.editorial .abh-page .abh-quote { font-size: 21px; line-height: 1.5; color: var(--abh-text); }
.editorial .abh-page .abh-doors { display: flex; min-height: 540px; margin: 44px calc(50% - 50vw) 0; }
.editorial .abh-page .abh-door { --door-rule: rgba(255, 255, 255, .3); --door-kick: #fff3d6; position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; display: flex; flex-direction: column;
	padding: 40px 34px 36px; background: var(--door-bg); color: var(--door-fg); transition: flex-grow .45s cubic-bezier(.2, .7, .2, 1); }
.editorial .abh-page .abh-door.is-open { flex-grow: 1.8; }
.editorial .abh-page .abh-door--cons { --door-bg: var(--abh-terra); --door-fg: #fff; }
.editorial .abh-page .abh-door--sup { --door-bg: var(--abh-blue); --door-fg: #1c2433; --door-rule: rgba(28, 36, 51, .22); --door-kick: var(--abh-navy); }
.editorial .abh-page .abh-door--int { --door-bg: var(--abh-olive); --door-fg: #fff; --door-rule: rgba(255, 255, 255, .28); --door-kick: #ece08f; }
.editorial .abh-page .abh-door--dis { --door-bg: var(--abh-ochre); --door-fg: #1f1d16; --door-rule: rgba(31, 29, 22, .22); --door-kick: var(--abh-navy); }
.editorial .abh-page .abh-door h3 { font-size: clamp(24px, 2.2vw, 34px); line-height: 1.05; letter-spacing: -.03em; }
.editorial .abh-page .abh-door__btn { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 0; margin: 0; padding: 0; border: 0;
	background: none; color: inherit; font: inherit; letter-spacing: inherit; text-align: start; cursor: pointer; }
.editorial .abh-page .abh-door__btn:hover { background: none; }
.editorial .abh-page .abh-door__btn > span:first-child { min-width: 0; }
.editorial .abh-page .abh-door__sign { position: relative; flex: none; width: 32px; height: 32px; border: 1.5px solid currentColor; border-radius: 50%; }
.editorial .abh-page .abh-door__sign::before, .editorial .abh-page .abh-door__sign::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; background: currentColor; transform: translate(-50%, -50%); }
.editorial .abh-page .abh-door__sign::after { transform: translate(-50%, -50%) rotate(90deg); }
.editorial .abh-page .abh-door.is-open .abh-door__sign::after { display: none; }
/* wide screens: the title keeps the door's whole width; the + of a closed door sits where its links will appear */
@media (min-width: 1024px) {
	.editorial .abh-page .abh-door__sign { position: absolute; inset-inline-start: 34px; bottom: 36px; }
	.editorial .abh-page .abh-door.is-open .abh-door__sign { display: none; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.editorial .abh-page .abh-door__sign { inset-inline-start: 22px; bottom: 30px; }
}
.editorial .abh-page .abh-door__line { margin-top: 14px; max-width: 30ch; font-size: 17px; line-height: 1.45; }
.editorial .abh-page .abh-door__more { width: min(460px, 100%); margin-top: auto; padding-top: 28px; transition: opacity .3s .12s; }
.editorial .abh-page .abh-door:not(.is-open) .abh-door__more { visibility: hidden; opacity: 0; transition: none; }
.editorial .abh-page .abh-door__kick { margin-bottom: 10px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--door-kick); }
.editorial .abh-page .abh-door__more li { border-top: 1px solid var(--door-rule); }
.editorial .abh-page .abh-door__more a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; padding: 6px 0;
	font-size: 19px; font-weight: 700; line-height: 1.25; text-decoration: none; }
.editorial .abh-page .abh-door__more a:hover { text-decoration: underline; text-underline-offset: 4px; }

.editorial .abh-page .abh-prog { margin-inline: calc(50% - 50vw); padding: 40px calc(50vw - 50%) 44px; background: var(--abh-tint); color: var(--abh-text); }
.editorial .abh-page .abh-prog__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--abh-gap); row-gap: 24px; align-items: start; }
.editorial .abh-page .abh-prog__lead { grid-column: span 4; }
.editorial .abh-page .abh-prog__lead .abh-kicker { color: var(--abh-navy); }
.editorial .abh-page .abh-prog__title { margin-top: 10px; font-size: 22px; font-weight: 700; line-height: 1.3; }
.editorial .abh-page .abh-prog__teasers { grid-column: 5 / span 8; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--abh-gap); }
.editorial .abh-page .abh-prog__teasers > div { padding-top: 12px; border-top: 3px solid var(--abh-navy); }
.editorial .abh-page .abh-prog__h { font-size: 17px; font-weight: 700; line-height: 1.35; }
.editorial .abh-page .abh-prog__p { display: -webkit-box; margin-top: 6px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
	font-size: 14.5px; line-height: 1.5; color: var(--abh-mute); }
.editorial .abh-page .abh-prog__more { grid-column: 1 / -1; }
.editorial .abh-page .abh-prog__more > summary { list-style: none; min-height: 44px; padding: 0 18px; font-size: 14px; }
.editorial .abh-page .abh-prog__more > summary::-webkit-details-marker { display: none; }
.editorial .abh-page .abh-prog__close, .editorial .abh-page .abh-prog__more[open] .abh-prog__open { display: none; }
.editorial .abh-page .abh-prog__more[open] .abh-prog__close { display: inline; }
.editorial .abh-page .abh-prog:has(.abh-prog__more[open]) .abh-prog__teasers { display: none; }
.editorial .abh-page .abh-prog__all { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; margin-top: 24px;
	margin-inline-start: calc((100% + var(--abh-gap)) / 3); font-size: 15.5px; line-height: 1.65; }
.editorial .abh-page .abh-prog__all .abh-prog__h { margin-top: 18px; }
.editorial .abh-page .abh-prog__all > div > .abh-prog__h:first-child { margin-top: 0; }
.editorial .abh-page .abh-prog__all .abh-prog__h--big { font-size: 22px; }
.editorial .abh-page .abh-prog__all p:not(.abh-prog__h) { margin-top: 6px; }
.editorial .abh-page .abh-prog__all ol { margin-top: 8px; padding-inline-start: 22px; list-style: decimal; }
.editorial .abh-page .abh-prog__all li { margin-top: 4px; }

/* Our focus: ink, and the faces of the singers the Foundation names */
.editorial .abh-page .abh-focus { background: var(--abh-ink); color: #fff; }
.editorial .abh-page .abh-focus__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--abh-gap); row-gap: 40px; align-items: start; }
.editorial .abh-page .abh-focus__intro { grid-column: span 5; min-width: 0; }
.editorial .abh-page .abh-focus .abh-kicker { color: var(--abh-gold); }
.editorial .abh-page .abh-focus h2 { margin-top: 14px; font-size: clamp(40px, 4.45vw, 64px); line-height: .95; letter-spacing: -.04em; text-transform: uppercase; text-wrap: balance; }
.editorial .abh-page .abh-focus__intro > p { margin-top: 28px; font-size: 17px; line-height: 1.65; color: #cfcfca; }
.editorial .abh-page .abh-focus__intro .abh-btn { margin-top: 26px; color: var(--abh-ink); }
.editorial .abh-page .abh-focus__list { grid-column: 7 / span 6; min-width: 0; }
.editorial .abh-page .abh-focus__list > li { padding: 20px 0 22px; border-top: 1px solid rgba(255, 255, 255, .18); }
.editorial .abh-page .abh-focus__t { font-size: 18px; font-weight: 600; line-height: 1.45; }
.editorial .abh-page .abh-faces { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; }
.editorial .abh-page .abh-faces li { width: 96px; }
.editorial .abh-page .abh-faces a { display: block; text-decoration: none; }
.editorial .abh-page .abh-face__img { width: 96px; height: 96px; object-fit: cover; object-position: top; filter: grayscale(1); transition: filter .25s; }
.editorial .abh-page .abh-faces a:hover .abh-face__img, .editorial .abh-page .abh-faces a:focus-visible .abh-face__img { filter: none; }
.editorial .abh-page .abh-face__none { display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .3);
	font-size: 34px; font-weight: 700; color: var(--abh-gold); }
.editorial .abh-page .abh-faces a span:last-child { display: block; margin-top: 7px; font-size: 13px; line-height: 1.3; color: #cfcfca; }
.editorial .abh-page .abh-faces a:hover span:last-child { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* The house: the presentation film and the rooms */
.editorial .abh-page .abh-house { background: #fff; color: var(--abh-ink); }
.editorial .abh-page .abh-house .abh-kicker { color: var(--abh-navy); }
.editorial .abh-page .abh-house .abh-head__aside p { color: var(--abh-soft); }
.editorial .abh-page .abh-mosaic { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 16.4vw, 236px); gap: 4px; margin-top: 36px; }
.editorial .abh-page .abh-mosaic figure { position: relative; overflow: hidden; background: var(--abh-tint); }
.editorial .abh-page .abh-mosaic figure img { width: 100%; height: 100%; object-fit: cover; }
.editorial .abh-page .abh-mosaic figcaption { position: absolute; inset-inline-start: 0; bottom: 0; max-width: calc(100% - 24px); padding: 7px 12px;
	background: var(--abh-ink); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.3; }
.editorial .abh-page .abh-video { position: relative; grid-column: span 2; grid-row: span 2; display: block; overflow: hidden; background: var(--abh-deep); color: #fff; text-decoration: none; }
.editorial .abh-page .abh-video > img { width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: opacity .3s; }
.editorial .abh-page .abh-video:hover > img { opacity: .92; }
.editorial .abh-page .abh-video::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, transparent 35%, rgba(30, 32, 64, .9) 100%); }
.editorial .abh-page .abh-video__text { position: absolute; z-index: 2; inset-inline: 28px 124px; bottom: 26px; }
.editorial .abh-page .abh-video .abh-kicker { display: block; color: var(--abh-gold); }
.editorial .abh-page .abh-video__t { display: block; margin-top: 8px; font-size: clamp(22px, 2.2vw, 32px); font-weight: 700; line-height: 1.05; letter-spacing: -.02em; }
.editorial .abh-page .abh-video__d { display: block; margin-top: 8px; font-size: 15px; line-height: 1.45; color: #e3e5f1; }
.editorial .abh-page .abh-video__play { position: absolute; z-index: 2; inset-inline-end: 28px; bottom: 26px; display: flex; align-items: center; justify-content: center;
	width: 72px; height: 72px; border-radius: 50%; background: var(--abh-gold); color: var(--abh-deep); }
.editorial .abh-page .abh-video__play svg { width: 22px; height: 22px; margin-inline-start: 4px; }
.editorial .abh-page .abh-video iframe { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; border: 0; }

/* People: portraits and one biography at a time (team on navy, supporters on powder blue), board cards on white */
.editorial .abh-page .abh-team { background: var(--abh-navy); color: #fff; }
.editorial .abh-page .abh-team .abh-kicker { color: var(--abh-gold); }
.editorial .abh-page .abh-team .abh-head__aside p { color: #dcdeec; }
.editorial .abh-page .abh-jumps { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 14px; font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.editorial .abh-page .abh-team .abh-head__aside .abh-jumps a { color: var(--abh-gold); text-decoration: none; }
.editorial .abh-page .abh-team .abh-head__aside .abh-jumps a:hover { text-decoration: underline; text-underline-offset: 4px; }
.editorial .abh-page .abh-pick__list { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; margin-top: 44px; }
.editorial .abh-page .abh-pick__list li { min-width: 0; }
.editorial .abh-page .abh-pick--team .abh-pick__list { row-gap: 30px; } /* Management Board: the officers on the first line, the others under them */
.editorial .abh-page .abh-pick--team .abh-pick__list li:nth-child(5) { grid-column-start: 1; } /* the four officers on the first line */
.editorial .abh-page .abh-pick__none { display: block; width: 100%; aspect-ratio: 4 / 5; background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); } /* no portrait yet */
.editorial .abh-page .abh-pick__btn { display: block; width: 100%; min-height: 0; margin: 0; padding: 10px 0 0; border: 0; border-top: 4px solid transparent; border-radius: 0;
	background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; opacity: .72; transition: opacity .2s, border-color .2s; }
.editorial .abh-page .abh-pick__btn:hover { background: none; opacity: .9; }
.editorial .abh-page .abh-pick__btn[aria-pressed="true"] { border-top-color: var(--abh-gold); opacity: 1; }
.editorial .abh-page .abh-pick__btn img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 25%; filter: grayscale(1); }
.editorial .abh-page .abh-pick__n { display: block; padding-top: 12px; font-size: 16px; font-weight: 700; line-height: 1.2; }
.editorial .abh-page .abh-pick__r { display: block; margin-top: 5px; font-size: 12.5px; line-height: 1.35; color: #dfe1ef; }
.editorial .abh-page .abh-bio { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--abh-gap); margin-top: 36px; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, .2); }
.editorial .abh-page .abh-bio__who { grid-column: span 4; min-width: 0; }
.editorial .abh-page .abh-bio__n { font-size: 36px; font-weight: 700; line-height: 1.05; letter-spacing: -.03em; }
.editorial .abh-page .abh-bio__r { margin-top: 10px; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--abh-gold); }
.editorial .abh-page .abh-bio__text { grid-column: 5 / span 8; min-width: 0; columns: 2; column-gap: 32px; font-size: 16px; line-height: 1.65; color: #dcdeec; }
.editorial .abh-page .abh-bio__text p + p { margin-top: 12px; }

/* The sound archive: one slim strip after the Management Board (Marc Hajj is not a board member; user, 2026-11-06) */
.editorial .abh-page .abh-arch { background: var(--abh-deep); color: #fff; padding-block: 56px; }
/* the photo column is one Management Board portrait wide: (width − 6 gaps of 14px) / 7, as .abh-pick__list */
.editorial .abh-page .abh-arch__grid { display: grid; grid-template-columns: calc((100% - 84px) / 7) minmax(0, 1fr) minmax(0, 2.2fr); column-gap: 32px; align-items: center; }
.editorial .abh-page .abh-arch__photo { margin: 0; }
.editorial .abh-page .abh-arch__photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 25%; filter: grayscale(1); }
.editorial .abh-page .abh-arch__who { min-width: 0; }
.editorial .abh-page .abh-arch .abh-kicker { color: var(--abh-gold); }
.editorial .abh-page .abh-arch h2 { margin-top: 12px; font-size: 36px; font-weight: 700; line-height: 1.05; letter-spacing: -.03em; }
.editorial .abh-page .abh-arch__role { margin-top: 10px; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--abh-gold); }
.editorial .abh-page .abh-arch__bio { min-width: 0; columns: 2; column-gap: 32px; font-size: 16px; line-height: 1.65; color: #dcdeec; }
.editorial .abh-page .abh-arch__bio p { break-inside: avoid; }
.editorial .abh-page .abh-arch__bio p + p { margin-top: 12px; }
.lang-ar.editorial .abh-page :is(.abh-arch h2, .abh-arch__role, .abh-arch .abh-kicker) { letter-spacing: 0; }
.lang-ar.editorial .abh-page .abh-arch h2 { line-height: 1.25; }
@media (max-width: 1024px) {
	.editorial .abh-page .abh-arch__grid { grid-template-columns: calc((100% - 84px) / 7) minmax(0, 1fr); }
	.editorial .abh-page .abh-arch__bio { grid-column: 1 / -1; margin-top: 24px; }
}
@media (max-width: 640px) {
	.editorial .abh-page .abh-arch { padding-block: 44px; }
	.editorial .abh-page .abh-arch__grid { grid-template-columns: 112px minmax(0, 1fr); column-gap: 18px; }
	.editorial .abh-page .abh-arch h2 { font-size: 28px; }
	.editorial .abh-page .abh-arch__bio { columns: auto; }
}

.editorial .abh-page .abh-board { background: #fff; color: var(--abh-ink); }
.editorial .abh-page .abh-board .abh-kicker { color: var(--abh-navy); }
.editorial .abh-page .abh-board .abh-head__main { grid-column: span 6; }
.editorial .abh-page .abh-board .abh-head__aside { grid-column: 7 / span 6; }
.editorial .abh-page .abh-board .abh-head__aside p { font-size: 16.5px; line-height: 1.6; color: var(--abh-soft); }
.editorial .abh-page .abh-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; row-gap: 40px; margin-top: 48px; }
.editorial .abh-page .abh-card { min-width: 0; padding-top: 18px; border-top: 3px solid var(--abh-navy); }
.editorial .abh-page .abh-card__top { display: flex; align-items: center; gap: 16px; }
.editorial .abh-page .abh-card__top img { flex: none; width: 92px; height: 92px; object-fit: cover; object-position: 50% 25%; filter: grayscale(1); }
.editorial .abh-page .abh-card h3 { font-size: 22px; line-height: 1.15; letter-spacing: -.01em; }
.editorial .abh-page .abh-card__line { margin-top: 6px; font-size: 14px; line-height: 1.4; color: var(--abh-mute); }
.editorial .abh-page .abh-card__bio { display: -webkit-box; margin-top: 16px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-size: 15px; line-height: 1.6; color: var(--abh-soft); }
.editorial .abh-page .abh-card__bio.is-full { display: block; -webkit-line-clamp: unset; }
.editorial .abh-page .abh-card__bio p + p { margin-top: 10px; }
.editorial .abh-page .abh-card__bio a { color: var(--abh-navy); font-weight: 700; }
.editorial .abh-page .abh-more { min-height: 40px; margin: 6px 0 0; padding: 0; border: 0; background: none; color: var(--abh-navy); font: inherit; font-size: 14px; font-weight: 700;
	text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.editorial .abh-page .abh-more:hover { background: none; color: var(--abh-ink); }

.editorial .abh-page .abh-sup { background: var(--abh-sky); color: #1c2433; }
.editorial .abh-page .abh-sup .abh-kicker { color: #2f5d80; }
.editorial .abh-page .abh-sup .abh-head__aside p { color: #33405a; }
.editorial .abh-page .abh-pick--sup .abh-pick__list { row-gap: 22px; margin-top: 40px; }
.editorial .abh-page .abh-pick--sup .abh-pick__btn { padding: 0 0 8px; border-top: 0; border-bottom: 4px solid transparent; opacity: 1; }
.editorial .abh-page .abh-pick--sup .abh-pick__btn:hover { opacity: .8; }
.editorial .abh-page .abh-pick--sup .abh-pick__btn[aria-pressed="true"] { border-bottom-color: var(--abh-navy); }
.editorial .abh-page .abh-pick--sup .abh-pick__btn img { aspect-ratio: 1; }
.editorial .abh-page .abh-pick--sup .abh-pick__n { padding-top: 9px; font-size: 14.5px; line-height: 1.25; }
.editorial .abh-page .abh-pick--sup .abh-pick__r { margin-top: 3px; font-size: 12px; color: #4f5c74; }
.editorial .abh-page .abh-pick--sup .abh-bio { margin-top: 30px; padding: 26px 30px; border-top: 0; background: #fff; }
.editorial .abh-page .abh-pick--sup .abh-bio__who { grid-column: span 3; }
.editorial .abh-page .abh-pick--sup .abh-bio__n { font-size: 24px; }
.editorial .abh-page .abh-pick--sup .abh-bio__r { font-size: 13px; letter-spacing: .06em; color: #2f5d80; }
.editorial .abh-page .abh-pick--sup .abh-bio__text { grid-column: 4 / span 9; columns: auto; font-size: 15.5px; color: #33405a; }

/* Press & contact: terracotta down to the footer */
.editorial .abh-page .abh-contact { margin-bottom: calc(-1 * var(--pad-panel, 42px)); padding-block: 80px; background: var(--abh-terra); color: #fff; }
.editorial .abh-page .abh-contact__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--abh-gap); row-gap: 48px; }
.editorial .abh-page .abh-contact__grid > div:first-child { grid-column: span 6; }
.editorial .abh-page .abh-contact__grid > div:last-child { grid-column: 8 / span 5; }
.editorial .abh-page .abh-contact .abh-kicker { color: #fff3d6; } /* 4.9:1 on terracotta (audit 2026-10-16) */
.editorial .abh-page .abh-contact h2 { margin-top: 14px; font-size: clamp(34px, 3.4vw, 48px); line-height: 1; letter-spacing: -.035em; text-transform: uppercase; }
.editorial .abh-page .abh-contact h2 + p { margin-top: 16px; font-size: 16px; line-height: 1.55; color: #fde6dc; }
.editorial .abh-page .abh-press { margin-top: 24px; }
.editorial .abh-page .abh-press li { border-top: 1px solid rgba(255, 255, 255, .28); }
.editorial .abh-page .abh-press li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .28); }
.editorial .abh-page .abh-press a { display: flex; align-items: center; gap: 16px; min-height: 56px; font-size: 18px; font-weight: 700; line-height: 1.3; text-decoration: none; }
.editorial .abh-page .abh-press a > span:first-child { flex: 1; }
.editorial .abh-page .abh-press a:hover > span:first-child { text-decoration: underline; text-underline-offset: 4px; }
.editorial .abh-page .abh-press__n { font-size: 14px; font-weight: 600; color: #fde6dc; }
.editorial .abh-page .abh-contact address { margin-top: 28px; font-size: 19px; font-weight: 600; line-height: 1.55; }
.editorial .abh-page .abh-contact__lines { margin-top: 16px; font-size: 16px; line-height: 1.7; color: #fde6dc; }
.editorial .abh-page .abh-contact__lines a { color: #fff; font-weight: 700; }

/* Arabic: no capitals or tracking, more line height */
.lang-ar.editorial .abh-page :is(.abh-kicker, .abh-by, .abh-facts dt, .abh-ribbon b, .abh-door__kick, .abh-jumps, .abh-bio__r) { letter-spacing: 0; text-transform: none; }
.lang-ar.editorial .abh-page .abh-kicker { font-size: 14.5px; }
.lang-ar.editorial .abh-page :is(.abh-open h2, .abh-head h2, .abh-focus h2, .abh-contact h2) { letter-spacing: 0; line-height: 1.25; }
.lang-ar.editorial .abh-page .abh-open h2 { font-size: clamp(36px, 4.4vw, 64px); }
.lang-ar.editorial .abh-page :is(.abh-head h2, .abh-focus h2) { font-size: clamp(32px, 3.6vw, 52px); }
.lang-ar.editorial .abh-page :is(.abh-door h3, .abh-bio__n, .abh-card h3, .abh-video__t) { letter-spacing: 0; line-height: 1.3; }
.lang-ar.editorial .abh-page .abh-door h3 { font-size: clamp(26px, 2.4vw, 36px); }
.lang-ar.editorial .abh-page :is(.abh-open__text > p, .abh-door__line, .abh-focus__intro > p, .abh-bio__text, .abh-card__bio, .abh-quote, .abh-prog__all) { line-height: 1.85; }
.lang-ar.editorial .abh-page .abh-facts > div { grid-template-columns: 84px minmax(0, 1fr); }

@media (prefers-reduced-motion: reduce) {
	.editorial .abh-page :is(.abh-door, .abh-door__more, .abh-pick__btn, .abh-face__img, .abh-video > img) { transition: none; }
}

/* 1024–1279: same layout, tighter */
@media (max-width: 1279px) {
	.editorial .abh-page { --abh-pad: 72px; }
	.editorial .abh-page .abh-door { padding: 34px 22px 30px; }
	.editorial .abh-page .abh-door__more a { font-size: 17px; }
	.editorial .abh-page .abh-faces li { width: 84px; }
	.editorial .abh-page .abh-face__img { width: 84px; height: 84px; }
}

/* Tablets and phones: the doors stack and open one at a time; portraits scroll sideways */
@media (max-width: 1023px) {
	.editorial .abh-page { --abh-pad: 56px; --abh-gap: 20px; }
	.editorial .abh-page .abh-open { padding-top: 48px; }
	.editorial .abh-page .abh-open__grid { padding-bottom: 40px; }
	.editorial .abh-page :is(.abh-open__title, .abh-open__text, .abh-head__main, .abh-head__aside, .abh-aims .abh-head__aside, .abh-board .abh-head__main, .abh-board .abh-head__aside,
		.abh-focus__intro, .abh-focus__list, .abh-prog__lead, .abh-prog__teasers, .abh-contact__grid > div:first-child, .abh-contact__grid > div:last-child) { grid-column: 1 / -1; }
	.editorial .abh-page .abh-open__text { padding-top: 0; }
	.editorial .abh-page .abh-ribbon { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.editorial .abh-page .abh-ribbon li { flex: none; width: 210px; scroll-snap-align: start; }
	.editorial .abh-page .abh-doors { flex-direction: column; min-height: 0; margin-top: 32px; }
	.editorial .abh-page .abh-door { flex: none; padding: 20px var(--edge, 16px); }
	.editorial .abh-page .abh-door.is-open { padding-bottom: 26px; }
	.editorial .abh-page .abh-door h3 { font-size: 28px; }
	.editorial .abh-page .abh-door__btn { min-height: 44px; }
	.editorial .abh-page .abh-door:not(.is-open) :is(.abh-door__line, .abh-door__more) { display: none; }
	.editorial .abh-page .abh-door__line { max-width: 52ch; font-size: 16px; }
	.editorial .abh-page .abh-door__more { padding-top: 18px; }
	.editorial .abh-page .abh-prog__teasers { grid-template-columns: 1fr; row-gap: 16px; }
	.editorial .abh-page .abh-prog__all { grid-template-columns: 1fr; margin-inline-start: 0; }
	.editorial .abh-page .abh-prog__all > div + div { margin-top: 18px; }
	.editorial .abh-page .abh-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(120px, 26vw, 220px); }
	.editorial .abh-page .abh-pick__list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; margin-inline: calc(-1 * var(--edge, 16px)); padding-inline: var(--edge, 16px); scroll-padding-inline: var(--edge, 16px); padding-bottom: 6px; }
	.editorial .abh-page .abh-pick__list li { flex: none; width: 128px; scroll-snap-align: start; }
	.editorial .abh-page .abh-pick--sup .abh-pick__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-inline: 0; padding-inline: 0; overflow: visible; }
	.editorial .abh-page .abh-pick--sup .abh-pick__list li { width: auto; }
	.editorial .abh-page .abh-bio, .editorial .abh-page .abh-pick--sup .abh-bio { row-gap: 14px; }
	.editorial .abh-page :is(.abh-bio__who, .abh-bio__text, .abh-pick--sup .abh-bio__who, .abh-pick--sup .abh-bio__text) { grid-column: 1 / -1; }
	.editorial .abh-page .abh-bio__text { columns: auto; }
	.editorial .abh-page .abh-bio__n { font-size: 28px; }
	.editorial .abh-page .abh-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.editorial .abh-page { --abh-pad: 44px; }
	.editorial .abh-page .abh-open { padding-top: 36px; }
	.editorial .abh-page .abh-open h2 { font-size: 44px; }
	.lang-ar.editorial .abh-page .abh-open h2 { font-size: 34px; }
	.editorial .abh-page .abh-by { font-size: 13px; }
	.editorial .abh-page .abh-open__text > p { font-size: 16px; }
	.editorial .abh-page .abh-facts > div { grid-template-columns: 76px minmax(0, 1fr); gap: 12px; }
	.editorial .abh-page .abh-actions .abh-btn { flex: 1 1 auto; justify-content: center; }
	.editorial .abh-page .abh-ribbon li { width: 168px; }
	.editorial .abh-page .abh-head h2, .editorial .abh-page .abh-focus h2 { font-size: 36px; }
	.lang-ar.editorial .abh-page :is(.abh-head h2, .abh-focus h2) { font-size: 30px; }
	.editorial .abh-page .abh-quote { font-size: 18px; }
	.editorial .abh-page .abh-faces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 8px; }
	.editorial .abh-page .abh-faces li { width: auto; }
	.editorial .abh-page .abh-face__img { width: 100%; height: auto; aspect-ratio: 1; }
	.editorial .abh-page .abh-face__none { font-size: 26px; }
	.editorial .abh-page .abh-faces a span:last-child { font-size: 12px; }
	.editorial .abh-page .abh-mosaic { grid-template-columns: 1fr 1fr; grid-auto-rows: 118px; }
	.editorial .abh-page .abh-video { grid-column: 1 / -1; grid-row: span 2; }
	.editorial .abh-page .abh-video__text { inset-inline: 16px 16px; bottom: 16px; }
	.editorial .abh-page .abh-video__d { display: none; }
	.editorial .abh-page .abh-video__play { top: 16px; bottom: auto; inset-inline-end: 16px; width: 52px; height: 52px; }
	.editorial .abh-page .abh-video__play svg { width: 16px; height: 16px; }
	.editorial .abh-page .abh-mosaic figcaption { font-size: 12px; padding: 5px 8px; }
	.editorial .abh-page .abh-pick__list li { width: 116px; }
	.editorial .abh-page .abh-pick--sup .abh-pick__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 10px; }
	.editorial .abh-page .abh-pick--sup .abh-bio { padding: 20px 18px; }
	.editorial .abh-page .abh-cards { grid-template-columns: 1fr; row-gap: 28px; }
	.editorial .abh-page .abh-card__top img { width: 72px; height: 72px; }
	.editorial .abh-page .abh-contact { padding-block: 52px; }
	.editorial .abh-page .abh-press a { font-size: 16px; }
	.editorial .abh-page .abh-contact address { font-size: 17px; }
}

/* responsive QA 2026-11-05: the five About links fit from 360px up ("Contact" was cut at the edge) */
@media (max-width: 640px) { .ed-strip .ev-nav.abh-nav { justify-content: space-between; gap: 0 10px; } }