/* AMAR mega menu, second pass (inc/megamenu.php ED_MEGAMENU_V2_*, data/megamenu-v2-{en,ar}.json from
   upgrade/megamenu/v2/build_v2.py, assets/js/megamenu-v2.js). Same frame as the Artists & Music panel: zone A in the
   section colour, then one wide zone (.mv) with tabs, real pictures and a preview box at the bottom.
   Research A, Podcast B, Events A, Publications A, About A (user's picks 2026-10-13). The wide zone measures itself
   (container queries) so the 1024–1279 px bar gets its own arrangement. */

/* ---------------------------------------------------------------- the frame */
@media (min-width: 1024px) {
	.mega--v2 .mv { grid-column: 4 / span 9; }
	.mega-style .mega--v2 .mega-c.mv { padding: 0; margin: 0; border: 0; display: flex; flex-direction: column; min-width: 0; container-type: inline-size; container-name: mv; }
}
.mv { --mv-ink: #161614; --mv-dark: #22221f; }
.mv button { font: inherit; letter-spacing: normal; text-transform: none; margin: 0; min-height: 0; border-radius: 0; box-shadow: none; }
.mv :focus-visible, .mega--v2 .mega-a :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mv [lang="ar"], .mega--v2 [lang="ar"] { font-family: var(--font-ar); }
.mv [lang="en"], .mv [lang="fr"] { font-family: var(--font); }
.mv svg .s { display: none; }
.mv .is-playing svg .p { display: none; }
.mv .is-playing svg .s { display: inline; }
[dir="rtl"] .mv svg:not(.mega-arw) { transform: none; }

/* zone A additions */
.mega--v2 .mv-ways a { align-items: center; }
.mega--v2 .mv-ways a .mega-arw { flex: none; }
.mega--v2 .mega-title small { font-size: 19px; margin-top: 6px; }
.mv-readin { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 4px 0 18px; }
.mv-readin span { font-size: 12px; color: var(--mg-fg2); margin-inline-end: 2px; }
.mv-readin a { font-size: 12.5px; font-weight: 600; padding: 3px 9px; border: 1.5px solid currentColor; }
.mv-readin a b { font-weight: 500; opacity: .8; margin: 0 0 0 4px; }
[dir="rtl"] .mv-readin a b { margin: 0 4px 0 0; }
.mv-readin a:hover { background: var(--mg-fg); color: var(--za-bg) !important; border-color: var(--mg-fg); }

/* ---------------------------------------------------------------- shared parts of the wide zone */
.mv-head { padding: 22px 26px 0; background: #fff; color: var(--zb-fg); }
.mv-h { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 12px; }
.mv-h > p { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--zb-kick); }
.lang-ar .mv-h > p { letter-spacing: 0; font-size: 13px; text-transform: none; }
.mv-h > a { display: inline-flex; align-items: center; gap: 6px; flex: none; font-size: 13px; font-weight: 600; }
.mv-h > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.mv-hint { font-size: 12.5px; color: var(--zc-muted); }
.mv-tabs { display: flex; flex-wrap: wrap; gap: 4px; }
.mv-tab { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; border: 0; background: var(--zc-tile); color: var(--zb-fg); font-size: 14px; font-weight: 700; line-height: 1.3; cursor: pointer; white-space: nowrap; }
.lang-ar .mv-tab { font-family: var(--font-ar); }
.mv-tab span { font-weight: 500; opacity: .85; }
.mv-tab:hover { filter: brightness(.96); }
.mv-tab[aria-selected="true"], .mv-tab[aria-pressed="true"] { background: var(--mv-on, var(--za-bg)); color: var(--mv-on-fg, var(--za-fg)); }
.mv-body { flex: 1; display: flex; flex-direction: column; gap: 16px; padding: 18px 26px 20px; background: var(--zc-bg); color: var(--zc-fg); min-height: 0; }
.mv-tp[hidden] { display: none; }

/* ---------------------------------------------------------------- Research & documents */
.mega--research { --mv-on: #2f5d80; --mv-on-fg: #fff; }
.mv-grid6 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.mv-grid7 { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
.mv-grid5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.mv-card, .mv-pp, .mv-doc { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mv-pic { position: relative; display: block; margin-bottom: 4px; background: var(--zc-tile); }
.mv-pic img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.mv-lang { position: absolute; inset-inline-start: 6px; bottom: 6px; background: #1c2433; color: #fff; font-size: 10.5px; font-weight: 700; padding: 2px 6px; }
.mv-ttl { font-size: 13px; font-weight: 700; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mv-ttl[lang="ar"] { font-size: 14px; font-weight: 600; line-height: 1.5; }
.mv-gl { font-size: 12px; line-height: 1.35; color: var(--zc-muted); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mv-by { font-size: 12px; line-height: 1.35; color: #2f5d80; font-weight: 600; }
.mv-card:hover .mv-ttl, .mv-pp:hover .mv-n, .mv-doc:hover .mv-n { text-decoration: underline; text-underline-offset: 3px; }
.mv-more { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; aspect-ratio: 4 / 5; padding: 8px; border: 1.5px solid #2f5d80; color: #2f5d80 !important; text-align: center; }
.mv-more:hover { background: #2f5d80; color: #fff !important; }
.mv-more b { font-size: 24px; font-weight: 800; }
.mv-more span { font-size: 12px; font-weight: 600; line-height: 1.3; }
.mv-pp { align-items: flex-start; }
.mv-pp img { width: 78px; height: 78px; border-radius: 50%; object-fit: cover; filter: grayscale(1); box-shadow: 0 0 0 3px #fff; margin-bottom: 6px; }
.mv-pp:hover img { filter: none; }
.mv-y { font-size: 12px; color: var(--zc-muted); }
.mv-n { font-size: 13px; font-weight: 700; line-height: 1.25; }
.mv-d { font-size: 12px; line-height: 1.4; color: var(--zc-fg2); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.mv-doc img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 6px; }
.mv-ty { align-self: flex-start; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #2f5d80; border: 1px solid #9fbbd2; background: #fff; padding: 1px 6px; }
.lang-ar .mv-ty { letter-spacing: 0; font-size: 11.5px; }
.mv-o { font-size: 12.5px; line-height: 1.45; color: var(--zc-fg2); }
.mv-d-p { background: #b84329; color: #fff; }
.mv-d-m { background: #32365f; color: #fff; }
.mv-d-w { background: #ef6530; color: #1f140e; }
.mv-d-l { background: #d4ad52; color: #1f1d16; }
.mv-d-c { background: #5f6f35; color: #fff; }
.mv-d-t { background: #a8c5dc; color: #1c2433; }

/* ---------------------------------------------------------------- Podcast: the black studio */
.mega-style .mega--podcast .mega-c.mv { position: relative; overflow: hidden; background: var(--mv-ink); color: #fff; padding: 20px 26px 18px; }
.mv img.mv-disc { position: absolute; inset-inline-end: -70px; top: -64px; width: 380px; height: 380px; border-radius: 50%; opacity: .16; pointer-events: none; background: none; }
.mv--podcast > *:not(.mv-disc) { position: relative; z-index: 1; }
.mv-h--ink > p { color: #e8c26a; }
.mv-listen { font-size: 12.5px; color: #d6d4cc; }
.mv-listen a { color: #fff; font-weight: 600; unicode-bidi: isolate; white-space: nowrap; }
.mv-listen a:hover { text-decoration: underline; text-underline-offset: 3px; }
.mv-listen .mega-arw { width: 10px; height: 10px; margin-inline-start: 3px; vertical-align: 0; }
.mv-now { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; align-items: center; }
.mv .mv-big { width: 56px; height: 56px; border-radius: 50%; border: 0; padding: 0; background: #e8c26a; color: var(--mv-ink); display: grid; place-items: center; cursor: pointer; }
.mv .mv-big:hover { background: #fff; }
.mv-big .i-pause, .mv-big.is-playing .i-play { display: none; }
.mv-big.is-playing .i-pause { display: block; }
.mv-pg { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #d6a7b6; }
.lang-ar .mv-pg { letter-spacing: 0; font-size: 12.5px; }
.mv-ep { font-size: 21px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; margin-top: 2px; }
.mv-ep a:hover { text-decoration: underline; text-underline-offset: 4px; }
.mv-ep > span { display: block; font-weight: 500; font-size: 15px; color: #d6d4cc; margin-top: 1px; text-align: left; }
[dir="rtl"] .mv-ep > span { text-align: right; }
.mv-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 4px; font-size: 12.5px; color: #a9a79f; }
.mv-pips { display: inline-flex; gap: 3px; }
.mv-sub .mv-pips i { width: 9px; height: 4px; background: #4a4a45; }
.mv-sub .mv-pips i.on { background: #e8c26a; }
.mv-chips { display: flex; flex-wrap: nowrap; gap: 4px; margin-top: 22px; } /* the programmes on one line (user 2026-10-28) */
.mv .mv-chip { padding: 5px 10px; font-size: 14px; line-height: 1.3; white-space: nowrap; }
.lang-ar .mv .mv-chip { font-size: 14px; }
.mv-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid #4a4a45; background: none; color: #d6d4cc; font-size: 11.5px; font-weight: 600; cursor: pointer; }
.lang-ar .mv-chip { font-family: var(--font-ar); font-size: 13px; }
.mv-chip i { width: 9px; height: 9px; border-radius: 50%; background: var(--c); }
.mv-chip b { font-weight: 500; color: #a9a79f; }
.mv-chip:hover { border-color: #fff; color: #fff; }
.mv-chip[aria-pressed="true"] { background: #fff; border-color: #fff; color: var(--mv-ink); }
.mv-chip[aria-pressed="true"] b { color: #4a4a45; }
.mv-lines { margin-top: 2px; }
.mv-read { margin-top: 4px; min-height: 19px; font-size: 12.5px; color: #d6d4cc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-read b { color: #fff; }
.mv-read em { font-style: normal; font-weight: 700; color: var(--rc, #e8c26a); }
.mv-bars { display: flex; align-items: flex-end; height: 64px; margin-top: 0; cursor: pointer; }
.mv-bars i, .mv-yrs i { flex: 1 1 0; min-width: 0; margin-inline-end: 1px; }
.mv-bars i { display: block; transition: opacity .15s; }
.mv-bars i.p-s { background: #d0623a; } .mv-bars i.p-n { background: #3a9693; } .mv-bars i.p-m { background: #b0506d; } .mv-bars i.p-d { background: #b38a2e; } .mv-bars i.p-o { background: #8a8a83; }
.mv-bars i:hover, .mv-bars i.is-cur { outline: 1px solid #fff; }
.mv-lines[data-on="s"] .mv-bars i:not(.p-s), .mv-lines[data-on="n"] .mv-bars i:not(.p-n), .mv-lines[data-on="m"] .mv-bars i:not(.p-m),
.mv-lines[data-on="d"] .mv-bars i:not(.p-d), .mv-bars i.is-dim { opacity: .16; }
.mv-gap { flex: 0 0 24px; align-self: stretch; margin: 0 4px 0 2px; border-inline: 1px dashed #55534c; }
.mv-yrs { display: flex; height: 16px; border-top: 1px solid #4a4a45; }
.mv-yrs i { position: relative; }
.mv-yrs b { position: absolute; inset-inline-start: 0; top: 2px; font-size: 10.5px; font-weight: 700; color: #a9a79f; white-space: nowrap; }
.mv-yrs .mv-gap { border: 0; }
.mv-vh { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid #33332f; }
.mv-vh > span { font-size: 12.5px; color: #a9a79f; }
.mv-voices { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)) 76px; gap: 10px; }
.mv-v { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.mv-v img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; filter: grayscale(1); box-shadow: 0 0 0 2px var(--mv-ink), 0 0 0 3px #4a4a45; margin-bottom: 3px; }
.mv-v:hover img, .mv-v:focus-visible img { filter: none; box-shadow: 0 0 0 2px var(--mv-ink), 0 0 0 4px #e8c26a; }
.mv-v b { font-size: 12px; line-height: 1.25; }
.mv-v small { font-size: 11px; color: #a9a79f; }
.mv-vmore { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; min-height: 46px; padding: 4px; border: 1.5px solid #4a4a45; color: #d6d4cc; font-size: 11px; font-weight: 700; text-align: center; line-height: 1.2; }
.mv-vmore:hover { border-color: #fff; color: #fff; }

/* ---------------------------------------------------------------- Events: the map */
.mega--events { --mv-on: #5f6f35; --mv-on-fg: #fff; }
.mv-where { display: flex; gap: 2px; flex: none; }
.mv-where button { padding: 5px 10px; border: 1px solid var(--zc-line); background: #fff; color: var(--zb-fg); font-size: 12.5px; font-weight: 600; cursor: pointer; }
.lang-ar .mv-where button { font-family: var(--font-ar); }
.mv-where button b { font-weight: 500; color: var(--zc-muted); margin: 0 4px; }
.mv-where button:hover { border-color: #4d5a2a; }
.mv-where button[aria-pressed="true"] { background: #1e2214; border-color: #1e2214; color: #fff; }
.mv-where button[aria-pressed="true"] b { color: #c9d2ae; }
.mv-kinds .mv-tab { padding: 10px 10px; font-size: 13px; }
.mv-kinds .mv-tab i { width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 1px rgba(30, 34, 20, .35); }
.mv-stage { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 22px; }
.mv-map { position: relative; width: 100%; aspect-ratio: 1000 / 686; }
.mv-map > img { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .45; background: none !important; }
.mv .mv-pin { position: absolute; transform: translate(-50%, -50%); width: var(--s); height: var(--s); padding: 0; border: 2px solid #fff; border-radius: 50%; background: #5f6f35; color: #fff; font-size: 11px; font-weight: 800; display: grid; place-items: center; cursor: pointer; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); }
.mv .mv-pin:hover { background: #1e2214; }
.mv .mv-pin.is-on { background: #1e2214; box-shadow: 0 0 0 4px rgba(236, 224, 143, .95); }
.mv .mv-pin.is-off { opacity: .25; }
.mv-pin em { position: absolute; top: 50%; transform: translateY(-50%); font-style: normal; font-size: 11.5px; font-weight: 700; color: #1e2214; white-space: nowrap; text-shadow: 0 0 3px #eef2e3, 0 0 3px #eef2e3, 0 0 3px #eef2e3; pointer-events: none; }
.lang-ar .mv-pin em { font-family: var(--font-ar); font-size: 12.5px; }
.mv-pin--r em { left: calc(100% + 6px); }
.mv-pin--l em { right: calc(100% + 6px); }
.mv-pin--lt em { right: calc(100% + 4px); top: -6px; }
.mv-ruler { display: grid; grid-template-columns: repeat(18, minmax(0, 1fr)); margin-top: 6px; border-top: 1.5px solid #1e2214; } /* 2009–2026 */
.mv-yr { display: flex; flex-direction: column; align-items: center; gap: 2px; padding-top: 3px; }
.mv-yr .mv-pips { display: flex; flex-direction: column; align-items: center; gap: 3px; min-height: 31px; order: 1; }
.mv-yr > b { font-size: 9.5px; font-weight: 700; color: #7a816a; order: 2; }
.mv-yr > b.has { color: #1e2214; }
.mv .mv-pip { width: 14px; height: 14px; padding: 0; border: 1.5px solid #1e2214; border-radius: 50%; background: var(--k); cursor: pointer; }
.mv .mv-pip.is-on { box-shadow: 0 0 0 3px #1e2214; }
.mv .mv-pip.is-off { opacity: .2; }
.mv-card-ev { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.mv-ev { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 14px; }
.mv-ev img { width: 100px; height: 125px; object-fit: cover; }
.mv-ev > span { display: flex; flex-direction: column; min-width: 0; }
.mv-kd { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #4d5a2a; }
.lang-ar .mv-kd { letter-spacing: 0; font-size: 12.5px; }
.mv-kd i { width: 9px; height: 9px; border-radius: 50%; background: var(--k); box-shadow: 0 0 0 1px rgba(30, 34, 20, .4); flex: none; }
.mv-et { font-size: 18px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; margin: 5px 0 6px; }
.mv-ev .mv-ep { font-size: 12.5px; line-height: 1.45; color: #3a4127; font-weight: 400; letter-spacing: 0; margin: 0; }
.mv-go { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 13px; font-weight: 700; }
.mv-ev:hover .mv-et { text-decoration: underline; text-underline-offset: 4px; }
.mv-here { border-top: 1px solid var(--zc-line); padding-top: 8px; }
.mv-here[hidden] { display: none; }
.mv-here p { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #4d5a2a; margin-bottom: 4px; }
.lang-ar .mv-here p { letter-spacing: 0; font-size: 12.5px; }
.mv .mv-here button { display: flex; gap: 8px; width: 100%; padding: 3px 0; border: 0; background: none; color: #1e2214; font-size: 12.5px; text-align: start; cursor: pointer; }
.lang-ar .mv .mv-here button { font-family: var(--font-ar); font-size: 13px; }
.mv-here button b { flex: none; width: 34px; font-weight: 700; color: #5a614a; }
.mv-here button:hover span, .mv-here button.is-on span { text-decoration: underline; text-underline-offset: 3px; }

/* ---------------------------------------------------------------- Publications: the shelf */
.mega--publications { --mv-on: #ef6530; --mv-on-fg: #1f140e; }
.mega-style .mega--publications .mega-c.mv { background: #fff; }
.mv-wall { padding: 10px 26px 0; background: #fff; }
.mv-shelf { --z: .74; display: flex; align-items: flex-end; gap: 2px; height: calc(184px * var(--z) + 12px); padding-top: 12px; }
.mv-stack { display: flex; flex-direction: column; align-items: flex-start; }
.mv .mv-sp { position: relative; display: block; flex: none; width: calc(var(--w) * var(--z) * 1px); height: calc(var(--h) * var(--z) * 1px); padding: 0; border: 0; cursor: pointer; overflow: hidden; transition: transform .18s ease, opacity .18s; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
.mv-sp img { width: 100%; height: 100%; object-fit: fill; background: none !important; }
.mv .mv-sp:hover { transform: translateY(-5px); }
.mv .mv-sp.is-on { transform: translateY(-10px); box-shadow: 0 6px 0 -2px #ef6530, inset 0 0 0 1px rgba(0, 0, 0, .12); }
.mv .mv-sp.is-dim { opacity: .22; }
.mv-board { height: 9px; background: #2a1d14; box-shadow: 0 6px 10px -6px rgba(0, 0, 0, .5); }
.mv-front { flex: 1; display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 20px; padding: 13px 26px 12px; background: var(--mv-ink); color: #fff; min-height: 0; }
.mv-cv { width: 140px; height: 140px; object-fit: cover; }
.mv-fb { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mv-ftop { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.mv-kick { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #e8c26a; }
.lang-ar .mv-kick { letter-spacing: 0; font-size: 12.5px; }
.mv-step { display: flex; gap: 4px; }
.mv .mv-step button { width: 30px; height: 30px; padding: 0; border: 1.5px solid #4a4a45; background: none; color: #fff; cursor: pointer; display: grid; place-items: center; }
.mv .mv-step button:hover { border-color: #fff; }
[dir="rtl"] .mv-step svg { transform: scaleX(-1); }
.mv-oth { font-size: 16px; color: #d6d4cc; text-align: left; }
[dir="rtl"] .mv-oth { text-align: right; }
.mv-ti { font-size: 21px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.lang-ar .mv-ti { letter-spacing: 0; }
.mv-ti a:hover { text-decoration: underline; text-underline-offset: 4px; }
.mv-sb { font-size: 13px; color: #d6d4cc; }
.mv-box { font-size: 12.5px; line-height: 1.45; color: #a9a79f; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mv-box b { color: #d6d4cc; font-weight: 600; }
.mv-ex { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.mv-ex[hidden] { display: none; }
.mv .mv-xp { width: 34px; height: 34px; flex: none; padding: 0; border: 0; border-radius: 50%; background: #ef6530; color: #1f140e; display: grid; place-items: center; cursor: pointer; }
.mv .mv-xp:hover { background: #fff; }
.mv-ex p { min-width: 0; font-size: 12.5px; line-height: 1.35; color: #d6d4cc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-ex p b { color: #fff; }
.mv-ex p > span:first-child { color: #a9a79f; }

/* ---------------------------------------------------------------- About (reworked 2026-10-27): the page's places as buttons on
   top, the video by Kamal Kassar (plays in place) and the press side by side, the four aims as four sentences, the Nahda
   focus with six named voices; zone A says where AMAR is and how to write */
.mv-house { display: grid; grid-template-columns: minmax(0, 1fr) 300px; min-height: 220px; background: var(--mv-ink); }
.mv-video { position: relative; display: block; overflow: hidden; min-height: 220px; color: #fff !important; }
.mv-video img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.mv-video:hover img { transform: scale(1.03); }
.mv-vplay { position: absolute; top: 50%; left: 50%; width: 58px; height: 58px; margin: -40px 0 0 -29px; border-radius: 50%; background: #e8c26a; color: var(--mv-ink); display: grid; place-items: center; box-shadow: 0 4px 18px rgba(0, 0, 0, .35); }
.mv-video:hover .mv-vplay { background: #fff; }
.mv-vcap { position: absolute; inset-inline-start: 0; bottom: 0; display: flex; flex-direction: column; gap: 1px; padding: 9px 14px 10px; background: var(--mv-ink); }
.mv-vcap span { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: #e8c26a; }
.lang-ar .mv-vcap span { letter-spacing: 0; font-size: 12.5px; }
.mv-vcap b { font-size: 16px; font-weight: 700; }
.mv-video:hover .mv-vcap b { text-decoration: underline; text-underline-offset: 3px; }
.mv-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.mv-press { display: flex; flex-direction: column; gap: 7px; padding: 14px 16px 12px; background: #20223a; color: #fff; min-width: 0; }
/* the press block's title: a gold band across its top (user 2026-10-13: more visible) */
.mv .mv-pk { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: -14px -16px 3px; padding: 9px 16px 8px; background: #e8c26a; color: #20223a !important; font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; font-weight: 800; line-height: 1.2; transition: background .15s; }
.mv .mv-pk:hover, .mv .mv-pk:focus-visible { background: #fff; } /* the whole band leads to the press page (user 2026-10-27) */
.lang-ar .mv-pk { letter-spacing: 0; font-size: 14px; }
.mv-piece { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; }
.mv-piece img { width: 52px; height: 66px; object-fit: cover; }
.mv-piece > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mv-po { font-size: 11px; color: #b3b7d3; }
.mv-pt { font-size: 13.5px; font-weight: 700; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mv-piece .mv-pg { font-size: 11.5px; line-height: 1.3; color: #dcdeec; text-transform: none; letter-spacing: 0; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mv-piece:hover .mv-pt { text-decoration: underline; text-underline-offset: 3px; }
.mv-fl { font-size: 11px; color: #b3b7d3; }
.mv-bar { display: flex; height: 16px; gap: 2px; }
.mv .mv-seg { flex: var(--n) 1 0; min-width: 6px; padding: 0; border: 0; background: var(--c); cursor: pointer; transition: transform .12s; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }
.mv .mv-seg:hover, .mv .mv-seg.is-on { transform: scaleY(1.35); }
.mv-say { min-height: 32px; font-size: 11.5px; line-height: 1.4; color: #dcdeec; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mv-say i { display: inline-block; width: 9px; height: 9px; margin-inline-end: 5px; background: var(--c); vertical-align: 0; }
.mv-say b { color: #fff; }
.mv--about .mv-h { margin-bottom: 10px; }
.mv-doors8 { flex: 1; display: flex; flex-direction: column; padding: 16px 26px 22px; background: var(--zc-bg); }
.mv-dgrid { flex: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 6px; }
/* the doors (About's grid, the other panels' bar): colours as variables, set per panel below */
.mv-door { --d-bg: #32365f; --d-fg: #fff; --d-sub: #d4d6ea; --d-hbg: #b84329; --d-hfg: #fff; --d-hsub: #fff;
	position: relative; display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 13px 14px 30px; background: var(--d-bg); color: var(--d-fg) !important; transition: background .15s, color .15s; }
.mv-door b { font-size: 15.5px; line-height: 1.25; font-weight: 800; letter-spacing: -.01em; }
.lang-ar .mv-door b { font-size: 16px; letter-spacing: 0; }
.mv-door > span { font-size: 12.5px; line-height: 1.45; color: var(--d-sub); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.lang-ar .mv-door > span { font-size: 13.5px; line-height: 1.6; }
.mv-door > i { position: absolute; inset-inline-end: 12px; bottom: 10px; display: flex; }
.mv-door:hover, .mv-door:focus-visible { background: var(--d-hbg); color: var(--d-hfg) !important; }
.mv-door:hover > span, .mv-door:focus-visible > span { color: var(--d-hsub); }
.mv .mv-dfaces { display: flex; gap: 0; margin-top: 2px; -webkit-line-clamp: none; }
.mv-dfaces img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; filter: grayscale(1); box-shadow: 0 0 0 2px var(--d-bg); margin-inline-end: -6px; transition: box-shadow .15s; }
.mv-door:hover .mv-dfaces img { box-shadow: 0 0 0 2px var(--d-hbg); }

/* the other panels: one bar of doors at the bottom of the wide zone (user 2026-10-27: the places in the main space) */
.mv-dbar { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 6px; margin-top: auto; }
/* compact (user 2026-10-27: the panels were too tall): the arrow beside the title, no room kept under the line */
.mv-dbar .mv-door { gap: 2px; height: 100%; padding: 9px 12px 10px; }
.mv-dbar .mv-door b { padding-inline-end: 20px; }
.mv-dbar .mv-door b { font-size: 14.5px; }
.lang-ar .mv-dbar .mv-door b { font-size: 15px; }
.mv-dbar .mv-door > span { font-size: 12px; line-height: 1.4; -webkit-line-clamp: 2; }
.lang-ar .mv-dbar .mv-door > span { font-size: 13px; line-height: 1.55; }
.mv-dbar .mv-door > i { top: 11px; bottom: auto; inset-inline-end: 10px; }
.mv-dcell { position: relative; display: flex; min-width: 0; }
.mv-dbar .mv-dcell > .mv-door { flex: 1; }
.mv-dbar .mv-dcell > .mv-door b { padding-inline-end: 32px; }
.mv-dcell > .mv-door > i { display: none; } /* the play button takes the arrow's place */
.mv .mv-dplay { position: absolute; inset-inline-end: 8px; top: 8px; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: var(--mv-ink); color: #e8c26a; cursor: pointer; }
.mv .mv-dplay:hover, .mv .mv-dplay.is-playing { background: #b84329; color: #fff; }
.mv .mv-door > .mv-dsix { display: grid; overflow: visible; -webkit-line-clamp: none; margin-top: auto; }
.mv-dsix { grid-template-columns: repeat(6, 14px); gap: 3px; }
.mv-dsix i { height: 9px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .5); }
.mega--research .mv-door { --d-bg: #2f5d80; --d-sub: #d6e3ee; --d-hbg: #1c2433; }
.mega--podcast .mv-door { --d-bg: #2c2b27; --d-sub: #c9c6bb; --d-hbg: #d4ad52; --d-hfg: #1f1d16; --d-hsub: #3b3220; }
.mega--events .mv-door { --d-bg: #5f6f35; --d-sub: #e1e6cf; --d-hbg: #22221f; }
.mega--publications .mv-door { --d-bg: #ef6530; --d-fg: #1f140e; --d-sub: #3a2216; --d-hbg: #fff; --d-hfg: #1f140e; --d-hsub: #3a2216; }
.mv--publications > .mv-dbar { margin: 0; padding: 0 26px 18px; background: var(--mv-ink); }
.mega--podcast .mv-dbar { margin-top: 16px; }
.mega--podcast .mv-dbar:has(> .mv-door:nth-child(7)) { grid-template-columns: repeat(7, minmax(0, 1fr)); } /* the glossary's door, once its entries are public */
/* the gold door: the one to start with */
.mv .mv-door--room, .mv .mv-door--feat { --d-bg: #e8c26a; --d-fg: var(--mv-ink); --d-sub: #4a3d1c; --d-hbg: var(--mv-ink); --d-hfg: #fff; --d-hsub: #e8c26a; }
/* zone A: where AMAR is, how to write */
.mv-reach { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; margin: 20px 0 18px; font-size: 13.5px; line-height: 1.4; }
.mv-reach p { margin-bottom: 3px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--mg-kick); }
.lang-ar .mv-reach p { letter-spacing: 0; font-size: 12.5px; }
.mv-reach b { font-weight: 600; }
.mv-reach a { color: var(--mg-fg2) !important; }
.mv-reach a:hover { color: var(--mg-fg) !important; text-decoration: underline; text-underline-offset: 3px; }


/* ---------------------------------------------------------------- narrower bars (1024–1279 px): the wide zone is ~560–700 px */
@container mv (max-width: 720px) {
	.mv-head { padding: 18px 20px 0; }
	.mv-body { padding: 14px 20px 16px; gap: 12px; }
	.mv-tab { padding: 9px 10px; font-size: 13px; }
	.mv-grid6 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.mv-grid6 > li:nth-child(5) { display: none; }
	.mv-d { display: none; }
	.mv-pp img { width: 60px; height: 60px; }
	.mv-gl { display: none; }
	.mega-style .mega--podcast .mega-c.mv { padding: 16px 20px 14px; }
	.mv-voices { grid-template-columns: repeat(5, minmax(0, 1fr)) 70px; }
	.mv-voices > li:nth-child(6), .mv-voices > li:nth-child(7) { display: none; }
	.mv-listen { display: none; }
	.mv-stage { grid-template-columns: 300px minmax(0, 1fr); gap: 16px; }
	.mv-pin em { font-size: 10.5px; }
	.mv-ev { grid-template-columns: 76px minmax(0, 1fr); gap: 10px; }
	.mv-ev img { width: 76px; height: 95px; }
	.mv-et { font-size: 16px; }
	.mv-kinds .mv-tab { padding: 8px 7px; font-size: 12px; }
	.mv-wall { padding: 8px 20px 0; }
	.mv-yr > b { font-size: 8.5px; }
	.mv-yr > b:not(.has) { visibility: hidden; }
	.mv-piece .mv-pg { display: none; }
	.mv-front { padding: 14px 20px 12px; grid-template-columns: 110px minmax(0, 1fr); gap: 16px; }
	.mv-cv { width: 110px; height: 110px; }
	.mv-ti { font-size: 18px; }
	.mv-house { grid-template-columns: minmax(0, 1fr) 250px; min-height: 200px; }
	.mv-video { min-height: 200px; }
	.mv-vcap b { font-size: 14px; }
	.mv-doors8 { padding: 14px 20px 18px; }
	.mv-door { padding: 11px 11px 28px; }
	.mv-door b { font-size: 14px; }
	.mv-door > span { font-size: 12px; }
	.mv-dfaces img:nth-child(n+5) { display: none; }
	.mv-dbar .mv-door { padding-block: 8px; }
	.mv-dbar .mv-door b { font-size: 13px; }
	.lang-ar .mv-dbar .mv-door b { font-size: 14px; }
	.mv-dbar .mv-door > span { font-size: 11.5px; }
	.mv--publications > .mv-dbar { padding: 0 20px 14px; }
	.mega--podcast .mv-dbar, .mega--podcast .mv-dbar:has(> .mv-door:nth-child(7)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mv-chips { gap: 3px; }
	.mv .mv-chip { padding: 4px 6px; font-size: 12px; gap: 4px; }
	.lang-ar .mv .mv-chip { font-size: 12.5px; }
	.mv-bars { height: 52px; }
	.mv-shelf { --z: .66; }
	.mv .mv-door > .mv-dsix { display: none; }
}
@container mv (max-width: 620px) {
	.mv-grid6 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.mv-grid6 > li:nth-child(4) { display: none; }
	.mv-grid7 { gap: 8px; }
	.mv-pp img { width: 52px; height: 52px; }
	.mv-stage { grid-template-columns: 260px minmax(0, 1fr); }
	.mv-shelf { --z: .6; }
	.mv-hint { display: none; }
	.mv-house { grid-template-columns: minmax(0, 1fr) 230px; }
	.mv-door > span { -webkit-line-clamp: 2; }
	.mv .mv-chip { padding: 4px 5px; font-size: 11px; gap: 3px; }
	.mv-chip i { width: 7px; height: 7px; }
}
@media (prefers-reduced-motion: reduce) {
	.mv .mv-sp, .mv .mv-seg, .mv-bars i { transition: none; }
}