/* Redesigned homepage sections (batch 1, 2026-11-12). Same language as the approved glass hero: warm ivory and
   night, gold light, glass, cinematic photos. Every class is prefixed mx-. Light theme by default, dark via the site switch. */
.mh-v2 { --x-bg:#f6f0e6; --x-bg2:#efe6d8; --x-ink:#15202b; --x-muted:#56606a; --x-gold:#8a5419; --x-gold2:#c98a3e; --x-line:#ddd2c1; --x-card:#fffaf2; --x-shadow:0 24px 60px rgba(60,40,15,.12);
  position:relative; overflow:clip; background:var(--x-bg); color:var(--x-ink); padding-block:clamp(72px,9vw,132px); box-sizing:border-box; }
:root[data-site-theme="dark"] .mh-v2 { --x-bg:#0b0e14; --x-bg2:#10151d; --x-ink:#f5efe6; --x-muted:#b9b2a6; --x-gold:#f2b56b; --x-gold2:#f2b56b; --x-line:#27303b; --x-card:#121822; --x-shadow:0 24px 60px rgba(0,0,0,.45); }
.mh-v2 *, .mh-v2 *::before, .mh-v2 *::after { box-sizing:border-box; }
.mx-wrap { position:relative; max-width:1320px; margin-inline:auto; padding-inline:clamp(20px,5vw,72px); }
.mx-kicker { display:flex; align-items:center; gap:12px; margin:0 0 18px; font-size:13px; font-weight:700; letter-spacing:.1em; color:var(--x-gold); }
.mh-v2[dir="rtl"] .mx-kicker { letter-spacing:0; font-size:14px; }
.mx-num { font-variant-numeric:tabular-nums; display:inline-flex; align-items:center; gap:12px; }
.mx-num::after { content:""; width:28px; height:1.5px; background:currentColor; opacity:.7; }
.mh-section.mh-v2 .mx-h2 { margin:0 0 20px; font-size:clamp(34px,4vw,60px); line-height:1.1; letter-spacing:-.03em; font-weight:700; white-space:pre-line; color:var(--x-ink); }
.mh-section.mh-v2[dir="rtl"] .mx-h2 { line-height:1.35; letter-spacing:0; }
.mx-body { margin:0; max-width:56ch; font-size:clamp(16px,1.2vw,19px); line-height:1.8; color:var(--x-muted); }
.mx-link { display:inline-flex; align-items:center; gap:6px; min-height:44px; color:var(--x-gold); font-weight:700; font-size:15px; text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.mx-link:hover { color:var(--x-ink); }
.mx-btn { display:inline-flex; align-items:center; gap:12px; min-height:48px; padding:10px 22px; border-radius:999px; border:1px solid var(--x-gold); color:var(--x-ink); font-weight:700; text-decoration:none; transition:background .25s ease, color .25s ease; }
.mx-btn:hover { background:var(--x-gold); color:var(--x-bg); }
.mx-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.mh-v2 a:focus-visible, .mh-v2 button:focus-visible { outline:3px solid var(--x-gold2); outline-offset:4px; border-radius:8px; }

/* Shared clock, progress bars and pause */
.mx-clock { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.mx-clock.mx-tick { animation:mx-clock 3s linear forwards; }
@keyframes mx-clock { from { transform:translateX(0); } to { transform:translateX(1px); } }
.mx-bar { display:block; height:2px; border-radius:2px; background:var(--x-line); overflow:hidden; }
.mx-bar i { display:block; height:100%; background:linear-gradient(90deg, var(--x-gold2), #ef8a45); transform:scaleX(0); transform-origin:left center; }
.mh-v2[dir="rtl"] .mx-bar i { transform-origin:right center; }
[aria-pressed="true"] .mx-bar i, .is-on > .mx-bar i { animation:mx-bar 3s linear forwards; }
@keyframes mx-bar { to { transform:scaleX(1); } }
[data-motion="paused"] :is(.mx-clock, .mx-bar i), [data-motion="off"] :is(.mx-clock, .mx-bar i) { animation-play-state:paused; }
[data-motion="still"] .mx-clock { animation:none; }
[data-motion="still"] :is([aria-pressed="true"], .is-on) > .mx-bar i, [data-motion="still"] [aria-pressed="true"] .mx-bar i { animation:none; transform:scaleX(1); }
.mx-pause { position:absolute; z-index:3; inset-block-start:0; inset-inline-end:clamp(20px,5vw,72px); display:grid; place-items:center; width:42px; height:42px; border-radius:50%; border:1px solid var(--x-line); background:var(--x-card); color:var(--x-ink); cursor:pointer; }
.mx-pause svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.mx-ico-play { display:none; fill:currentColor; stroke-width:1.5; }
.mx-pause[aria-pressed="true"] .mx-ico-pause { display:none; }
.mx-pause[aria-pressed="true"] .mx-ico-play { display:inline; }
[data-motion="still"] > .mx-pause { display:none; }

/* 0 · Clients strip */
.mh-v2.mx-s-clients { padding-block:30px; border-bottom:1px solid var(--x-line); }
.mx-clients { display:grid; grid-template-columns:minmax(180px,250px) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:center; max-width:1440px; }
.mx-clients .mx-kicker { margin-bottom:6px; }
.mh-section.mh-v2 .mx-clients-title { margin:0; font-size:15px; line-height:1.5; font-weight:600; color:var(--x-muted); }
.mx-marquee { display:flex; overflow:hidden; -webkit-mask:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.mx-track { display:flex; flex:none; align-items:center; gap:56px; margin:0; padding:6px 0; padding-inline-end:56px; list-style:none; animation:mx-marq 40s linear infinite; }
.mh-v2[dir="rtl"] .mx-track { animation-name:mx-marq-rtl; }
@keyframes mx-marq { to { transform:translateX(-100%); } }
@keyframes mx-marq-rtl { to { transform:translateX(100%); } }
.mx-track li { display:grid; gap:2px; white-space:nowrap; padding-inline-start:22px; position:relative; }
.mx-track li::before { content:""; position:absolute; inset-inline-start:0; top:14px; width:7px; height:7px; background:var(--x-gold2); transform:rotate(45deg); }
.mx-brand { font-size:clamp(19px,1.7vw,26px); font-weight:700; letter-spacing:-.01em; color:var(--x-ink); direction:ltr; unicode-bidi:isolate; }
.mx-track small { font-size:12px; color:var(--x-muted); }

/* 2 · What MAHROUS does: services around the core */
.mx-s-what-we-do { background:radial-gradient(48% 60% at 72% 50%, rgba(201,138,62,.14), transparent 70%), var(--x-bg); }
.mh-v2.mx-s-what-we-do[dir="rtl"] { background:radial-gradient(48% 60% at 28% 50%, rgba(201,138,62,.14), transparent 70%), var(--x-bg); }
.mx-wwd { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(32px,6vw,90px); align-items:center; }
.mx-wwd-now { display:grid; margin-block:30px 26px; min-height:150px; }
.mx-wwd-panel { grid-area:1/1; padding-inline-start:18px; border-inline-start:2px solid var(--x-gold2); opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .5s ease, transform .5s ease, visibility 0s .5s; }
.mx-wwd-panel.is-on { opacity:1; visibility:visible; transform:none; transition:opacity .5s ease, transform .5s ease; }
.mx-wwd-panel small { font-size:12px; font-weight:700; color:var(--x-gold); }
.mh-section.mh-v2 .mx-wwd-panel h3 { margin:4px 0 6px; font-size:clamp(20px,1.8vw,26px); line-height:1.3; }
.mx-wwd-panel p { margin:0; color:var(--x-muted); line-height:1.7; max-width:46ch; }
.mx-orbit { position:relative; width:100%; max-width:560px; aspect-ratio:1; justify-self:center; }
.mx-orbit-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.mx-ring { fill:none; stroke:var(--x-line); stroke-width:.3; }
.mx-ring-2 { stroke-dasharray:.6 1.8; transform-origin:50% 50%; animation:mx-spin 80s linear infinite; }
.mx-ring-3 { stroke:var(--x-gold2); opacity:.4; }
@keyframes mx-spin { to { transform:rotate(360deg); } }
.mx-spoke { stroke:var(--x-line); stroke-width:.35; transition:stroke .4s ease; }
.mx-spoke.is-on { stroke:var(--x-gold2); stroke-width:.7; stroke-dasharray:1.6 1.4; animation:mx-dash 1.4s linear infinite; }
@keyframes mx-dash { to { stroke-dashoffset:-6; } }
.mx-core { position:absolute; left:50%; top:50%; width:32%; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; display:grid; place-content:center; text-align:center; gap:4px;
  background:radial-gradient(circle at 35% 30%, #fff8ec, var(--x-card) 60%); border:1px solid var(--x-gold2); box-shadow:0 0 0 10px rgba(201,138,62,.08), 0 0 60px rgba(201,138,62,.25), var(--x-shadow); }
:root[data-site-theme="dark"] .mx-core { background:radial-gradient(circle at 35% 30%, #2a2116, #121822 65%); }
.mx-core span { font-size:clamp(18px,1.9vw,26px); font-weight:800; letter-spacing:.02em; color:var(--x-ink); }
.mx-core small { font-size:11px; font-weight:700; color:var(--x-gold); letter-spacing:.06em; }
.mx-nodes { position:absolute; inset:0; }
.mx-node { position:absolute; transform:translate(-50%,-50%); display:grid; justify-items:center; gap:8px; padding:0; border:0; background:none; color:var(--x-ink); font:inherit; cursor:pointer; }
.mx-node-ico { display:grid; place-items:center; width:clamp(56px,6vw,74px); aspect-ratio:1; border-radius:50%; background:var(--x-card); border:1px solid var(--x-line); color:var(--x-gold); box-shadow:var(--x-shadow); transition:transform .5s cubic-bezier(.2,.75,.1,1), background .4s ease, color .4s ease, box-shadow .4s ease; }
.mx-node-ico svg { width:42%; height:42%; }
.mx-node-name { padding:3px 10px; border-radius:999px; background:var(--x-bg); font-size:14px; font-weight:700; white-space:nowrap; }
.mx-node:hover .mx-node-ico { border-color:var(--x-gold2); }
.mx-node[aria-pressed="true"] .mx-node-ico { transform:scale(1.14); background:linear-gradient(135deg,#f6c27e,#ef8a45); color:#1a0f08; border-color:transparent; box-shadow:0 0 0 8px rgba(239,138,69,.14), 0 16px 40px rgba(239,138,69,.35); }
.mx-wwd > .mx-pause { inset-block-start:-12px; }

/* 3 · Marketing first: dark cinematic band */
.mh-v2.mx-s-marketing-first { --x-bg:#0a0d13; --x-ink:#f7f1e8; --x-muted:#bdb5a8; --x-gold:#f2b56b; --x-gold2:#f2b56b; --x-line:#2a323d; --x-card:#141a24;
  background:radial-gradient(60% 70% at 85% 10%, rgba(242,181,107,.12), transparent 60%), radial-gradient(50% 60% at 0% 100%, rgba(40,90,180,.14), transparent 60%), #0a0d13; }
.mx-mf { position:relative; }
.mx-mf > .mx-pause { inset-block-start:-36px; }
.mh-section.mh-v2 .mx-mf-title { margin:0 0 24px; max-width:15ch; font-size:clamp(46px,7vw,112px); line-height:1.02; font-weight:800; letter-spacing:-.045em; white-space:normal; }
.mh-section.mh-v2[dir="rtl"] .mx-mf-title { line-height:1.28; letter-spacing:0; }
.mx-w { display:inline-block; opacity:.14; transform:translateY(.18em); transition:opacity .8s ease calc(var(--k) * 110ms), transform .8s cubic-bezier(.2,.75,.1,1) calc(var(--k) * 110ms); }
.mx-in .mx-w { opacity:1; transform:none; }
.mx-mf-title .mx-w:last-child { color:var(--x-gold); }
.mx-mf-body { font-size:clamp(17px,1.35vw,21px); }
.mx-mf-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,400px); gap:clamp(32px,7vw,110px); align-items:center; margin-top:clamp(40px,6vw,72px); }
.mx-mf-points { list-style:none; margin:0; padding:0; }
.mx-mf-point { display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 22px; width:100%; padding:24px 0 0; border:0; border-top:1px solid var(--x-line); background:none; color:var(--x-ink); font:inherit; text-align:start; cursor:pointer; opacity:.55; transition:opacity .4s ease; }
.mx-mf-point[aria-pressed="true"], .mx-mf-point:hover { opacity:1; }
.mx-mf-n { font-size:clamp(26px,2.4vw,36px); font-weight:300; line-height:1; color:var(--x-muted); font-variant-numeric:tabular-nums; transition:color .4s ease; }
.mx-mf-point[aria-pressed="true"] .mx-mf-n { color:var(--x-gold); }
.mx-mf-txt { display:grid; gap:6px; }
.mx-mf-txt strong { font-size:clamp(20px,1.8vw,26px); line-height:1.3; }
.mx-mf-txt span { font-size:16px; line-height:1.7; color:var(--x-muted); max-width:46ch; }
.mx-mf-point .mx-bar { grid-column:1/-1; margin-top:22px; background:transparent; }
.mx-mf-frame { position:relative; aspect-ratio:4/5; border-radius:18px; overflow:hidden; transform:skewX(-7deg); box-shadow:0 40px 90px rgba(0,0,0,.6); background:#000; }
.mh-v2[dir="rtl"] .mx-mf-frame { transform:skewX(7deg); }
.mx-mf-frame img { position:absolute; top:-2%; left:-14%; width:128%; height:104%; max-width:none; object-fit:cover; opacity:0; transform:skewX(7deg) scale(1.06); transition:opacity 1s ease, transform 4s ease; }
.mh-v2[dir="rtl"] .mx-mf-frame img { transform:skewX(-7deg) scale(1.06); }
.mx-mf-frame img.is-on { opacity:1; transform:skewX(7deg) scale(1); }
.mh-v2[dir="rtl"] .mx-mf-frame img.is-on { transform:skewX(-7deg) scale(1); }
.mx-mf-edge { position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(242,181,107,.55); background:linear-gradient(118deg, rgba(255,255,255,.18), transparent 30%, transparent 75%, rgba(255,255,255,.08)); }
.mx-mf-note { margin:40px 0 0; font-size:15px; color:var(--x-muted); }

/* 4 · Five services: tall cinematic panels */
.mx-svc-head { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(24px,5vw,72px); align-items:end; margin-bottom:clamp(32px,4vw,52px); }
.mx-svc-head .mx-h2 { margin-bottom:0; }
.mx-svc > .mx-pause { inset-block-start:-8px; }
.mx-svc-row { display:flex; gap:14px; height:clamp(440px,44vw,580px); margin:0; padding:0; list-style:none; }
.mx-svc-panel { position:relative; flex:1 1 0; min-width:0; border-radius:20px; overflow:hidden; background:#06080c; box-shadow:var(--x-shadow); transition:flex-grow .9s cubic-bezier(.2,.75,.1,1); }
.mx-svc-panel.is-on { flex-grow:3.3; }
.mx-svc-panel img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.55) saturate(.9); transform:scale(1.08); transition:filter .8s ease, transform 1.4s ease; }
.mx-svc-panel.is-on img { filter:brightness(.92); transform:scale(1); }
.mx-svc-panel::after { content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(4,6,10,.92) 0, rgba(4,6,10,.35) 46%, rgba(4,6,10,0) 70%); pointer-events:none; }
.mx-svc-copy { position:absolute; z-index:2; inset-inline:clamp(14px,1.6vw,24px); bottom:clamp(18px,2vw,28px); color:#fff; }
.mx-svc-n { font-size:13px; font-weight:700; color:#ffc28c; letter-spacing:.06em; }
.mh-section.mh-v2 .mx-svc-copy h3 { margin:6px 0 0; font-size:inherit; }
.mx-svc-btn { display:flex; align-items:flex-start; gap:10px; min-height:44px; padding:0; border:0; background:none; color:#fff; font:inherit; font-size:clamp(15px,1.25vw,19px); font-weight:700; line-height:1.3; text-align:start; cursor:pointer; text-shadow:0 2px 12px rgba(0,0,0,.6); }
.mx-svc-ico { display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28); color:#ffc28c; backdrop-filter:blur(6px); }
.mx-svc-ico svg { width:17px; height:17px; }
.mx-svc-more { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .7s ease, opacity .5s ease; }
.mx-svc-more > * { min-height:0; }
.mx-svc-more { overflow:hidden; }
.mx-svc-panel.is-on .mx-svc-more { grid-template-rows:1fr; opacity:1; }
.mx-svc-more p { margin:10px 0 4px; max-width:40ch; font-size:15px; line-height:1.7; color:#ece4d8; }
.mx-svc-more .mx-link { color:#ffc28c; }
.mx-svc-more .mx-link:hover { color:#fff; }
.mx-svc-panel > .mx-bar { position:absolute; z-index:3; inset-inline:0; bottom:0; height:3px; border-radius:0; background:transparent; }

/* 5 · Sectors: a glass stage and the list */
.mx-s-sectors { background:linear-gradient(180deg, var(--x-bg) 0%, var(--x-bg2) 100%); }
.mx-sec-head { max-width:760px; }
.mx-sec > .mx-pause { inset-block-start:0; }
.mx-sec-body { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); margin-top:clamp(32px,4vw,52px); align-items:stretch; }
.mx-sec-stage { position:relative; display:grid; min-height:400px; border-radius:26px; overflow:hidden; border:1px solid var(--x-line); box-shadow:var(--x-shadow);
  background:radial-gradient(60% 70% at 90% 10%, rgba(201,138,62,.18), transparent 70%), linear-gradient(150deg, var(--x-card), var(--x-bg2)); }
.mx-sec-card { grid-area:1/1; position:relative; padding:clamp(28px,4vw,52px); display:flex; flex-direction:column; justify-content:flex-end; opacity:0; visibility:hidden; transform:translateY(14px); transition:opacity .5s ease, transform .6s ease, visibility 0s .6s; }
.mx-sec-card.is-on { opacity:1; visibility:visible; transform:none; transition:opacity .5s ease, transform .6s ease; }
.mx-sec-big { position:absolute; inset-block-start:clamp(24px,3vw,40px); inset-inline-end:clamp(24px,3vw,40px); width:clamp(110px,12vw,160px); aspect-ratio:1; display:grid; place-items:center; border-radius:50%; color:var(--x-gold);
  background:radial-gradient(circle, rgba(201,138,62,.16), transparent 70%); border:1px solid var(--x-line); }
.mx-sec-big svg { width:52%; height:52%; stroke-width:1.1; }
.mx-sec-n { font-size:13px; font-weight:700; color:var(--x-gold); letter-spacing:.06em; }
.mh-section.mh-v2 .mx-sec-card h3 { margin:6px 0 12px; font-size:clamp(26px,2.8vw,42px); line-height:1.2; letter-spacing:-.02em; }
.mh-section.mh-v2[dir="rtl"] .mx-sec-card h3 { letter-spacing:0; line-height:1.35; }
.mx-sec-card p { margin:0; max-width:40ch; font-size:clamp(16px,1.25vw,19px); line-height:1.75; color:var(--x-muted); }
.mx-sec-card .mx-sec-client { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-top:26px; padding-top:18px; border-top:1px solid var(--x-line); font-size:14px; }
.mx-sec-client span { color:var(--x-muted); }
.mx-sec-client b { color:var(--x-ink); font-size:15px; }
.mx-sec-list { display:grid; gap:6px; align-content:center; }
.mx-sec-item { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:14px; min-height:56px; padding:10px 14px; border-radius:14px; border:1px solid transparent; background:none; color:var(--x-ink); font:inherit; font-size:16px; font-weight:700; text-align:start; cursor:pointer; transition:background .3s ease, border-color .3s ease; }
.mx-sec-item:hover { background:color-mix(in srgb, var(--x-card) 60%, transparent); }
.mx-sec-item[aria-pressed="true"] { background:var(--x-card); border-color:var(--x-line); box-shadow:var(--x-shadow); }
.mx-sec-ico { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--x-card); border:1px solid var(--x-line); color:var(--x-gold); transition:background .3s ease, color .3s ease; }
.mx-sec-ico svg { width:20px; height:20px; }
.mx-sec-item[aria-pressed="true"] .mx-sec-ico { background:linear-gradient(135deg,#f6c27e,#ef8a45); color:#1a0f08; border-color:transparent; }
.mx-sec-item .mx-bar { position:absolute; inset-inline:14px; bottom:5px; height:2px; background:transparent; }

/* Tablet */
@media (max-width:1023px) {
  .mx-wwd, .mx-mf-grid, .mx-sec-body { grid-template-columns:minmax(0,1fr); }
  .mx-orbit { max-width:480px; }
  .mx-mf-frame { max-width:380px; width:100%; justify-self:center; }
  .mx-svc-head { grid-template-columns:minmax(0,1fr); }
  .mx-sec-list { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
/* Phones */
@media (max-width:719px) {
  .mx-clients { grid-template-columns:minmax(0,1fr); gap:14px; }
  .mx-node-name { font-size:12px; padding:2px 8px; }
  .mx-orbit { max-width:340px; }
  .mx-svc-row { flex-direction:column; height:auto; gap:10px; }
  .mx-svc-panel { flex:none; height:96px; transition:height .8s cubic-bezier(.2,.75,.1,1); }
  .mx-svc-panel.is-on { height:400px; }
  .mx-sec-list { grid-template-columns:minmax(0,1fr); }
  .mx-sec-stage { min-height:360px; }
  .mx-pause { inset-block-start:-8px; }
}
@media (prefers-reduced-motion:reduce) {
  .mh-v2 *, .mh-v2 *::before, .mh-v2 *::after { animation:none !important; transition:none !important; }
  .mx-w { opacity:1; transform:none; }
  .mx-marquee { -webkit-mask:none; mask:none; }
  .mx-track { flex-wrap:wrap; gap:18px 40px; padding-inline-end:0; flex:1; }
  .mx-track[aria-hidden="true"] { display:none; }
}
.mh-section.mh-v2 :is(h2,h3) { max-width:none; }
/* Narrow service panels show the short name stacked under the icon; the open panel shows the full name */
.mx-svc-btn { overflow-wrap:normal; word-break:keep-all; }
.mx-svc-short { display:none; }
.mx-svc-panel:not(.is-on) .mx-svc-btn { flex-direction:column; gap:8px; }
.mx-svc-panel:not(.is-on) .mx-svc-full { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.mx-svc-panel:not(.is-on) .mx-svc-short { display:block; }
@media (max-width:719px) { .mx-svc-panel:not(.is-on) .mx-svc-btn { flex-direction:row; align-items:center; } }
/* Sector photos (Ali 2026-11-12): each sector's photo fills the stage; the words sit on a deep shade at the bottom */
.mx-sec-stage { min-height:clamp(420px,38vw,520px); background:#0b0e14; }
.mx-sec-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; transform:scale(1.06); transition:transform 4s ease; }
.mx-sec-card.is-on .mx-sec-photo { transform:scale(1); }
.mx-sec-card::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to top, rgba(6,8,12,.94) 0, rgba(6,8,12,.72) 34%, rgba(6,8,12,.12) 66%, rgba(6,8,12,0) 100%); }
.mx-sec-card > *:not(.mx-sec-photo) { position:relative; z-index:2; }
.mx-sec-card .mx-sec-big { position:absolute; width:58px; background:rgba(10,14,20,.42); border-color:rgba(255,255,255,.35); color:#ffc28c; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.mx-sec-card .mx-sec-big svg { stroke-width:1.5; }
.mh-section.mh-v2 .mx-sec-card h3 { color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.5); }
.mx-sec-card p { color:#e8e0d4; }
.mx-sec-card .mx-sec-n { color:#ffc28c; }
.mx-sec-card .mx-sec-client { border-top-color:rgba(255,255,255,.22); }
.mx-sec-client span { color:#d6cbbb; }
.mx-sec-client b { color:#fff; }
@media (max-width:719px) { .mx-sec-card::before { background:linear-gradient(to top, rgba(6,8,12,.96) 0, rgba(6,8,12,.86) 48%, rgba(6,8,12,.35) 78%, rgba(6,8,12,.1) 100%); } }