/* A compact, consistent company wall; original logo artwork stays unfiltered. */
.markets{background:var(--white);border-block:1px solid var(--line)}
.markets .section-heading{margin-bottom:52px}
.market-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.market-card,.market-dubai,.market-cairo{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:36px;row-gap:4px;align-items:start;min-height:0;padding:28px 0 0;background:transparent;color:var(--navy);border-radius:0;border-top:1px solid var(--line)}
.market-card>p{grid-column:1;grid-row:1;font-size:8px;letter-spacing:.14em;margin:4px 0 0}
.market-card>h3{grid-column:1;grid-row:2;font-size:27.2px;line-height:1.15;letter-spacing:-.04em;margin:8px 0}
.market-logos{grid-column:2;grid-row:1 / 3;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}
.market-logos>div,.full-logo-wall>div{display:flex;align-items:center;justify-content:center;height:86px;padding:16px;background:#fff;border:1px solid rgba(12,48,80,.07);border-radius:10px;overflow:hidden}
.market-logos>div:has(img[src*="aldar"]),.full-logo-wall>div:has(img[src*="aldar"]){padding:16px}
.market-logos img,.full-logo-wall img{width:100%;height:44px;max-width:100px;max-height:44px;object-fit:contain;filter:none;mix-blend-mode:normal;transform:none}
.full-logo-wall{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.logo-wall-section{background:var(--white);color:var(--navy);border-top:1px solid var(--line)}
.service-card{background:var(--navy);color:var(--white)}
.service-card:hover{background:#123a5b}
.service-card p{color:var(--navy-20)}
@media(max-width:1100px){.market-card{grid-template-columns:120px minmax(0,1fr);column-gap:24px}.market-logos,.full-logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){
 .markets .section-heading{margin-bottom:32px}.market-grid{gap:28px}
 .market-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0;padding:24px 0 0}
 .market-card>p{grid-column:1;grid-row:1}.market-card>h3{grid-column:1;grid-row:2;font-size:22.4px;margin:8px 0 20px}
 .market-logos{grid-column:1;grid-row:3}.market-logos,.full-logo-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .market-logos>div,.full-logo-wall>div,.market-logos>div:has(img[src*="aldar"]),.full-logo-wall>div:has(img[src*="aldar"]){height:72px;padding:12px;border-radius:8px}
 .market-logos img,.full-logo-wall img{height:34px;max-height:34px;max-width:78px}
 body[dir=rtl] .market-card>h3{font-size:22.4px;line-height:1.4}
}

/* Results cards: natural reading order in both languages. */
.impact-section{background:var(--white)}.impact-intro{max-width:820px;margin-bottom:44px}.impact-intro h2{font-size:clamp(27.2px,3.6vw,51.2px);letter-spacing:-.04em;line-height:1.12;margin:18px 0 24px}.impact-intro>p:last-child{font-size:clamp(12.8px,1.04vw,15.2px);line-height:1.8;max-width:740px}.impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.impact-card{background:#fff;border:1px solid rgba(12,48,80,.08);border-radius:24px;padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;min-height:300px}.impact-card h3{border-top:1px solid var(--line);padding-top:24px;font-size:16px;font-weight:500;margin:0 0 42px}.impact-card strong{font-size:clamp(38.4px,4.16vw,60.8px);letter-spacing:-.05em;line-height:1.1;align-self:flex-start;color:var(--navy)}.impact-card:first-child strong{color:var(--orange)}.impact-card p{font-size:11.2px;line-height:1.75;margin:18px 0 0;max-width:420px}body[dir=rtl] .impact-intro h2{letter-spacing:0;line-height:1.5}@media(max-width:640px){.impact-grid{grid-template-columns:1fr;gap:16px}.impact-card{min-height:260px}.impact-card h3{margin-bottom:32px}.impact-intro{margin-bottom:30px}}

.page-mark,.booking-mark{height:auto}

.hero .reveal,.page-hero .reveal{opacity:1;transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.impact-card strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.metric-currency{font-size:.34em;letter-spacing:0;vertical-align:baseline}
.impact-sales{border-top:3px solid var(--orange)}

/* v9: inherited text is also reduced by 20%. Keep the brand lockup unchanged. */
body{font-size:12.8px}
.brand-word{font-size:34px}
@media(max-width:640px){.brand-word{font-size:28px}}
/* Retain readable form entry and prevent focus zoom on iOS. Tap targets stay unchanged. */
.booking-form input,.booking-form select,.booking-form textarea{font-size:16px}

/* v10: keep reduced display headings; restore a readable floor for small copy.
   Shared tokens apply on every page in EN and AR. No second blanket reduction. */
:root{--text-body:15px;--text-small:13px;--text-label:11px;--text-action:14px}
body{font-size:var(--text-body)}
.hero-lede,.page-lede,.intro-body p,.story-copy p,.booking-copy>p,
.contact-copy>p:last-child,.capability>p,.impact-intro>p:last-child{font-size:var(--text-body);line-height:1.75}
.service-card p,.capability li,.impact-card p,.footer-center,.form-status,
.booking-form label,.direct-contact small,.contact-button small{font-size:var(--text-small)}
.eyebrow,.section-kicker,.section-number,.service-card>span,.capability>span,
.value-card>span,.process-list li>span,.hero-card,.market-card>p,.page-cta>p,.form-note{font-size:var(--text-label)}
.desktop-nav a,.social-links a{font-size:var(--text-small)}
.button,.button-small,.text-link,.booking-form .button{font-size:var(--text-action)}
.lang-toggle span{font-size:11px}
.booking-form label{line-height:1.6}
.contact-button b,.office-band a{font-size:16px}
body[dir=rtl] :is(.hero-lede,.page-lede,.intro-body p,.story-copy p,
.booking-copy>p,.contact-copy>p:last-child,.capability>p,.impact-intro>p:last-child){line-height:1.85}
@media(max-width:640px){
 :root{--text-body:14px;--text-small:12px;--text-label:11px;--text-action:14px}
 .site-header .desktop-nav.mobile-open a{font-size:14px}
}

/* v11: the actual brand artwork replaces the typed approximation everywhere. */
.brand-logo{display:block;width:144px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:640px){.brand-logo{width:120px}}

/* About display type: 20% smaller than v10, including the explicit RTL rules.
   Body copy, navigation, input sizes and tap targets retain their readable scale. */
.about-page .page-hero h1{font-size:clamp(41.6px,6.08vw,105.6px)}
.about-page .story-lead h2{font-size:clamp(30.72px,3.84vw,61.44px)}
.about-page .value-card h3{font-size:clamp(33.28px,3.84vw,60.8px)}
.about-page .office-band h2{font-size:clamp(38.4px,5.12vw,80px)}
.about-page .page-cta h2{font-size:clamp(33.28px,5.12vw,83.2px)}
body[dir=rtl].about-page .page-hero h1{font-size:clamp(30.72px,4.8vw,70.4px)}
body[dir=rtl].about-page .value-card h3{font-size:clamp(25.6px,2.88vw,43.52px)}
@media(max-width:980px){
 .about-page .page-hero h1{font-size:clamp(30.72px,5.12vw,49.92px)}
}
@media(max-width:640px){
 .about-page .page-hero h1{font-size:clamp(25.6px,7.04vw,38.4px)}
 .about-page .story-lead h2{font-size:23.04px}
 .about-page .value-card h3{font-size:30.72px}
 .about-page .page-cta h2{font-size:24.32px}
 body[dir=rtl].about-page .page-hero h1,
 body[dir=rtl].about-page .page-cta h2{font-size:23.04px}
 body[dir=rtl].about-page .story-lead h2{font-size:19.2px}
}
