@font-face{font-family:'Open Sans Local';src:url('./fonts/OpenSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Open Sans Local';src:url('./fonts/OpenSans-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Open Sans Local';src:url('./fonts/OpenSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Open Sans Local';src:url('./fonts/OpenSans-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap;}
:root{
  --navy:#131629;
  --slate:#313745;
  --accent:#400F07;
  --gray:#B8B8B8;
  --light:#EDEDED;
  --white:#F8F7F3;
  --ink:#131629;
  --line:rgba(19,22,41,.14);
  --header-h:76px;
  --scale:1;
  --serif:'Open Sans Local', Arial, sans-serif;
  --arabic:'Markazi Text', Georgia, serif;
  --ui:'Open Sans Local', Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy);font-size:calc(16px * var(--scale));}
body{margin:0;color:var(--ink);background:var(--white);font-family:var(--serif);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body[dir="rtl"]{font-family:var(--arabic);font-size:calc(18px * var(--scale))}
button,a,input,textarea{font:inherit}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{position:relative;padding:clamp(78px,10vw,136px) 0;scroll-margin-top:calc(var(--header-h) + 24px)}
.dark-section{background:radial-gradient(circle at 76% 40%,rgba(64,15,7,.34),transparent 30%),linear-gradient(135deg,#0c1020,#131629 52%,#101321);color:var(--white)}
.light-section{background:var(--white)}.cream-section{background:var(--light)}.dark-panel-section{background:var(--slate);color:var(--white)}
.site-header{height:var(--header-h);position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(19,22,41,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(237,237,237,.1);padding-top:env(safe-area-inset-top)}
.brand{display:flex;align-items:center;gap:13px;min-width:220px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(237,237,237,.72);color:var(--white);font:700 16px var(--serif);letter-spacing:.03em}.brand-mark.small{width:32px;height:32px;font-size:12px;margin-inline-end:10px;display:inline-grid}.brand-name{font:600 14px var(--ui);color:var(--white)}
.desktop-nav{display:flex;gap:28px;align-items:center}.nav-link,.mobile-nav button{background:transparent;border:0;color:rgba(248,247,243,.72);cursor:pointer;position:relative}.nav-link{font:500 14px var(--ui);padding:29px 0}.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:.25s}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link.active::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:12px;min-width:220px;justify-content:flex-end}.lang-toggle{display:flex;align-items:center;gap:8px;border:1px solid rgba(237,237,237,.18);background:rgba(255,255,255,.03);color:var(--white);padding:9px 13px;border-radius:999px;cursor:pointer;font:600 12px var(--ui)}.lang-toggle:hover{border-color:rgba(237,237,237,.55)}.globe{font-size:14px}.mobile-menu-button{display:none;width:44px;height:44px;background:transparent;border:1px solid rgba(237,237,237,.2);align-items:center;justify-content:center;flex-direction:column;gap:6px}.mobile-menu-button span{width:18px;height:1px;background:var(--white)}
.loader{position:fixed;inset:0;z-index:9999;background:var(--navy);display:grid;place-items:center;transition:opacity .65s ease,visibility .65s ease}.loader.done{opacity:0;visibility:hidden}.loader-mark{width:72px;height:72px;border:1px solid rgba(237,237,237,.7);display:grid;place-items:center;color:var(--white);font:700 24px var(--serif);animation:mark 1.6s ease infinite alternate}.loader-line{position:absolute;top:calc(50% + 58px);width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:line 1.6s ease infinite}@keyframes mark{from{transform:translateY(4px);opacity:.65}to{transform:translateY(0);opacity:1}}@keyframes line{from{transform:scaleX(.3)}to{transform:scaleX(1)}}
.hero{min-height:100svh;padding:calc(var(--header-h) + 42px) 0 0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-inner{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:center;flex:1;padding-bottom:30px}.hero-copy{order:1}.portrait-wrap{order:2;position:relative;min-height:580px;display:flex;align-items:flex-end;justify-content:center}.portrait-ring{position:absolute;width:min(540px,95%);aspect-ratio:1;border:1px solid rgba(64,15,7,.68);border-radius:50%;right:4%;bottom:10%;opacity:.75}.portrait{position:relative;width:min(540px,95%);object-fit:contain;filter:drop-shadow(0 35px 40px rgba(0,0,0,.35));mask-image:linear-gradient(#000 70%,rgba(0,0,0,.78) 82%,transparent 100%);-webkit-mask-image:linear-gradient(#000 70%,rgba(0,0,0,.78) 82%,transparent 100%)}
.eyebrow{margin:0 0 18px;color:var(--accent);font:800 12px var(--ui);letter-spacing:.22em;text-transform:uppercase}body[dir="rtl"] .eyebrow{font-family:var(--arabic);font-size:18px;letter-spacing:0;color:#6b1a0f}
h1{font:800 clamp(62px,8vw,118px)/.91 var(--serif);margin:0 0 24px;letter-spacing:-.045em}body[dir="rtl"] h1{font-family:var(--arabic);font-size:clamp(76px,8vw,126px);letter-spacing:0;line-height:.85}.hero h2{font:600 clamp(26px,2.3vw,38px)/1.17 var(--serif);margin:0 0 24px;max-width:680px}.hero-lead{color:rgba(248,247,243,.68);font-size:17px;line-height:1.85;max-width:640px}.hero-actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 27px;border:1px solid rgba(19,22,41,.2);cursor:pointer;transition:.25s ease;font-weight:600}.btn.primary{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn.secondary{background:transparent;color:var(--white);border-color:rgba(237,237,237,.42)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.btn.full{width:100%}
.credibility-strip{height:96px;background:var(--white);color:var(--ink);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(19,22,41,.1)}.credibility-item{display:flex;align-items:center;justify-content:center;gap:16px;border-inline-end:1px solid var(--line)}.credibility-item:last-child{border:0}.credibility-item strong{font:700 34px var(--serif)}.credibility-item span{font-size:14px;color:#646875}.credibility-item.sectors{flex-direction:column;gap:2px}.credibility-item.sectors strong{font-size:20px}.credibility-item.sectors span{font-size:13px}.section-heading h2{font:800 clamp(44px,5.8vw,82px)/.97 var(--serif);margin:0;letter-spacing:-.035em}.section-heading h3{font:600 clamp(24px,2.4vw,34px)/1.25 var(--serif);margin:18px 0 0}.section-heading p:not(.eyebrow){max-width:760px;color:#5b5f69;line-height:1.75}.accent-rule{display:block;width:48px;height:3px;background:var(--accent);margin-top:24px}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}.about-copy{font-size:18px;line-height:1.9;color:#3c404b}.about-copy p{margin:0 0 26px}.about-visual{grid-column:2;grid-row:1 / span 2;justify-self:end;width:min(430px,100%);height:560px;background:linear-gradient(135deg,rgba(19,22,41,.08),rgba(19,22,41,.02));position:relative;overflow:hidden}.architecture-card:before{content:"";position:absolute;inset:40px 0 0 60px;background:repeating-linear-gradient(115deg,rgba(19,22,41,.18) 0 1px,transparent 1px 24px),linear-gradient(135deg,rgba(255,255,255,.85),rgba(184,184,184,.45));border-left:6px solid var(--accent);transform:skewY(-8deg)}
.section-heading.wide{max-width:860px}.principles .section-heading{margin-bottom:58px}.principles-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.principle-card{grid-column:span 2;background:#fff;padding:34px;min-height:280px;border:1px solid rgba(19,22,41,.08);box-shadow:0 18px 50px rgba(19,22,41,.05);position:relative}.principle-card:nth-child(4),.principle-card:nth-child(5){grid-column:span 3}.card-num{font:800 13px var(--ui);color:var(--accent);letter-spacing:.08em}.principle-card h3,.expertise-card h3{font:700 25px/1.18 var(--serif);margin:36px 0 14px}.principle-card p,.expertise-card p{line-height:1.75;color:#5b5f69}.principle-card:after{content:"";position:absolute;left:34px;bottom:30px;width:34px;height:2px;background:var(--accent)}
.impact-heading{margin-bottom:54px}.timeline{position:relative;display:grid;gap:34px}.timeline:before{content:"";position:absolute;top:20px;bottom:20px;left:160px;width:1px;background:rgba(64,15,7,.28)}body[dir="rtl"] .timeline:before{left:auto;right:160px}.milestone{display:grid;grid-template-columns:130px 1fr;gap:64px;position:relative}.milestone-logo{height:78px;display:flex;align-items:center;justify-content:center}.milestone-logo img{max-width:82px;max-height:58px}.milestone-logo.text-logo{font:800 30px var(--serif);color:var(--accent)}.milestone-dot{position:absolute;left:154px;top:30px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px var(--white)}body[dir="rtl"] .milestone-dot{left:auto;right:154px}.milestone-card{background:#fff;border:1px solid var(--line);padding:32px 38px;display:grid;grid-template-columns:.78fr 1.22fr;gap:46px}.milestone-card h3{font:700 29px var(--serif);margin:0 0 12px}.role{color:#5a5e66;margin:0}.milestone-card p,.milestone-card li{line-height:1.75;color:#444955}.milestone-card ul{margin:18px 0 0;padding-inline-start:22px}.dark-panel-section .section-heading p{color:rgba(248,247,243,.68)}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:52px}.expertise-card{border:1px solid rgba(237,237,237,.16);background:rgba(255,255,255,.035);padding:36px;min-height:260px}.expertise-icon{width:38px;height:38px;border:1px solid rgba(237,237,237,.32);display:grid;place-items:center;color:var(--white);margin-bottom:24px}.expertise-card p{color:rgba(248,247,243,.68)}.expertise-card:after{content:"";display:block;width:36px;height:2px;background:var(--accent);margin-top:28px}.center-action{text-align:center;margin-top:42px}.contact-grid{display:grid;grid-template-columns:1fr .92fr;gap:72px;align-items:start}.contact-copy h2{font:800 clamp(52px,6vw,88px)/.95 var(--serif);margin:0 0 24px}.contact-copy p{color:#555a64;line-height:1.75;max-width:600px}.contact-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:38px}.contact-links a{background:#fff;border:1px solid rgba(19,22,41,.1);padding:18px;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.contact-links span{width:32px;height:32px;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);grid-row:span 2}.contact-links b{font:700 14px var(--ui)}.contact-links small{color:#6a6f78;font:400 12px var(--ui);overflow:hidden;text-overflow:ellipsis}.contact-form{background:#fff;padding:34px;border:1px solid rgba(19,22,41,.08);box-shadow:0 20px 70px rgba(19,22,41,.07)}.contact-form label{display:block;margin-bottom:18px;color:#555a64}.contact-form span{display:block;margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;background:var(--light);border:1px solid rgba(19,22,41,.12);padding:15px;color:var(--ink);outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(64,15,7,.08)}
.site-footer{background:var(--navy);color:var(--white);padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;font:500 12px var(--ui);color:rgba(248,247,243,.68)}.footer-inner>div{display:flex;align-items:center}.footer-links{gap:16px}.footer-links a:hover{color:var(--white)}.font-controls{position:fixed;right:22px;bottom:22px;z-index:900;display:flex;background:rgba(19,22,41,.88);border:1px solid rgba(237,237,237,.16);backdrop-filter:blur(10px)}.font-controls button{width:42px;height:38px;border:0;border-inline-end:1px solid rgba(237,237,237,.16);background:transparent;color:var(--white);cursor:pointer}.font-controls button:last-child{border:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.mobile-menu{position:fixed;inset:0;z-index:1100;background:rgba(19,22,41,.66);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.25s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-panel{position:absolute;inset:auto 0 0 0;background:var(--navy);color:var(--white);border-radius:28px 28px 0 0;padding:22px 24px calc(30px + env(safe-area-inset-bottom));transform:translateY(100%);transition:.3s ease}.mobile-menu.open .mobile-menu-panel{transform:none}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.menu-close{width:44px;height:44px;border:1px solid rgba(237,237,237,.22);background:transparent;color:var(--white);font-size:28px}.mobile-nav{display:grid;gap:8px}.mobile-nav button{text-align:start;padding:18px 0;border-bottom:1px solid rgba(237,237,237,.12);font:700 28px var(--serif);color:var(--white)}.mobile-shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.mobile-shortcuts a{padding:14px;border:1px solid rgba(237,237,237,.16);text-align:center;color:rgba(248,247,243,.8)}
body[dir="rtl"] .brand,body[dir="rtl"] .header-actions{direction:ltr}body[dir="rtl"] .desktop-nav{direction:rtl}body[dir="rtl"] .hero-inner,body[dir="rtl"] .about-grid,body[dir="rtl"] .contact-grid{direction:rtl}body[dir="rtl"] .hero-copy,body[dir="rtl"] .about-copy,body[dir="rtl"] .section-heading,body[dir="rtl"] .contact-copy{text-align:right}body[dir="rtl"] h2,body[dir="rtl"] h3,body[dir="rtl"] .section-heading h2,body[dir="rtl"] .contact-copy h2,body[dir="rtl"] .principle-card h3,body[dir="rtl"] .expertise-card h3,body[dir="rtl"] .milestone-card h3{font-family:var(--arabic);letter-spacing:0}body[dir="rtl"] .section-heading h2{font-size:clamp(56px,6vw,94px)}body[dir="rtl"] .hero h2{font-family:var(--arabic);font-size:clamp(34px,3vw,50px)}body[dir="rtl"] .hero-lead,body[dir="rtl"] .about-copy,body[dir="rtl"] .principle-card p,body[dir="rtl"] .expertise-card p,body[dir="rtl"] .milestone-card p,body[dir="rtl"] .milestone-card li,body[dir="rtl"] .contact-copy p{font-family:var(--arabic);font-size:1.2em;line-height:1.75}body[dir="rtl"] .principle-card:after{left:auto;right:34px}body[dir="rtl"] .font-controls{right:auto;left:22px}
@media (max-width: 980px){
  :root{--header-h:68px}.desktop-nav{display:none}.mobile-menu-button{display:flex}.brand{min-width:0}.header-actions{min-width:0}.site-header{padding-inline:18px}.container{width:min(100% - 36px,720px)}.section{padding:72px 0}.hero{min-height:auto;padding-top:calc(var(--header-h) + 24px)}.hero-inner{grid-template-columns:1fr;gap:12px;text-align:start}.hero-copy{order:1}.portrait-wrap{order:2;min-height:350px;align-items:flex-end;overflow:hidden}.portrait{width:min(420px,94%)}.portrait-ring{width:390px;bottom:6%;right:auto}.hero h1{font-size:clamp(52px,15vw,82px)}.hero h2{font-size:clamp(25px,7vw,36px)}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.credibility-strip{height:auto;grid-template-columns:1fr;padding:16px 18px}.credibility-item{justify-content:space-between;border-inline-end:0;border-bottom:1px solid var(--line);padding:15px 0}.credibility-item:last-child{border:0}.credibility-item.sectors{flex-direction:row}.about-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.about-visual{display:none}.principles-grid,.expertise-grid{grid-template-columns:1fr}.principle-card,.principle-card:nth-child(4),.principle-card:nth-child(5){grid-column:auto}.timeline:before{left:8px}body[dir="rtl"] .timeline:before{right:8px}.milestone{grid-template-columns:1fr;gap:0;padding-inline-start:30px}body[dir="rtl"] .milestone{padding-inline-start:0;padding-inline-end:30px}.milestone-logo{justify-content:flex-start;height:auto;margin-bottom:12px}body[dir="rtl"] .milestone-logo{justify-content:flex-end}.milestone-dot{left:2px;top:10px}body[dir="rtl"] .milestone-dot{left:auto;right:2px}.milestone-card{grid-template-columns:1fr;gap:18px;padding:26px}.contact-links{grid-template-columns:1fr}.footer-inner{display:grid;gap:16px;text-align:center;justify-items:center}.font-controls{display:none}.section-heading h2{font-size:clamp(42px,12vw,68px)}body[dir="rtl"] .section-heading h2{font-size:clamp(48px,13vw,76px)}
}
@media (max-width: 520px){
  .brand-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-toggle{padding:9px 10px}.hero-copy{padding-top:10px}.eyebrow{font-size:11px}.hero h1{margin-bottom:18px}.hero-lead{font-size:16px}.btn{min-height:52px;width:100%}.portrait-wrap{min-height:300px}.portrait{width:100%;max-width:360px}.principle-card,.expertise-card,.contact-form{padding:24px}.section{padding:64px 0}.contact-copy h2{font-size:56px}.mobile-nav button{font-size:26px}.credibility-item strong{font-size:30px}.credibility-item.sectors strong{font-size:17px}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* v11 refinements from latest design review */
:root{--ui:'Playfair Display',Georgia,serif}.nav-link.active::after{background:var(--white)}.nav-link::after{background:var(--white)}.nav-link.active{color:var(--white)}
.eyebrow,body[dir="rtl"] .eyebrow{color:#d9cab7;text-shadow:0 0 18px rgba(255,255,255,.08)}
.hero-inner{align-items:start;padding-top:38px}.hero-copy{padding-top:42px}.hero h1{font-size:clamp(54px,5.6vw,88px);white-space:nowrap;letter-spacing:-.052em}.hero h2{max-width:720px}.portrait-wrap{align-items:flex-start;min-height:540px;padding-top:36px;overflow:visible}.portrait{width:min(560px,100%);mask-image:linear-gradient(#000 76%,rgba(0,0,0,.88) 88%,transparent 100%);-webkit-mask-image:linear-gradient(#000 76%,rgba(0,0,0,.88) 88%,transparent 100%)}.portrait-ring{top:20px;bottom:auto;right:6%}body[dir="rtl"] h1{font-size:clamp(58px,5.9vw,92px);white-space:nowrap;line-height:.92}body[dir="rtl"] .hero-copy{padding-top:42px}body[dir="rtl"] .brand{direction:rtl;flex-direction:row-reverse}body[dir="rtl"] .brand-name{font-family:var(--arabic);font-size:18px}
.credibility-strip{height:88px}.credibility-item{gap:16px}.credibility-item strong{font:700 34px var(--serif);direction:ltr;unicode-bidi:isolate}.credibility-item span,.credibility-item.sectors span{font-family:var(--serif);font-size:14px}.credibility-item.sectors strong{font-size:20px;font-family:var(--serif)}body[dir="rtl"] .credibility-item span,body[dir="rtl"] .credibility-item.sectors span{font-family:var(--arabic);font-size:18px}body[dir="rtl"] .credibility-item.sectors strong{font-family:var(--arabic);font-size:25px}
.about .section-heading h2{font-size:clamp(32px,3vw,44px);letter-spacing:0}.about .section-heading h3{font-size:clamp(46px,5vw,76px);line-height:.98;font-weight:800;letter-spacing:-.035em}.about .section-heading .accent-rule{margin-top:26px}body[dir="rtl"] .about .section-heading h2{font-size:clamp(32px,3vw,44px)}body[dir="rtl"] .about .section-heading h3{font-size:clamp(58px,6vw,86px);line-height:.95;font-weight:700;letter-spacing:0}
.card-num{display:block;font:800 clamp(50px,5.6vw,82px)/.9 var(--serif);letter-spacing:-.04em;color:var(--accent);opacity:.9;margin-bottom:22px}.principle-card h3{margin:0 0 14px}.principle-card{min-height:320px}.principles .section-heading{margin-bottom:44px}body[dir="rtl"] .card-num{font-family:var(--serif)!important;direction:ltr;unicode-bidi:isolate}
.milestone-logo{width:110px;height:78px}.milestone-logo img{width:96px;height:54px;object-fit:contain}.milestone-logo.text-logo{font-size:42px;width:110px;color:var(--accent)}.milestone{grid-template-columns:130px 1fr}.milestone-card h3{font-size:28px}
.expertise.section{padding:70px 0}.expertise .section-heading h2{font-size:clamp(42px,4.8vw,72px)}.expertise .section-heading p{max-width:820px}.expertise-grid{margin-top:34px;gap:18px}.expertise-card{padding:26px 28px;min-height:190px}.expertise-card h3{font-size:23px;margin:18px 0 10px}.expertise-card p{line-height:1.58}.expertise-icon{margin-bottom:12px}.center-action{margin-top:28px}
.contact-links.icon-only{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.contact-links.icon-only a{width:58px;height:58px;padding:0;display:grid;place-items:center;background:#fff;border:1px solid rgba(19,22,41,.18);transition:.2s}.contact-links.icon-only a:hover{border-color:var(--accent);transform:translateY(-2px)}.contact-links.icon-only span{grid-row:auto;width:auto;height:auto;border:0;font:700 21px var(--serif);color:var(--accent)}.contact-links.icon-only b,.contact-links.icon-only small{display:none}
body[dir="rtl"] *:not(.brand-mark):not(.contact-links span):not(.mobile-shortcuts a):not(.card-num):not(.footer-links a){font-family:var(--arabic)}
@media (max-width:980px){
  .site-header{height:86px}.brand-mark{width:52px;height:52px;font-size:20px}.brand-name{font-size:16px}.mobile-menu-button{width:52px;height:52px}.lang-toggle{padding:13px 17px;font-size:16px}.hero{padding-top:calc(var(--header-h) + 18px)}.hero-inner{padding-top:0;gap:22px}.portrait-wrap{order:1;min-height:300px;padding-top:0;align-items:flex-end}.hero-copy{order:2;padding-top:0}.portrait{width:min(380px,88%)}.portrait-ring{width:360px;top:12px;right:auto}.hero h1{white-space:normal;font-size:clamp(44px,13vw,64px);line-height:.96}.hero h2{font-size:clamp(25px,7vw,38px)}body[dir="rtl"] h1{white-space:normal;font-size:clamp(64px,16vw,86px);line-height:.9}body[dir="rtl"] .hero h2{font-size:clamp(34px,9vw,48px);line-height:1.1}.hero-lead{font-size:18px}.credibility-strip{grid-template-columns:1fr;padding:24px 34px}.credibility-item{justify-content:flex-start;gap:18px;padding:20px 0}.credibility-item strong{font-size:40px;min-width:72px}.credibility-item span{font-size:19px}.credibility-item.sectors{flex-direction:row;align-items:center}.credibility-item.sectors strong{font-size:28px}.credibility-item.sectors span{font-size:18px;margin-inline-start:12px}body[dir="rtl"] .credibility-item{flex-direction:row-reverse;justify-content:flex-start}body[dir="rtl"] .credibility-item.sectors{flex-direction:row-reverse}.mobile-menu-panel{inset:0;border-radius:0;padding:64px 36px calc(34px + env(safe-area-inset-bottom))}.mobile-nav button{font-size:22px;padding:14px 0}body[dir="rtl"] .mobile-nav button{font-size:32px}.mobile-shortcuts a{font-size:24px}.about .section-heading h2{font-size:36px}.about .section-heading h3{font-size:clamp(44px,13vw,70px)}body[dir="rtl"] .about .section-heading h3{font-size:clamp(58px,16vw,86px)}.principle-card{min-height:auto}.card-num{font-size:58px}.expertise.section{padding:64px 0}.expertise-card{min-height:auto}.milestone-logo,.milestone-logo.text-logo{width:92px}.milestone-logo img{width:82px}.contact-links.icon-only{justify-content:flex-start}.contact-links.icon-only a{width:62px;height:62px}}
@media (max-width:520px){
  :root{--header-h:86px}.site-header{padding-inline:18px}.brand{gap:12px}.brand-name{max-width:168px}.header-actions{gap:10px}.hero{padding-top:calc(var(--header-h) + 12px)}.container{width:min(100% - 34px,720px)}.portrait-wrap{min-height:265px}.portrait{width:min(360px,92%)}.portrait-ring{width:330px}.hero h1{font-size:clamp(42px,12.2vw,56px)}.hero h2{font-size:clamp(28px,7.6vw,38px)}.hero-lead{font-size:18px;line-height:1.75}.btn{font-size:20px}.credibility-strip{padding:22px 36px}.credibility-item{gap:14px}.credibility-item strong{font-size:38px;min-width:62px}.credibility-item span{font-size:18px}.credibility-item.sectors{align-items:flex-start}.credibility-item.sectors strong{font-size:24px;line-height:1.2}.credibility-item.sectors span{font-size:17px}.mobile-nav button{font-size:22px}body[dir="rtl"] .mobile-nav button{font-size:30px}.contact-links.icon-only{gap:12px}.contact-links.icon-only a{width:56px;height:56px}.section-heading h2{font-size:clamp(42px,13vw,60px)}body[dir="rtl"] .section-heading h2{font-size:clamp(48px,14vw,70px)}}
/* final desktop name scale and hero balance */
@media (min-width:981px){.hero-inner{grid-template-columns:1.12fr .88fr;gap:46px}.hero h1{font-size:clamp(52px,4.7vw,74px)}body[dir="rtl"] h1{font-size:clamp(56px,4.9vw,78px)}.portrait{width:min(500px,100%)}.portrait-wrap{min-height:520px}.hero h2{font-size:clamp(25px,2.1vw,34px)}}

/* v12 hero layout reset to match requested desktop reference */
@media (min-width: 981px){
  .hero{
    min-height:100svh;
    padding-top:var(--header-h);
    justify-content:space-between;
  }
  .hero-inner{
    width:min(1320px,calc(100% - 56px));
    grid-template-columns:minmax(520px,.92fr) minmax(520px,1.08fr);
    gap:36px;
    align-items:center;
    flex:1;
    padding-top:36px;
    padding-bottom:0;
  }
  .hero-copy{
    padding-top:44px;
    align-self:center;
    z-index:2;
  }
  .hero h1{
    font-size:clamp(58px,5.25vw,86px);
    line-height:.94;
    white-space:nowrap;
    letter-spacing:-.055em;
    margin-bottom:24px;
  }
  .hero h2{
    font-size:clamp(28px,2.22vw,38px);
    line-height:1.12;
    max-width:720px;
    margin-bottom:28px;
  }
  .hero-lead{
    max-width:650px;
    font-size:17px;
    line-height:1.82;
  }
  .hero-actions{
    margin-top:34px;
  }
  .portrait-wrap{
    min-height:620px;
    padding-top:0;
    align-items:flex-end;
    justify-content:flex-end;
    overflow:visible;
    align-self:end;
  }
  .portrait{
    width:min(680px,50vw);
    max-height:calc(100svh - var(--header-h) - 92px);
    object-fit:contain;
    object-position:bottom right;
    transform:translateX(64px);
    filter:drop-shadow(0 38px 46px rgba(0,0,0,.33));
    mask-image:linear-gradient(#000 75%,rgba(0,0,0,.9) 88%,transparent 100%);
    -webkit-mask-image:linear-gradient(#000 75%,rgba(0,0,0,.9) 88%,transparent 100%);
  }
  .portrait-ring{
    width:min(600px,46vw);
    top:15%;
    right:2%;
    bottom:auto;
    opacity:.58;
  }
  .credibility-strip{
    height:92px;
  }
  body[dir="rtl"] .hero-inner{
    direction:rtl;
    grid-template-columns:minmax(520px,1.08fr) minmax(520px,.92fr);
  }
  body[dir="rtl"] .hero-copy{
    padding-top:44px;
  }
  body[dir="rtl"] h1{
    font-size:clamp(68px,5.8vw,94px);
    white-space:nowrap;
    line-height:.9;
  }
  body[dir="rtl"] .hero h2{
    font-size:clamp(34px,2.8vw,50px);
    max-width:720px;
    line-height:1.08;
  }
  body[dir="rtl"] .portrait{
    object-position:bottom left;
    transform:translateX(-64px);
  }
  body[dir="rtl"] .portrait-wrap{
    justify-content:flex-start;
  }
  body[dir="rtl"] .portrait-ring{
    left:2%;
    right:auto;
  }
}
@media (min-width: 981px) and (max-width: 1280px){
  .hero-inner{
    grid-template-columns:minmax(460px,.96fr) minmax(430px,1.04fr);
    gap:26px;
  }
  .hero h1{font-size:clamp(50px,5vw,70px)}
  .hero h2{font-size:clamp(24px,2.2vw,32px)}
  .portrait{width:min(600px,48vw);transform:translateX(44px)}
  body[dir="rtl"] .portrait{transform:translateX(-44px)}
}
@media (min-width: 1500px){
  .hero-inner{width:min(1360px,calc(100% - 64px));}
  .portrait{width:min(720px,48vw);transform:translateX(72px)}
  body[dir="rtl"] .portrait{transform:translateX(-72px)}
}

/* v13 hero art-direction refinement: fixed layout across languages */
@media (min-width:981px){
  .hero{
    position:relative;
    min-height:100svh;
    padding-top:var(--header-h);
    overflow:hidden;
  }
  .hero-inner{
    position:relative;
    display:block;
    width:min(1360px,calc(100% - 64px));
    min-height:calc(100svh - var(--header-h) - 92px);
    height:calc(100svh - var(--header-h) - 92px);
    padding:0;
  }
  .hero-copy{
    position:absolute;
    inset-inline-start:0;
    top:clamp(92px,16vh,150px);
    z-index:4;
    width:min(720px,54%);
    max-width:720px;
    padding:0;
  }
  .portrait-wrap{
    position:absolute;
    top:clamp(92px,16vh,150px);
    bottom:0;
    inset-inline-end:-4vw;
    width:min(760px,58vw);
    min-height:0;
    height:auto;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    padding:0;
    overflow:visible;
    z-index:2;
  }
  .portrait{
    height:100%;
    width:auto;
    max-width:none;
    max-height:none;
    object-fit:contain;
    object-position:bottom right;
    transform:none!important;
    filter:drop-shadow(0 40px 50px rgba(0,0,0,.34));
    mask-image:linear-gradient(#000 78%,rgba(0,0,0,.94) 90%,transparent 100%);
    -webkit-mask-image:linear-gradient(#000 78%,rgba(0,0,0,.94) 90%,transparent 100%);
  }
  .portrait-ring{
    width:min(620px,45vw);
    top:0;
    inset-inline-end:7%;
    bottom:auto;
    opacity:.45;
  }
  .hero h1{
    font-size:clamp(54px,4.8vw,78px);
    line-height:.96;
    white-space:nowrap;
    letter-spacing:-.052em;
    margin-bottom:22px;
  }
  .hero h2{
    font-size:clamp(26px,2.15vw,35px);
    line-height:1.13;
    max-width:650px;
    margin-bottom:26px;
  }
  .hero-lead{
    max-width:650px;
    font-size:17px;
    line-height:1.78;
  }
  .hero-actions{margin-top:32px}
  .credibility-strip{height:92px}

  /* Keep hero physical positions identical in Arabic. Only text direction changes. */
  body[dir="rtl"] .hero-inner{
    direction:ltr;
    display:block;
    width:min(1360px,calc(100% - 64px));
  }
  body[dir="rtl"] .hero-copy{
    inset-inline-start:0;
    inset-inline-end:auto;
    top:clamp(92px,16vh,150px);
    width:min(720px,54%);
    max-width:720px;
    text-align:right;
    direction:rtl;
    padding:0;
  }
  body[dir="rtl"] .portrait-wrap{
    inset-inline-end:-4vw;
    inset-inline-start:auto;
    justify-content:flex-end;
    top:clamp(92px,16vh,150px);
    width:min(760px,58vw);
  }
  body[dir="rtl"] .portrait{
    height:100%;
    width:auto;
    max-width:none;
    object-position:bottom right;
    transform:none!important;
  }
  body[dir="rtl"] .portrait-ring{
    inset-inline-end:7%;
    inset-inline-start:auto;
  }
  body[dir="rtl"] .hero h1{
    font-size:clamp(58px,4.95vw,82px);
    line-height:.9;
    white-space:nowrap;
    letter-spacing:0;
    margin-bottom:22px;
  }
  body[dir="rtl"] .hero h2{
    font-size:clamp(32px,2.55vw,44px);
    line-height:1.08;
    max-width:650px;
  }
}
@media (min-width:981px) and (max-width:1280px){
  .hero-copy,body[dir="rtl"] .hero-copy{top:clamp(84px,15vh,132px);width:min(640px,55%)}
  .portrait-wrap,body[dir="rtl"] .portrait-wrap{top:clamp(84px,15vh,132px);width:min(660px,56vw);inset-inline-end:-5vw}
  .hero h1{font-size:clamp(48px,4.7vw,66px)}
  body[dir="rtl"] .hero h1{font-size:clamp(54px,4.9vw,72px)}
  .hero h2{font-size:clamp(24px,2.05vw,31px)}
  body[dir="rtl"] .hero h2{font-size:clamp(30px,2.4vw,40px)}
}
@media (max-width:980px){
  body[dir="rtl"] .portrait, .portrait{transform:none!important;}
  body[dir="rtl"] .portrait-wrap{justify-content:center;}
}

/* v14 hero correction: portrait sits BEHIND the credibility strip and stays fixed across languages */
@media (min-width:981px){
  .hero{position:relative;overflow:hidden;}
  .hero-inner{position:relative;z-index:2;}
  .hero-copy,
  body[dir="rtl"] .hero-copy{
    left:0;
    right:auto;
    inset-inline-start:auto;
    inset-inline-end:auto;
    direction:ltr;
    text-align:left;
    z-index:6;
  }
  body[dir="rtl"] .hero-copy{
    direction:rtl;
    text-align:right;
  }
  .portrait-wrap,
  body[dir="rtl"] .portrait-wrap{
    left:auto;
    right:-10vw;
    inset-inline-start:auto;
    inset-inline-end:auto;
    top:clamp(92px,16vh,150px);
    bottom:-92px;
    width:min(900px,62vw);
    z-index:1;
    pointer-events:none;
  }
  .portrait,
  body[dir="rtl"] .portrait{
    height:100%;
    width:auto;
    object-position:bottom right;
    transform:none!important;
  }
  .portrait-ring,
  body[dir="rtl"] .portrait-ring{
    right:9%;
    left:auto;
    inset-inline-start:auto;
    inset-inline-end:auto;
  }
  .credibility-strip{
    position:relative;
    z-index:5;
  }
}
@media (min-width:981px) and (max-width:1280px){
  .portrait-wrap,
  body[dir="rtl"] .portrait-wrap{
    right:-12vw;
    bottom:-92px;
    width:min(780px,64vw);
  }
}

/* v15 definitive hero correction: portrait fixed on viewer-right, behind credibility strip; copy fixed on viewer-left */
@media (min-width: 981px){
  .hero{
    position: relative !important;
    overflow: hidden !important;
    min-height: 100svh !important;
    padding-top: var(--header-h) !important;
  }
  .hero-inner{
    position: relative !important;
    display: block !important;
    width: min(1360px, calc(100% - 64px)) !important;
    height: calc(100svh - var(--header-h) - 92px) !important;
    min-height: calc(100svh - var(--header-h) - 92px) !important;
    padding: 0 !important;
    direction: ltr !important;
    z-index: 2 !important;
  }
  .hero-copy,
  body[dir="rtl"] .hero-copy{
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    top: clamp(92px, 16vh, 150px) !important;
    width: min(720px, 54%) !important;
    max-width: 720px !important;
    padding: 0 !important;
    z-index: 6 !important;
  }
  .hero-copy{direction:ltr !important;text-align:left !important;}
  body[dir="rtl"] .hero-copy{direction:rtl !important;text-align:right !important;}
  .portrait-wrap,
  body[dir="rtl"] .portrait-wrap{
    position: absolute !important;
    left: auto !important;
    right: -18vw !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    top: clamp(86px, 15vh, 136px) !important;
    bottom: -92px !important;
    width: min(980px, 68vw) !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    padding: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    direction: ltr !important;
  }
  .portrait,
  body[dir="rtl"] .portrait{
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    transform: none !important;
    filter: drop-shadow(0 42px 54px rgba(0,0,0,.34)) !important;
    mask-image: linear-gradient(#000 76%, rgba(0,0,0,.96) 89%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(#000 76%, rgba(0,0,0,.96) 89%, transparent 100%) !important;
  }
  .portrait-ring,
  body[dir="rtl"] .portrait-ring{
    position:absolute !important;
    left:auto !important;
    right:18% !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    top:0 !important;
    bottom:auto !important;
    width:min(640px,46vw) !important;
    opacity:.42 !important;
  }
  .credibility-strip{
    position: relative !important;
    z-index: 7 !important;
    height: 92px !important;
  }
  .hero h1{font-size:clamp(54px,4.8vw,78px) !important;white-space:nowrap !important;}
  body[dir="rtl"] .hero h1{font-size:clamp(58px,4.95vw,82px) !important;white-space:nowrap !important;}
}
@media (min-width: 981px) and (max-width: 1280px){
  .hero-copy, body[dir="rtl"] .hero-copy{width:min(650px,55%) !important;top:clamp(84px,15vh,132px) !important;}
  .portrait-wrap, body[dir="rtl"] .portrait-wrap{right:-24vw !important;width:min(900px,70vw) !important;top:clamp(84px,15vh,132px) !important;}
  .hero h1{font-size:clamp(48px,4.7vw,66px) !important;}
  body[dir="rtl"] .hero h1{font-size:clamp(54px,4.9vw,72px) !important;}
}

/* v16 hard correction: keep portrait physically on viewer-right in every desktop language state */
@media (min-width: 981px){
  .hero{
    position: relative !important;
    overflow: hidden !important;
    min-height: 100svh !important;
    padding-top: var(--header-h) !important;
  }

  .hero-inner{
    position: relative !important;
    display: block !important;
    direction: ltr !important;
    width: min(1360px, calc(100% - 64px)) !important;
    height: calc(100svh - var(--header-h) - 92px) !important;
    min-height: calc(100svh - var(--header-h) - 92px) !important;
    padding: 0 !important;
    z-index: 2 !important;
  }

  .hero-copy,
  body[dir="rtl"] .hero-copy{
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    top: clamp(92px, 16vh, 146px) !important;
    width: min(700px, 51%) !important;
    max-width: 700px !important;
    z-index: 8 !important;
    padding: 0 !important;
  }

  .hero-copy{
    direction: ltr !important;
    text-align: left !important;
  }

  body[dir="rtl"] .hero-copy{
    direction: rtl !important;
    text-align: right !important;
  }

  .portrait-wrap,
  body[dir="rtl"] .portrait-wrap{
    position: absolute !important;
    left: 45vw !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    top: clamp(82px, 14vh, 128px) !important;
    bottom: -92px !important;
    width: 64vw !important;
    max-width: 1180px !important;
    min-width: 760px !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    padding: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    transform: none !important;
    direction: ltr !important;
  }

  .portrait,
  body[dir="rtl"] .portrait{
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    transform: none !important;
    filter: drop-shadow(0 42px 54px rgba(0,0,0,.34)) !important;
    mask-image: linear-gradient(#000 76%, rgba(0,0,0,.96) 89%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(#000 76%, rgba(0,0,0,.96) 89%, transparent 100%) !important;
  }

  .portrait-ring,
  body[dir="rtl"] .portrait-ring{
    position: absolute !important;
    left: auto !important;
    right: 14% !important;
    top: 0 !important;
    bottom: auto !important;
    width: min(660px, 48vw) !important;
    opacity: .42 !important;
  }

  .credibility-strip{
    position: relative !important;
    z-index: 7 !important;
    height: 92px !important;
  }
}

@media (min-width: 981px) and (max-width: 1280px){
  .hero-copy,
  body[dir="rtl"] .hero-copy{
    width: min(630px, 51%) !important;
    top: clamp(82px, 14vh, 128px) !important;
  }

  .portrait-wrap,
  body[dir="rtl"] .portrait-wrap{
    left: 43vw !important;
    width: 68vw !important;
    min-width: 760px !important;
    top: clamp(76px, 13vh, 118px) !important;
  }

  .hero h1{font-size: clamp(48px, 4.7vw, 66px) !important;}
  body[dir="rtl"] .hero h1{font-size: clamp(54px, 4.9vw, 72px) !important;}
}

/* v17 final correction: keep hero portrait on the viewer-right, behind the credibility strip, in both English and Arabic */
@media (min-width: 981px){
  .hero .hero-inner{
    direction: ltr !important;
    position: relative !important;
  }

  .hero .hero-copy,
  body[dir="rtl"] .hero .hero-copy{
    left: 0 !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    transform: none !important;
    z-index: 8 !important;
  }

  .hero .hero-copy{
    direction: ltr !important;
    text-align: left !important;
  }

  body[dir="rtl"] .hero .hero-copy{
    direction: rtl !important;
    text-align: right !important;
  }

  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    position: absolute !important;
    left: auto !important;
    right: -12vw !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    top: clamp(82px, 14vh, 128px) !important;
    bottom: -92px !important;
    width: min(1120px, 68vw) !important;
    min-width: 760px !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    overflow: visible !important;
    z-index: 1 !important;
    pointer-events: none !important;
    transform: none !important;
    direction: ltr !important;
  }

  .hero .portrait,
  body[dir="rtl"] .hero .portrait{
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    transform: none !important;
  }

  .hero .credibility-strip{
    position: relative !important;
    z-index: 7 !important;
  }
}

@media (min-width: 981px) and (max-width: 1280px){
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    right: -18vw !important;
    left: auto !important;
    width: min(1040px, 76vw) !important;
    min-width: 760px !important;
  }
}

/* v18 correction: portrait on viewer-left, Safari-safe rendering */
@media (min-width:981px){
  .hero .hero-inner{
    direction:ltr !important;
    position:relative !important;
  }

  /* Put the portrait physically on the viewer-left in both languages. */
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    position:absolute !important;
    left:-12vw !important;
    right:auto !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    top:clamp(82px,14vh,128px) !important;
    bottom:-92px !important;
    width:min(1120px,68vw) !important;
    min-width:760px !important;
    max-width:none !important;
    height:calc(100vh - var(--header-h) - 4px) !important;
    height:calc(100svh - var(--header-h) - 4px) !important;
    min-height:560px !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:flex-end !important;
    overflow:visible !important;
    z-index:1 !important;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    direction:ltr !important;
  }

  /* Put the copy on the opposite side so the portrait does not cover it. */
  .hero .hero-copy,
  body[dir="rtl"] .hero .hero-copy{
    position:absolute !important;
    left:auto !important;
    right:0 !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    top:clamp(84px,15vh,132px) !important;
    width:min(650px,52%) !important;
    max-width:650px !important;
    z-index:8 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  .hero .hero-copy{
    direction:ltr !important;
    text-align:left !important;
  }

  body[dir="rtl"] .hero .hero-copy{
    direction:rtl !important;
    text-align:right !important;
  }

  /* Safari-safe image rendering: avoid mask/flex-height bugs that can hide PNGs. */
  .hero .portrait,
  body[dir="rtl"] .hero .portrait{
    display:block !important;
    height:100% !important;
    width:auto !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:bottom left !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:drop-shadow(0 35px 40px rgba(0,0,0,.35)) !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .hero .portrait-ring,
  body[dir="rtl"] .hero .portrait-ring{
    left:8vw !important;
    right:auto !important;
    top:6px !important;
    bottom:auto !important;
    width:min(560px,46vw) !important;
    opacity:.36 !important;
  }

  .hero .credibility-strip{
    position:relative !important;
    z-index:7 !important;
  }
}

@media (min-width:981px) and (max-width:1280px){
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    left:-18vw !important;
    right:auto !important;
    width:min(1040px,76vw) !important;
    min-width:760px !important;
  }

  .hero .hero-copy,
  body[dir="rtl"] .hero .hero-copy{
    width:min(620px,52%) !important;
  }
}

/* v19 correction: move portrait to the opposite side of the hero copy and make Safari rendering safe */
@media (min-width:981px){
  .hero .hero-inner{
    direction:ltr !important;
    position:relative !important;
  }

  /* Keep the hero copy fixed on the viewer-left in both languages. Only text direction changes. */
  .hero .hero-copy,
  body[dir="rtl"] .hero .hero-copy{
    position:absolute !important;
    left:0 !important;
    right:auto !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    top:clamp(84px,15vh,132px) !important;
    width:min(650px,50vw) !important;
    max-width:650px !important;
    z-index:8 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  .hero .hero-copy{
    direction:ltr !important;
    text-align:left !important;
  }

  body[dir="rtl"] .hero .hero-copy{
    direction:rtl !important;
    text-align:right !important;
  }

  /* Place portrait on the viewer-right so it does not sit under the hero text. */
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    position:absolute !important;
    left:auto !important;
    right:-9vw !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    top:clamp(82px,14vh,126px) !important;
    bottom:-92px !important;
    width:min(1040px,62vw) !important;
    min-width:700px !important;
    max-width:none !important;
    height:calc(100vh - var(--header-h) - 12px) !important;
    min-height:560px !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:flex-end !important;
    overflow:visible !important;
    z-index:1 !important;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    direction:ltr !important;
    -webkit-transform:translateZ(0) !important;
    backface-visibility:hidden !important;
  }

  /* Safari-safe: do not hide the portrait behind reveal/mask behavior. */
  .hero .portrait-wrap.reveal,
  .hero .portrait-wrap.reveal.visible,
  body[dir="rtl"] .hero .portrait-wrap.reveal,
  body[dir="rtl"] .hero .portrait-wrap.reveal.visible{
    opacity:1 !important;
    transform:none !important;
    visibility:visible !important;
  }

  .hero .portrait,
  body[dir="rtl"] .hero .portrait{
    display:block !important;
    height:100% !important;
    width:auto !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:bottom right !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    -webkit-transform:translateZ(0) !important;
    filter:drop-shadow(0 35px 40px rgba(0,0,0,.35)) !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .hero .portrait-ring,
  body[dir="rtl"] .hero .portrait-ring{
    left:auto !important;
    right:8vw !important;
    top:6px !important;
    bottom:auto !important;
    width:min(560px,42vw) !important;
    opacity:.36 !important;
  }

  .hero .credibility-strip{
    position:relative !important;
    z-index:7 !important;
  }
}

@media (min-width:981px) and (max-width:1280px){
  .hero .hero-copy,
  body[dir="rtl"] .hero .hero-copy{
    width:min(610px,50vw) !important;
  }
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    right:-16vw !important;
    left:auto !important;
    width:min(980px,68vw) !important;
    min-width:700px !important;
  }
}


/* v20 hero requested refinements: portrait to viewer-right, aligned near Healthcare; remove sector label spacing */
.credibility-item.sectors span:empty,
.credibility-item span:empty{
  display:none !important;
}

@media (min-width:981px){
  .hero .hero-inner{
    direction:ltr !important;
    position:relative !important;
  }

  .hero .hero-copy,
  body[dir="rtl"] .hero .hero-copy{
    position:absolute !important;
    left:0 !important;
    right:auto !important;
    top:clamp(84px,15vh,132px) !important;
    width:min(650px,50vw) !important;
    max-width:650px !important;
    z-index:8 !important;
  }

  .hero .hero-copy{direction:ltr !important;text-align:left !important;}
  body[dir="rtl"] .hero .hero-copy{direction:rtl !important;text-align:right !important;}

  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    position:absolute !important;
    left:auto !important;
    right:clamp(40px,6.2vw,96px) !important;
    top:clamp(82px,14vh,126px) !important;
    bottom:-92px !important;
    width:min(1040px,62vw) !important;
    min-width:700px !important;
    height:calc(100vh - var(--header-h) - 12px) !important;
    min-height:560px !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:flex-end !important;
    overflow:visible !important;
    z-index:1 !important;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    direction:ltr !important;
  }

  .hero .portrait,
  body[dir="rtl"] .hero .portrait{
    display:block !important;
    height:100% !important;
    width:auto !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:bottom right !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    -webkit-transform:translateZ(0) !important;
    filter:drop-shadow(0 35px 40px rgba(0,0,0,.35)) !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .hero .portrait-ring,
  body[dir="rtl"] .hero .portrait-ring{
    left:auto !important;
    right:clamp(110px,12vw,190px) !important;
    top:6px !important;
    bottom:auto !important;
    width:min(560px,42vw) !important;
  }

  .hero .credibility-strip{position:relative !important;z-index:7 !important;}
  .credibility-item.sectors{gap:0 !important;}
}

@media (min-width:981px) and (max-width:1280px){
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    right:clamp(18px,3vw,44px) !important;
    width:min(980px,66vw) !important;
    min-width:650px !important;
  }
}

/* v21 adjustment: keep hero portrait 200px from the viewer-right edge on desktop */
@media (min-width:981px){
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    right:200px !important;
    left:auto !important;
  }
}

/* v22 correction: make the hero portrait physically touch the viewer-right browser edge. */
@media (min-width:981px){
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    right:0 !important;
    left:auto !important;
  }

  .hero .portrait,
  body[dir="rtl"] .hero .portrait{
    margin-right:0 !important;
    object-position:bottom right !important;
  }
}

/* v23 refinements: fixed header geometry, flag language toggle, section fit, and cleaner widgets */
@media (min-width:981px){
  .site-header,
  body[dir="rtl"] .site-header{
    direction:ltr !important;
    flex-direction:row !important;
  }
  .site-header .brand,
  body[dir="rtl"] .site-header .brand{
    order:1 !important;
    margin-inline:0 !important;
    min-width:260px !important;
  }
  .site-header .desktop-nav,
  body[dir="rtl"] .site-header .desktop-nav{
    order:2 !important;
  }
  .site-header .header-actions,
  body[dir="rtl"] .site-header .header-actions{
    order:3 !important;
    justify-content:flex-end !important;
    min-width:260px !important;
  }
  body[dir="rtl"] .site-header .brand{
    flex-direction:row-reverse !important;
    justify-content:flex-end !important;
    direction:rtl !important;
  }
  .nav-link.active::after,
  .nav-link:hover::after{
    background:#F8F7F3 !important;
    box-shadow:0 0 0 1px rgba(248,247,243,.08) !important;
  }
}

.flag-toggle,
body[dir="rtl"] .flag-toggle{
  width:46px !important;
  height:36px !important;
  min-width:46px !important;
  padding:0 !important;
  border-radius:0 !important;
  justify-content:center !important;
  border:1px solid rgba(248,247,243,.55) !important;
  background:rgba(255,255,255,.03) !important;
}
.flag-toggle .flag{font-size:22px;line-height:1;display:block;filter:saturate(.94)}
.flag-toggle:hover{border-color:#F8F7F3 !important;background:rgba(255,255,255,.08) !important;}

.font-controls{
  top:50% !important;
  bottom:auto !important;
  right:22px !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  background:rgba(19,22,41,.86) !important;
  border:1px solid rgba(237,237,237,.18) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
  z-index:850 !important;
}
.font-controls button{width:42px !important;height:38px !important;border:0 !important;border-bottom:1px solid rgba(237,237,237,.18) !important;background:transparent !important;color:#F8F7F3 !important;}
.font-controls button:last-child{border-bottom:0 !important;}

@media (min-width:981px){
  .about.section{
    min-height:calc(100svh - var(--header-h));
    padding:54px 0 58px !important;
    display:flex;
    align-items:center;
  }
  .about-grid{
    align-items:center !important;
    transform:translateY(-18px);
    gap:58px !important;
  }
  .about .section-heading h2{font-size:clamp(30px,2.4vw,42px) !important;line-height:1.1 !important;}
  .about .section-heading h3{font-size:clamp(46px,5.1vw,76px) !important;line-height:.98 !important;margin-top:18px !important;}
  body[dir="rtl"] .about .section-heading h2{font-size:clamp(34px,2.8vw,48px) !important;}
  body[dir="rtl"] .about .section-heading h3{font-size:clamp(58px,5.7vw,88px) !important;}
  .about-copy{font-size:17px !important;line-height:1.78 !important;}
  body[dir="rtl"] .about-copy{font-size:22px !important;line-height:1.68 !important;}
  .about-copy p{margin-bottom:18px !important;}
  .about-visual{height:460px !important;}
}

@media (min-width:981px){
  .principles.section{padding:54px 0 58px !important;min-height:calc(100svh - var(--header-h));}
  .principles .section-heading{margin-bottom:30px !important;}
  .principles .section-heading h2{font-size:clamp(42px,4.6vw,68px) !important;max-width:960px;}
  .principles-grid{grid-template-columns:repeat(5,1fr) !important;gap:16px !important;}
  .principle-card,
  .principle-card:nth-child(4),
  .principle-card:nth-child(5){grid-column:auto !important;min-height:300px !important;padding:22px 20px 26px !important;}
  .principle-card h3{font-size:22px !important;margin:20px 0 12px !important;}
  .principle-card p{font-size:15px !important;line-height:1.58 !important;}
  .card-num{font-size:clamp(42px,4vw,64px) !important;line-height:.9 !important;font-family:var(--serif) !important;letter-spacing:-.03em !important;}
  body[dir="rtl"] .principle-card h3{font-size:28px !important;line-height:1.05 !important;}
  body[dir="rtl"] .principle-card p{font-size:19px !important;line-height:1.44 !important;}
}

@media (min-width:981px){
  .impact.section{padding:48px 0 64px !important;}
  .impact-heading{margin-bottom:34px !important;}
  .impact-heading h2{font-size:clamp(44px,4.8vw,74px) !important;}
  .impact-heading p{max-width:900px !important;line-height:1.65 !important;}
  body[dir="rtl"] .impact-heading p{font-size:23px !important;line-height:1.45 !important;}
  .timeline{gap:24px !important;}
  .milestone-card{padding:24px 30px !important;gap:34px !important;}
  .milestone-card h3{font-size:25px !important;}
  .milestone-card p,.milestone-card li{line-height:1.55 !important;}
  body[dir="rtl"] .milestone-card p, body[dir="rtl"] .milestone-card li{font-size:19px !important;line-height:1.42 !important;}
  .scroll-cue{
    position:sticky;
    bottom:28px;
    margin:28px auto 0;
    width:48px;
    height:48px;
    border:1px solid rgba(64,15,7,.35);
    background:#fff;
    color:var(--accent);
    display:grid;
    place-items:center;
    font-size:26px;
    cursor:pointer;
    animation:cueBounce 1.4s ease-in-out infinite;
    box-shadow:0 18px 40px rgba(19,22,41,.12);
    z-index:20;
    opacity:1;
    transition:opacity .25s ease, transform .25s ease;
  }
  .scroll-cue.hidden{opacity:0;pointer-events:none;transform:translateY(12px);}
  @keyframes cueBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
}

@media (min-width:981px){
  .expertise.section{padding:46px 0 48px !important;min-height:calc(100svh - var(--header-h));display:flex;align-items:center;}
  .expertise .section-heading h2{font-size:clamp(42px,4.4vw,68px) !important;}
  .expertise .section-heading p{line-height:1.55 !important;margin-bottom:0 !important;}
  .expertise-grid{margin-top:28px !important;gap:16px !important;}
  .expertise-card{min-height:190px !important;padding:24px 26px !important;}
  .expertise-card h3{font-size:24px !important;margin:12px 0 10px !important;}
  .expertise-card p{font-size:15px !important;line-height:1.55 !important;}
  .expertise-icon{width:32px !important;height:32px !important;margin-bottom:12px !important;}
  .center-action{margin-top:24px !important;}
  body[dir="rtl"] .expertise-card h3{font-size:29px !important;}
  body[dir="rtl"] .expertise-card p{font-size:19px !important;line-height:1.42 !important;}
}

@media (min-width:981px){
  .contact.section{padding:52px 0 34px !important;min-height:auto !important;}
  .contact-grid{gap:58px !important;align-items:center !important;}
  .contact-copy h2{font-size:clamp(48px,4.8vw,74px) !important;}
  .contact-form{padding:30px !important;}
  .contact-form input{height:46px !important;}
  .contact-form textarea{height:120px !important;}
  .site-footer{padding:24px 0 !important;}
}
.contact-links.icon-only a svg,
.mobile-shortcuts a svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.contact-links.icon-only a{font-size:0 !important;}

@media (max-width:980px){
  .font-controls{display:none !important;}
  .flag-toggle{width:62px !important;height:52px !important;}
  .flag-toggle .flag{font-size:26px !important;}
  .mobile-nav button{font-size:20px !important;}
  body[dir="rtl"] .mobile-nav button{font-size:28px !important;}
  .impact-cue{display:none !important;}
}
body[dir="rtl"] .font-controls{right:22px !important;left:auto !important;}
.mobile-shortcuts a{font-size:0 !important;display:grid;place-items:center;}

/* v24 refinements: Arabic header stability, global text scaling, Formspree, official icons, section color fixes */
@media (min-width:981px){
  .site-header,
  body[dir="rtl"] .site-header{
    direction:ltr !important;
    flex-direction:row !important;
  }
  .site-header .brand,
  body[dir="rtl"] .site-header .brand{
    order:1 !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    direction:ltr !important;
    min-width:260px !important;
  }
  .site-header .brand-name,
  body[dir="rtl"] .site-header .brand-name{
    direction:auto !important;
    text-align:left !important;
    unicode-bidi:plaintext !important;
  }
}

.flag-toggle,
body[dir="rtl"] .flag-toggle{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  padding:0 !important;
}
.flag-toggle:hover,.flag-toggle:focus-visible{background:rgba(255,255,255,.08) !important;outline:1px solid rgba(248,247,243,.32);outline-offset:4px;}
.flag-toggle .flag{font-size:27px !important;line-height:1 !important;}

/* Make font-size controls affect the full website typography. */
body, button, a, input, textarea, label, .brand-name, .nav-link, .mobile-nav button, .btn, .role, .footer-inner{font-size:calc(1rem * var(--scale)) !important;}
p, li, .about-copy, .hero-lead, .milestone-card p, .milestone-card li, .expertise-card p, .principle-card p, .section-heading p:not(.eyebrow), .contact-copy p{font-size:calc(1rem * var(--scale)) !important;}
.hero h1{font-size:calc(clamp(54px,4.8vw,78px) * var(--scale)) !important;}
body[dir="rtl"] .hero h1{font-size:calc(clamp(58px,4.95vw,82px) * var(--scale)) !important;}
.hero h2{font-size:calc(clamp(26px,2.15vw,35px) * var(--scale)) !important;}
body[dir="rtl"] .hero h2{font-size:calc(clamp(32px,2.55vw,44px) * var(--scale)) !important;}
.section-heading h2{font-size:calc(clamp(44px,5.8vw,82px) * var(--scale)) !important;}
body[dir="rtl"] .section-heading h2{font-size:calc(clamp(48px,6vw,88px) * var(--scale)) !important;}
.section-heading h3{font-size:calc(clamp(24px,2.4vw,34px) * var(--scale)) !important;}
.principle-card h3,.expertise-card h3{font-size:calc(25px * var(--scale)) !important;}
.milestone-card h3{font-size:calc(29px * var(--scale)) !important;}
.eyebrow{font-size:calc(12px * var(--scale)) !important;}
body[dir="rtl"] .eyebrow{font-size:calc(18px * var(--scale)) !important;}

/* Section label clarity */
.about .eyebrow,
.impact .eyebrow,
.principles .eyebrow{color:var(--accent) !important;}
.impact .milestone-card h3{color:var(--accent) !important;}

/* Abstract about visual */
.about-visual{background:transparent !important;border:1px solid rgba(19,22,41,.08);box-shadow:0 24px 70px rgba(19,22,41,.08);}
.about-abstract{width:100%;height:100%;object-fit:cover;display:block;}

/* Principles one-time motion sequence */
.principles-grid.motion-ready .principle-card{opacity:0;transform:translateY(24px) scale(.985);}
.principles-grid.motion-play .principle-card{animation:principleEnter .7s cubic-bezier(.2,.75,.25,1) forwards;}
.principles-grid.motion-play .principle-card:nth-child(1){animation-delay:.03s}
.principles-grid.motion-play .principle-card:nth-child(2){animation-delay:.11s}
.principles-grid.motion-play .principle-card:nth-child(3){animation-delay:.19s}
.principles-grid.motion-play .principle-card:nth-child(4){animation-delay:.27s}
.principles-grid.motion-play .principle-card:nth-child(5){animation-delay:.35s}
@keyframes principleEnter{to{opacity:1;transform:translateY(0) scale(1)}}

/* Official impact logos at one standard width */
.milestone-logo img{width:88px !important;max-width:88px !important;max-height:60px !important;height:auto !important;object-fit:contain !important;}
.milestone-logo.text-logo{font-size:0 !important;}

/* Stronger expertise icons */
.expertise-icon{width:46px !important;height:46px !important;border-color:rgba(248,247,243,.38) !important;color:#F8F7F3 !important;}
.expertise-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;}

/* Contact section alignment and Formspree states */
.contact.section{min-height:calc(100svh - var(--header-h)) !important;display:flex;align-items:center;}
.contact .container{width:min(1180px,calc(100% - 48px));}
.form-status{display:none;margin:0 0 18px;padding:12px 14px;border:1px solid transparent;font-family:var(--ui);font-size:14px !important;line-height:1.5;}
body[dir="rtl"] .form-status{font-family:var(--arabic);font-size:20px !important;}
.form-status.show{display:block;}
.form-status.success{background:rgba(19,22,41,.05);border-color:rgba(19,22,41,.16);color:var(--slate);}
.form-status.error{background:rgba(64,15,7,.06);border-color:rgba(64,15,7,.22);color:var(--accent);}
.contact-form button[disabled]{opacity:.68;cursor:wait;transform:none !important;}
.contact-links.icon-only a{display:grid !important;place-items:center !important;}
.contact-links.icon-only a img{width:30px;height:30px;object-fit:contain;display:block;}

/* Keep contact jump clean and avoid showing leadership remnants. */
#contact{scroll-margin-top:var(--header-h) !important;}

/* Mobile refinements */
@media (max-width:980px){
  p, li, .about-copy, .hero-lead, .milestone-card p, .milestone-card li, .expertise-card p, .principle-card p{font-size:calc(1rem * var(--scale)) !important;}
  .contact.section{min-height:auto !important;padding-bottom:44px !important;}
  .flag-toggle{border:0 !important;background:transparent !important;width:44px !important;min-width:44px !important;height:44px !important;}
}
.mobile-shortcuts a img{width:28px;height:28px;object-fit:contain;display:block;}

/* v25 refinements from final review */
:root{ --accent-label:#400F07; }

/* Keep header brand and language control physically stable across languages. */
@media (min-width:981px){
  .site-header,
  body[dir="rtl"] .site-header{
    direction:ltr !important;
    display:grid !important;
    grid-template-columns:260px minmax(0,1fr) 260px !important;
    align-items:center !important;
  }
  .site-header .brand,
  body[dir="rtl"] .site-header .brand{
    grid-column:1 !important;
    justify-self:start !important;
    direction:ltr !important;
    flex-direction:row !important;
    order:initial !important;
  }
  .site-header .brand-name,
  body[dir="rtl"] .site-header .brand-name{
    direction:auto !important;
    unicode-bidi:plaintext !important;
    text-align:left !important;
  }
  .desktop-nav,
  body[dir="rtl"] .desktop-nav{
    grid-column:2 !important;
    justify-self:center !important;
  }
  .header-actions,
  body[dir="rtl"] .header-actions{
    grid-column:3 !important;
    justify-self:end !important;
    min-width:0 !important;
    justify-content:flex-end !important;
    direction:ltr !important;
  }
}

/* Language flag should feel like an icon, not a pill button. */
.flag-toggle,
body[dir="rtl"] .flag-toggle{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.flag-toggle:hover,
.flag-toggle:focus-visible{
  background:transparent !important;
  outline:0 !important;
  transform:translateY(-1px);
}
.flag-toggle .flag{font-size:30px !important;display:block;line-height:1 !important;}

/* About section visual replacement and label clarity. */
.about .eyebrow,
.contact .eyebrow,
.principles .eyebrow,
.impact .eyebrow{color:var(--accent) !important;text-shadow:none !important;}
.about-visual{
  background:#101321 !important;
  border:0 !important;
  box-shadow:0 26px 80px rgba(19,22,41,.14) !important;
}
.about-abstract{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}

/* Contact icons: use the supplied square outline artwork as the square itself. */
.contact-links.icon-only{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:18px !important;
  align-items:center !important;
}
.contact-links.icon-only a{
  width:82px !important;
  height:82px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}
.contact-links.icon-only a img{
  width:82px !important;
  height:82px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}
.mobile-shortcuts a img{
  width:74px !important;
  height:74px !important;
  object-fit:contain !important;
}
.mobile-shortcuts a{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
}

/* Leadership icons from supplied custom artwork. */
.expertise-icon{
  width:58px !important;
  height:58px !important;
  border:0 !important;
  background:transparent !important;
  margin-bottom:16px !important;
}
.expertise-icon img{
  width:58px !important;
  height:58px !important;
  object-fit:contain !important;
  display:block !important;
  filter:invert(1) brightness(1.35) contrast(.95) opacity(.92);
}
.expertise-card:hover .expertise-icon img{filter:invert(1) brightness(1.55) contrast(1);}

/* Cleaner section snapping after language switching. */
#principles,#leadership,#impact,#contact{scroll-margin-top:calc(var(--header-h) + 2px) !important;}

@media (max-width:980px){
  .contact-links.icon-only a{width:74px !important;height:74px !important;}
  .contact-links.icon-only a img{width:74px !important;height:74px !important;}
  .flag-toggle .flag{font-size:32px !important;}
}


/* v26 final polish: move CV action to Contact and make About visual full-height. */
@media (min-width:981px){
  .about.section{
    padding:0 !important;
    min-height:calc(100svh - var(--header-h)) !important;
    display:flex !important;
    align-items:stretch !important;
  }
  .about.section .container.about-grid{
    height:calc(100svh - var(--header-h)) !important;
    align-items:center !important;
    gap:72px !important;
  }
  .about-visual{
    align-self:stretch !important;
    height:100% !important;
    width:min(540px,100%) !important;
    margin-block:0 !important;
  }
  .about-abstract{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }
  .contact-cv-action{
    margin-top:30px !important;
  }
  .contact-cv-action .btn{
    min-width:210px !important;
  }
}
.center-action{display:none !important;}
.contact-cv-action{margin-top:26px;}
.contact-cv-action .btn{min-height:54px;}
@media (max-width:980px){
  .contact-cv-action{margin-top:24px;}
  .contact-cv-action .btn{width:100%;}
}

/* v28 mobile rebuild: stable app-like mobile experience; desktop untouched */
@media (max-width:980px){
  :root{--header-h:92px;}
  html,body{width:100%;max-width:100%;overflow-x:hidden;background:var(--navy) !important;}
  body{font-family:var(--serif) !important;}
  body[dir="rtl"]{font-family:var(--arabic) !important;}
  .container{width:100% !important;max-width:100% !important;margin:0 !important;padding-inline:24px !important;}
  .section{min-height:auto !important;padding:72px 0 !important;scroll-margin-top:calc(var(--header-h) + 4px) !important;overflow:hidden !important;}

  /* Mobile header: one stable physical layout for both languages */
  .site-header,
  body[dir="rtl"] .site-header{
    position:sticky !important;top:0 !important;left:0 !important;right:0 !important;z-index:1000 !important;
    height:var(--header-h) !important;padding:16px 20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;
    background:rgba(19,22,41,.96) !important;border-bottom:1px solid rgba(237,237,237,.16) !important;direction:ltr !important;
  }
  .brand,
  body[dir="rtl"] .brand{min-width:0 !important;width:auto !important;display:flex !important;align-items:center !important;gap:12px !important;flex-direction:row !important;direction:ltr !important;order:0 !important;}
  .brand-mark{width:48px !important;height:48px !important;font-size:20px !important;flex:0 0 48px !important;}
  .brand-name,
  body[dir="rtl"] .brand-name{max-width:145px !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;color:var(--white) !important;font-size:15px !important;line-height:1.05 !important;text-align:left !important;direction:auto !important;unicode-bidi:plaintext !important;}
  body[dir="rtl"] .brand-name{font-family:var(--arabic) !important;font-size:20px !important;line-height:1.05 !important;}
  .desktop-nav{display:none !important;}
  .header-actions,
  body[dir="rtl"] .header-actions{min-width:0 !important;width:auto !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:14px !important;direction:ltr !important;order:2 !important;}
  .flag-toggle,
  body[dir="rtl"] .flag-toggle{width:42px !important;height:42px !important;min-width:42px !important;border:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important;display:grid !important;place-items:center !important;}
  .flag-toggle .flag{font-size:28px !important;line-height:1 !important;}
  .mobile-menu-button,
  body[dir="rtl"] .mobile-menu-button{display:flex !important;width:50px !important;height:50px !important;border:1px solid rgba(212,160,74,.75) !important;background:rgba(255,255,255,.02) !important;gap:7px !important;flex:0 0 50px !important;}
  .mobile-menu-button span{width:20px !important;background:#d4a04a !important;height:1.5px !important;}

  /* Mobile menu: readable, compact, high contrast */
  .mobile-menu{position:fixed !important;inset:0 !important;z-index:1200 !important;background:rgba(19,22,41,.98) !important;backdrop-filter:blur(14px) !important;opacity:0 !important;visibility:hidden !important;transition:.25s ease !important;}
  .mobile-menu.open{opacity:1 !important;visibility:visible !important;}
  .mobile-menu-panel,
  body[dir="rtl"] .mobile-menu-panel{position:absolute !important;inset:0 !important;border-radius:0 !important;background:linear-gradient(180deg,#131629,#101321) !important;padding:54px 28px 38px !important;display:flex !important;flex-direction:column !important;direction:ltr !important;}
  .mobile-menu-top{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:34px !important;}
  .menu-close{width:46px !important;height:46px !important;border:1px solid rgba(237,237,237,.28) !important;background:transparent !important;color:var(--white) !important;font-size:22px !important;line-height:1 !important;}
  .mobile-nav{display:grid !important;gap:0 !important;}
  .mobile-nav button,
  body[dir="rtl"] .mobile-nav button{font-family:var(--serif) !important;font-size:25px !important;line-height:1.15 !important;text-align:left !important;color:rgba(248,247,243,.94) !important;padding:20px 0 !important;border-bottom:1px solid rgba(237,237,237,.12) !important;background:transparent !important;}
  body[dir="rtl"] .mobile-nav button{font-family:var(--arabic) !important;font-size:30px !important;text-align:right !important;direction:rtl !important;}
  .mobile-shortcuts{margin-top:28px !important;display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:10px !important;}
  .mobile-shortcuts a{height:48px !important;border:1px solid rgba(237,237,237,.16) !important;background:rgba(255,255,255,.025) !important;display:grid !important;place-items:center !important;padding:0 !important;}
  .mobile-shortcuts a img{width:24px !important;height:24px !important;object-fit:contain !important;filter:invert(1) brightness(1.25) !important;opacity:.9 !important;}

  /* Hero mobile: portrait first, then compact text, then stats */
  .hero,
  body[dir="rtl"] .hero{min-height:auto !important;padding:0 !important;display:block !important;background:radial-gradient(circle at 80% 18%,rgba(64,15,7,.24),transparent 32%),linear-gradient(180deg,#131629 0%,#101321 100%) !important;color:var(--white) !important;}
  .hero-inner,
  body[dir="rtl"] .hero-inner{display:flex !important;flex-direction:column !important;width:100% !important;max-width:100% !important;padding:0 24px 30px !important;gap:0 !important;align-items:center !important;}
  .portrait-wrap,
  body[dir="rtl"] .portrait-wrap{order:1 !important;position:relative !important;width:100% !important;height:330px !important;min-height:330px !important;margin:24px auto 28px !important;padding:0 !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;overflow:hidden !important;background:linear-gradient(145deg,#071e31,#1b2230 55%,#0c1020) !important;border:1px solid rgba(237,237,237,.08) !important;}
  .portrait-ring{position:absolute !important;width:300px !important;height:300px !important;top:26px !important;left:50% !important;right:auto !important;bottom:auto !important;transform:translateX(-50%) !important;border-color:rgba(212,160,74,.38) !important;opacity:.9 !important;}
  .portrait,
  body[dir="rtl"] .portrait{display:block !important;position:relative !important;width:min(370px,96%) !important;height:100% !important;object-fit:contain !important;object-position:bottom center !important;transform:none !important;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28)) !important;mask-image:linear-gradient(#000 72%,rgba(0,0,0,.85) 88%,transparent 100%) !important;-webkit-mask-image:linear-gradient(#000 72%,rgba(0,0,0,.85) 88%,transparent 100%) !important;}
  .hero-copy,
  body[dir="rtl"] .hero-copy{order:2 !important;width:100% !important;padding:0 !important;text-align:center !important;direction:ltr !important;z-index:2 !important;}
  body[dir="rtl"] .hero-copy{direction:rtl !important;}
  .hero .eyebrow,
  body[dir="rtl"] .hero .eyebrow{color:#d4a04a !important;text-shadow:none !important;margin:0 0 14px !important;font-size:12px !important;letter-spacing:.24em !important;line-height:1.2 !important;text-align:center !important;font-family:var(--ui) !important;}
  body[dir="rtl"] .hero .eyebrow{font-family:var(--arabic) !important;font-size:21px !important;letter-spacing:0 !important;}
  .hero h1,
  body[dir="rtl"] .hero h1{white-space:normal !important;margin:0 0 16px !important;color:var(--white) !important;text-align:center !important;letter-spacing:-.045em !important;line-height:.92 !important;font-size:clamp(48px,14vw,64px) !important;}
  body[dir="rtl"] .hero h1{font-family:var(--arabic) !important;font-size:clamp(58px,15vw,78px) !important;letter-spacing:0 !important;line-height:.9 !important;}
  .hero h2,
  body[dir="rtl"] .hero h2{max-width:100% !important;margin:0 auto 18px !important;text-align:center !important;color:var(--white) !important;font-size:clamp(28px,7.4vw,38px) !important;line-height:1.08 !important;}
  body[dir="rtl"] .hero h2{font-family:var(--arabic) !important;font-size:clamp(34px,8.8vw,46px) !important;line-height:1.06 !important;}
  .hero-lead,
  body[dir="rtl"] .hero-lead{max-width:100% !important;margin:0 auto !important;text-align:center !important;color:rgba(248,247,243,.72) !important;font-size:18px !important;line-height:1.65 !important;}
  body[dir="rtl"] .hero-lead{font-size:24px !important;line-height:1.58 !important;}
  .hero-actions{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;width:100% !important;margin:26px 0 0 !important;}
  .hero-actions .btn{width:100% !important;min-height:54px !important;font-size:19px !important;}
  body[dir="rtl"] .hero-actions .btn{font-size:23px !important;}
  .credibility-strip,
  body[dir="rtl"] .credibility-strip{height:auto !important;display:grid !important;grid-template-columns:repeat(3,1fr) !important;background:var(--white) !important;color:var(--ink) !important;padding:0 !important;border-top:1px solid rgba(19,22,41,.12) !important;}
  .credibility-item,
  body[dir="rtl"] .credibility-item{min-height:92px !important;padding:13px 6px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;text-align:center !important;border-inline-end:1px solid rgba(19,22,41,.12) !important;}
  .credibility-item:last-child{border-inline-end:0 !important;}
  .credibility-item strong,
  body[dir="rtl"] .credibility-item strong{min-width:0 !important;font-family:var(--serif) !important;font-size:30px !important;line-height:1 !important;color:var(--ink) !important;direction:ltr !important;unicode-bidi:isolate !important;}
  .credibility-item span,
  .credibility-item.sectors span,
  body[dir="rtl"] .credibility-item span{font-size:12px !important;line-height:1.2 !important;color:#606571 !important;font-family:var(--ui) !important;margin:0 !important;}
  body[dir="rtl"] .credibility-item span{font-family:var(--arabic) !important;font-size:17px !important;}
  .credibility-item.sectors strong,
  body[dir="rtl"] .credibility-item.sectors strong{font-size:18px !important;line-height:1.15 !important;}

  /* About mobile */
  .about.section{background:var(--white) !important;padding:76px 0 !important;min-height:auto !important;display:block !important;}
  .about-grid,
  body[dir="rtl"] .about-grid{display:flex !important;flex-direction:column !important;gap:24px !important;align-items:stretch !important;width:100% !important;height:auto !important;padding-inline:24px !important;}
  .about .section-heading,
  body[dir="rtl"] .about .section-heading{text-align:center !important;order:1 !important;}
  .about .eyebrow{color:var(--accent) !important;font-size:12px !important;letter-spacing:.24em !important;}
  body[dir="rtl"] .about .eyebrow{font-size:22px !important;letter-spacing:0 !important;}
  .about .section-heading h2,
  body[dir="rtl"] .about .section-heading h2{font-size:clamp(46px,13vw,62px) !important;line-height:.95 !important;text-align:center !important;color:var(--ink) !important;}
  body[dir="rtl"] .about .section-heading h2{font-size:clamp(58px,15vw,76px) !important;}
  .about .section-heading h3,
  body[dir="rtl"] .about .section-heading h3{font-size:clamp(29px,8vw,40px) !important;line-height:1.08 !important;text-align:center !important;color:#9a552f !important;margin-top:12px !important;}
  body[dir="rtl"] .about .section-heading h3{font-size:clamp(34px,9vw,48px) !important;}
  .accent-rule{margin:20px auto 0 !important;background:#d4a04a !important;}
  .about-visual{order:2 !important;display:block !important;width:100% !important;height:220px !important;margin:0 auto 6px !important;align-self:auto !important;background:#101321 !important;border:0 !important;box-shadow:none !important;overflow:hidden !important;}
  .about-abstract{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;}
  .about-copy,
  body[dir="rtl"] .about-copy{order:3 !important;text-align:center !important;font-size:18px !important;line-height:1.72 !important;color:#4b505a !important;max-width:100% !important;margin:0 !important;}
  body[dir="rtl"] .about-copy{font-size:23px !important;line-height:1.75 !important;text-align:center !important;}
  .about-copy p{margin:0 0 20px !important;}

  /* Principles mobile */
  .principles.section{background:linear-gradient(180deg,#131629,#071e31) !important;color:var(--white) !important;padding:76px 0 !important;}
  .principles .section-heading{margin-bottom:30px !important;text-align:center !important;}
  .principles .eyebrow{color:#d4a04a !important;font-size:12px !important;letter-spacing:.24em !important;}
  body[dir="rtl"] .principles .eyebrow{font-size:22px !important;letter-spacing:0 !important;}
  .principles .section-heading h2,
  body[dir="rtl"] .principles .section-heading h2{font-size:clamp(38px,11vw,56px) !important;line-height:1.02 !important;text-align:center !important;color:var(--white) !important;}
  body[dir="rtl"] .principles .section-heading h2{font-size:clamp(46px,13vw,68px) !important;}
  .principles-grid{display:grid !important;grid-template-columns:1fr !important;gap:16px !important;}
  .principle-card,
  .principle-card:nth-child(4),
  .principle-card:nth-child(5){grid-column:auto !important;background:rgba(5,31,49,.88) !important;border:1px solid rgba(212,160,74,.55) !important;box-shadow:none !important;min-height:auto !important;padding:24px !important;color:var(--white) !important;}
  .card-num{font-size:34px !important;margin-bottom:14px !important;color:#d4a04a !important;}
  .principle-card h3,
  body[dir="rtl"] .principle-card h3{font-size:25px !important;line-height:1.16 !important;margin:0 0 12px !important;color:var(--white) !important;}
  body[dir="rtl"] .principle-card h3{font-size:34px !important;}
  .principle-card p,
  body[dir="rtl"] .principle-card p{font-size:17px !important;line-height:1.58 !important;color:rgba(248,247,243,.72) !important;}
  body[dir="rtl"] .principle-card p{font-size:23px !important;line-height:1.55 !important;}
  .principle-card:after{left:24px !important;bottom:20px !important;background:#d4a04a !important;}
  body[dir="rtl"] .principle-card:after{left:auto !important;right:24px !important;}

  /* Impact mobile */
  .impact.section{background:var(--white) !important;color:var(--ink) !important;padding:76px 0 !important;}
  .impact-heading{text-align:center !important;margin-bottom:32px !important;}
  .impact .eyebrow{color:var(--accent) !important;font-size:12px !important;letter-spacing:.24em !important;}
  body[dir="rtl"] .impact .eyebrow{font-size:22px !important;letter-spacing:0 !important;}
  .impact .section-heading h2,
  body[dir="rtl"] .impact .section-heading h2{font-size:clamp(44px,13vw,62px) !important;line-height:.96 !important;text-align:center !important;color:var(--ink) !important;}
  body[dir="rtl"] .impact .section-heading h2{font-size:clamp(58px,16vw,76px) !important;}
  .impact-heading p,
  body[dir="rtl"] .impact-heading p{text-align:center !important;font-size:18px !important;line-height:1.62 !important;color:#5b5f69 !important;margin-inline:auto !important;max-width:100% !important;}
  body[dir="rtl"] .impact-heading p{font-size:24px !important;line-height:1.58 !important;}
  .timeline{display:grid !important;gap:18px !important;position:relative !important;}
  .timeline:before,.milestone-dot{display:none !important;}
  .milestone,
  body[dir="rtl"] .milestone{display:block !important;padding:0 !important;margin:0 !important;}
  .milestone-logo,
  body[dir="rtl"] .milestone-logo{height:auto !important;width:100% !important;margin:0 0 -1px !important;padding:18px 22px 0 !important;justify-content:flex-start !important;background:#fff !important;border:1px solid rgba(19,22,41,.12) !important;border-bottom:0 !important;}
  body[dir="rtl"] .milestone-logo{justify-content:flex-end !important;}
  .milestone-logo img{width:90px !important;max-width:90px !important;height:54px !important;object-fit:contain !important;}
  .milestone-card,
  body[dir="rtl"] .milestone-card{display:block !important;background:#fff !important;border:1px solid rgba(19,22,41,.12) !important;padding:22px !important;box-shadow:none !important;}
  .milestone-card h3,
  body[dir="rtl"] .milestone-card h3{font-size:30px !important;line-height:1.12 !important;color:var(--accent) !important;margin:0 0 8px !important;}
  body[dir="rtl"] .milestone-card h3{font-size:37px !important;}
  .role,
  body[dir="rtl"] .role{font-size:17px !important;line-height:1.35 !important;color:#5b5f69 !important;margin-bottom:18px !important;}
  body[dir="rtl"] .role{font-size:23px !important;}
  .milestone-card p,
  body[dir="rtl"] .milestone-card p{font-size:17px !important;line-height:1.58 !important;color:#444955 !important;}
  body[dir="rtl"] .milestone-card p{font-size:23px !important;line-height:1.55 !important;}
  .milestone-card ul{display:none !important;}
  .impact-cue{display:none !important;}

  /* Leadership mobile */
  .expertise.section{background:linear-gradient(180deg,#071e31,#102033) !important;color:var(--white) !important;padding:76px 0 !important;}
  .expertise .section-heading{text-align:center !important;margin-bottom:30px !important;}
  .expertise .eyebrow{color:rgba(248,247,243,.7) !important;font-size:12px !important;letter-spacing:.24em !important;}
  body[dir="rtl"] .expertise .eyebrow{font-size:22px !important;letter-spacing:0 !important;}
  .expertise .section-heading h2,
  body[dir="rtl"] .expertise .section-heading h2{font-size:clamp(42px,12vw,60px) !important;line-height:1 !important;color:var(--white) !important;text-align:center !important;}
  body[dir="rtl"] .expertise .section-heading h2{font-size:clamp(56px,15vw,76px) !important;}
  .expertise .section-heading p,
  body[dir="rtl"] .expertise .section-heading p{font-size:18px !important;line-height:1.6 !important;color:rgba(248,247,243,.68) !important;text-align:center !important;max-width:100% !important;}
  body[dir="rtl"] .expertise .section-heading p{font-size:24px !important;line-height:1.55 !important;}
  .expertise-grid{display:grid !important;grid-template-columns:1fr !important;gap:16px !important;margin-top:0 !important;}
  .expertise-card,
  body[dir="rtl"] .expertise-card{display:block !important;min-height:auto !important;padding:24px !important;border:1px solid rgba(212,160,74,.55) !important;background:rgba(255,255,255,.035) !important;}
  .expertise-icon{width:48px !important;height:48px !important;margin:0 0 16px !important;}
  .expertise-icon img{width:48px !important;height:48px !important;object-fit:contain !important;filter:invert(1) brightness(1.35) !important;}
  .expertise-card h3,
  body[dir="rtl"] .expertise-card h3{font-size:28px !important;line-height:1.12 !important;color:#d4a04a !important;margin:0 0 12px !important;}
  body[dir="rtl"] .expertise-card h3{font-size:34px !important;}
  .expertise-card p,
  body[dir="rtl"] .expertise-card p{font-size:17px !important;line-height:1.58 !important;color:rgba(248,247,243,.72) !important;width:auto !important;max-width:100% !important;text-align:start !important;}
  body[dir="rtl"] .expertise-card p{font-size:23px !important;line-height:1.55 !important;text-align:right !important;}

  /* Contact mobile */
  .contact.section{background:var(--white) !important;color:var(--ink) !important;padding:76px 0 42px !important;display:block !important;min-height:auto !important;}
  .contact-grid{display:block !important;width:100% !important;padding-inline:24px !important;}
  .contact-copy{text-align:center !important;}
  .contact .eyebrow{color:var(--accent) !important;font-size:12px !important;letter-spacing:.24em !important;}
  body[dir="rtl"] .contact .eyebrow{font-size:22px !important;letter-spacing:0 !important;}
  .contact-copy h2,
  body[dir="rtl"] .contact-copy h2{font-size:clamp(50px,15vw,70px) !important;line-height:.95 !important;margin:0 0 22px !important;text-align:center !important;color:var(--ink) !important;}
  body[dir="rtl"] .contact-copy h2{font-size:clamp(64px,17vw,88px) !important;}
  .contact-copy p,
  body[dir="rtl"] .contact-copy p{font-size:18px !important;line-height:1.6 !important;color:#5b5f69 !important;text-align:center !important;}
  body[dir="rtl"] .contact-copy p{font-size:24px !important;line-height:1.55 !important;}
  .contact-links.icon-only{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important;justify-items:center !important;margin:30px 0 22px !important;}
  .contact-links.icon-only a{width:74px !important;height:74px !important;border:1px solid rgba(19,22,41,.14) !important;background:#fff !important;display:grid !important;place-items:center !important;padding:0 !important;}
  .contact-links.icon-only a img{width:44px !important;height:44px !important;object-fit:contain !important;filter:none !important;}
  .contact-cv-action{margin:22px 0 28px !important;}
  .contact-cv-action .btn{width:100% !important;min-height:56px !important;font-size:20px !important;}
  body[dir="rtl"] .contact-cv-action .btn{font-size:24px !important;}
  .contact-form{padding:24px !important;margin:0 !important;border:1px solid rgba(19,22,41,.12) !important;background:#fff !important;width:100% !important;}
  .contact-form label{font-size:18px !important;line-height:1.3 !important;color:#5b5f69 !important;}
  body[dir="rtl"] .contact-form label{font-size:24px !important;}
  .contact-form input,.contact-form textarea{width:100% !important;font-size:18px !important;background:var(--light) !important;border:1px solid rgba(19,22,41,.16) !important;}
  body[dir="rtl"] .contact-form input,body[dir="rtl"] .contact-form textarea{font-size:22px !important;}
  .site-footer{padding:28px 0 !important;}
  .footer-inner{display:grid !important;gap:14px !important;justify-items:center !important;text-align:center !important;}
  .font-controls{display:none !important;}
}

@media (max-width:420px){
  .container{padding-inline:22px !important;}
  .site-header{padding-inline:16px !important;}
  .brand-name{max-width:130px !important;font-size:14px !important;}
  body[dir="rtl"] .brand-name{font-size:18px !important;}
  .portrait-wrap{height:300px !important;min-height:300px !important;}
  .portrait{width:min(340px,98%) !important;}
  .hero h1{font-size:clamp(44px,13vw,58px) !important;}
  body[dir="rtl"] .hero h1{font-size:clamp(56px,15vw,72px) !important;}
  .hero h2{font-size:clamp(26px,7vw,34px) !important;}
  body[dir="rtl"] .hero h2{font-size:clamp(32px,8vw,42px) !important;}
  .credibility-item strong{font-size:27px !important;}
  .credibility-item span{font-size:11px !important;}
  body[dir="rtl"] .credibility-item span{font-size:15px !important;}
  .credibility-item.sectors strong{font-size:16px !important;}
  .mobile-nav button{font-size:23px !important;}
  body[dir="rtl"] .mobile-nav button{font-size:28px !important;}
}

/* v29 mobile refinements: fixed app header, compact hero, clean contact form */
@media (max-width:980px){
  :root{--header-h:86px;}
  html,body{overflow-x:hidden !important;}
  body{padding-top:var(--header-h) !important;}

  /* Keep mobile navigation visible as the visitor moves through the site */
  .site-header,
  body[dir="rtl"] .site-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:1150 !important;
    height:var(--header-h) !important;
    padding:14px 20px !important;
  }
  .brand-mark{width:44px !important;height:44px !important;font-size:19px !important;flex-basis:44px !important;}
  .brand-name,
  body[dir="rtl"] .brand-name{font-size:14px !important;line-height:1.05 !important;max-width:136px !important;}
  body[dir="rtl"] .brand-name{font-size:18px !important;text-align:left !important;}
  .flag-toggle,
  body[dir="rtl"] .flag-toggle{width:36px !important;height:36px !important;min-width:36px !important;}
  .flag-toggle .flag{font-size:24px !important;}
  .mobile-menu-button,
  body[dir="rtl"] .mobile-menu-button{width:46px !important;height:46px !important;flex-basis:46px !important;}

  /* Mobile menu: smaller, clearer, no oversized dark shortcuts */
  .mobile-menu-panel,
  body[dir="rtl"] .mobile-menu-panel{padding:44px 28px 34px !important;}
  .mobile-menu-top{margin-bottom:26px !important;}
  .mobile-nav button,
  body[dir="rtl"] .mobile-nav button{font-size:21px !important;line-height:1.15 !important;padding:15px 0 !important;color:rgba(248,247,243,.92) !important;}
  body[dir="rtl"] .mobile-nav button{font-size:24px !important;}
  .mobile-shortcuts{grid-template-columns:repeat(5,1fr) !important;gap:8px !important;margin-top:22px !important;}
  .mobile-shortcuts a{height:38px !important;border-color:rgba(212,160,74,.32) !important;background:rgba(255,255,255,.035) !important;}
  .mobile-shortcuts a img{width:20px !important;height:20px !important;filter:invert(1) brightness(1.45) !important;opacity:.95 !important;}

  /* Compact hero so the credibility strip appears without excessive scrolling */
  .hero,
  body[dir="rtl"] .hero{min-height:auto !important;padding:0 !important;}
  .hero-inner,
  body[dir="rtl"] .hero-inner{
    padding:0 22px 20px !important;
    align-items:stretch !important;
  }
  .portrait-wrap,
  body[dir="rtl"] .portrait-wrap{
    height:220px !important;
    min-height:220px !important;
    margin:14px auto 18px !important;
  }
  .portrait-ring{width:220px !important;height:220px !important;top:18px !important;}
  .portrait,
  body[dir="rtl"] .portrait{width:min(270px,92%) !important;}

  .hero-copy,
  body[dir="rtl"] .hero-copy{
    width:100% !important;
    max-width:100% !important;
    text-align:left !important;
    direction:ltr !important;
  }
  body[dir="rtl"] .hero-copy{
    text-align:right !important;
    direction:rtl !important;
  }
  .hero .eyebrow,
  body[dir="rtl"] .hero .eyebrow{
    text-align:inherit !important;
    margin:0 0 9px !important;
    font-size:10px !important;
  }
  body[dir="rtl"] .hero .eyebrow{font-size:17px !important;}
  .hero h1,
  body[dir="rtl"] .hero h1{
    text-align:inherit !important;
    margin:0 0 10px !important;
    font-size:clamp(36px,10.8vw,48px) !important;
    line-height:.94 !important;
  }
  body[dir="rtl"] .hero h1{font-size:clamp(46px,12vw,60px) !important;line-height:.94 !important;}
  .hero h2,
  body[dir="rtl"] .hero h2{
    text-align:inherit !important;
    max-width:100% !important;
    margin:0 0 12px !important;
    font-size:clamp(21px,5.8vw,27px) !important;
    line-height:1.16 !important;
  }
  body[dir="rtl"] .hero h2{font-size:clamp(25px,6.6vw,33px) !important;line-height:1.18 !important;}
  .hero-lead,
  body[dir="rtl"] .hero-lead{
    text-align:inherit !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.55 !important;
  }
  body[dir="rtl"] .hero-lead{font-size:19px !important;line-height:1.55 !important;}
  .hero-actions{grid-template-columns:1fr 1fr !important;gap:10px !important;margin:18px 0 0 !important;}
  .hero-actions .btn{min-height:46px !important;font-size:15px !important;padding:0 10px !important;}
  body[dir="rtl"] .hero-actions .btn{font-size:18px !important;}
  .credibility-strip,
  body[dir="rtl"] .credibility-strip{grid-template-columns:repeat(3,1fr) !important;}
  .credibility-item,
  body[dir="rtl"] .credibility-item{min-height:76px !important;padding:9px 5px !important;}
  .credibility-item strong{font-size:25px !important;}
  .credibility-item span{font-size:10px !important;line-height:1.2 !important;}
  body[dir="rtl"] .credibility-item span{font-size:14px !important;}
  .credibility-item.sectors strong{font-size:14px !important;line-height:1.2 !important;}

  /* Remove social-icon grid from Contact on mobile; keep the contact form and CV action */
  .contact-links.icon-only,
  body[dir="rtl"] .contact-links.icon-only{display:none !important;}
  .contact.section{padding:66px 0 38px !important;}
  .contact-copy h2,
  body[dir="rtl"] .contact-copy h2{font-size:clamp(44px,13vw,58px) !important;margin-bottom:18px !important;}
  body[dir="rtl"] .contact-copy h2{font-size:clamp(56px,15vw,72px) !important;}
  .contact-copy p,
  body[dir="rtl"] .contact-copy p{font-size:16px !important;line-height:1.55 !important;}
  body[dir="rtl"] .contact-copy p{font-size:20px !important;}
  .contact-cv-action{margin:20px 0 22px !important;}
  .contact-form{margin-top:0 !important;}
}

@media (max-width:420px){
  .site-header,
  body[dir="rtl"] .site-header{padding-inline:14px !important;}
  .brand-name{max-width:120px !important;font-size:13px !important;}
  body[dir="rtl"] .brand-name{font-size:17px !important;}
  .portrait-wrap{height:205px !important;min-height:205px !important;}
  .portrait{width:min(250px,92%) !important;}
  .hero h1{font-size:clamp(34px,10.5vw,44px) !important;}
  body[dir="rtl"] .hero h1{font-size:clamp(42px,11.5vw,56px) !important;}
  .hero h2{font-size:clamp(20px,5.5vw,25px) !important;}
  body[dir="rtl"] .hero h2{font-size:clamp(24px,6.2vw,31px) !important;}
  .hero-lead{font-size:14px !important;}
  body[dir="rtl"] .hero-lead{font-size:18px !important;}
  .hero-actions .btn{font-size:14px !important;}
  body[dir="rtl"] .hero-actions .btn{font-size:17px !important;}
}


/* v35: Desktop is locked to v29. Everything below is mobile-only. */
@media (max-width: 980px){
  /* mobile menu header restored */
  .mobile-menu-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;}
  .menu-brand{display:flex !important;align-items:center !important;gap:12px !important;min-width:0 !important;}
  .menu-brand-name{font:700 20px/1.05 var(--serif) !important;color:var(--white) !important;max-width:180px !important;}
  body[dir="rtl"] .menu-brand-name{font-family:var(--arabic) !important;font-size:26px !important;}
  .menu-tools{display:flex !important;align-items:center !important;gap:14px !important;}
  .menu-lang{appearance:none !important;border:0 !important;background:transparent !important;padding:0 !important;width:34px !important;height:34px !important;font-size:26px !important;display:grid !important;place-items:center !important;cursor:pointer !important;}
  .menu-close{width:46px !important;height:46px !important;border:1px solid rgba(237,237,237,.28) !important;color:var(--white) !important;background:transparent !important;}
  .mobile-nav button{font-size:21px !important;}
  body[dir="rtl"] .mobile-nav button{font-size:25px !important;text-align:right !important;}
  .mobile-shortcuts a img{filter:invert(1) brightness(1.35) !important;}

  /* About alignment and full-width mobile section */
  .about.section{width:100% !important;overflow:hidden !important;}
  .about-grid{width:100% !important;}
  .about .section-heading,
  .about-copy{text-align:left !important;}
  body[dir="rtl"] .about .section-heading,
  body[dir="rtl"] .about-copy{text-align:right !important;}
  .about .section-heading h2{font-size:clamp(40px,12vw,58px) !important;line-height:.98 !important;}
  .about .section-heading h3{font-size:clamp(26px,7vw,38px) !important;line-height:1.08 !important;}
  body[dir="rtl"] .about .section-heading h2{font-size:clamp(50px,14vw,68px) !important;}
  body[dir="rtl"] .about .section-heading h3{font-size:clamp(34px,9vw,48px) !important;}
  .about-copy p{font-size:16px !important;line-height:1.48 !important;}
  body[dir="rtl"] .about-copy p{font-size:20px !important;line-height:1.45 !important;}

  /* Accordion base */
  .accordion-toggle{width:100% !important;appearance:none !important;background:transparent !important;border:0 !important;padding:0 !important;color:inherit !important;font:inherit !important;text-align:inherit !important;cursor:pointer !important;display:flex !important;align-items:center !important;gap:14px !important;}
  .accordion-body{display:none !important;}
  .mobile-accordion.open > .accordion-body{display:block !important;}
  .accordion-arrow{color:#d4a04a !important;font-size:26px !important;line-height:1 !important;margin-inline-start:auto !important;transition:transform .2s ease !important;}
  .mobile-accordion.open .accordion-arrow{transform:rotate(180deg) !important;}

  /* Principles: equal compact cards */
  .principles-grid{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;margin-top:22px !important;}
  .principle-card,
  .principle-card:nth-child(4),
  .principle-card:nth-child(5){min-height:0 !important;height:auto !important;padding:0 !important;border:1px solid rgba(212,160,74,.56) !important;background:#061f31 !important;color:var(--white) !important;}
  .principle-card .accordion-toggle{min-height:76px !important;padding:13px 16px !important;}
  .principle-card .card-num{font-size:31px !important;line-height:1 !important;min-width:72px !important;margin:0 !important;display:flex !important;align-items:center !important;gap:8px !important;color:#d4a04a !important;}
  .principle-card .card-num:after{content:"";display:block;width:34px;height:2px;background:#d4a04a;}
  .principle-card .accordion-title{font:700 25px/1.05 var(--serif) !important;color:var(--white) !important;flex:1 1 auto !important;}
  body[dir="rtl"] .principle-card .accordion-title{font-family:var(--arabic) !important;font-size:30px !important;line-height:1.05 !important;text-align:right !important;}
  .principle-card .accordion-body{padding:0 18px 18px !important;}
  .principle-card .accordion-body p{font-size:16px !important;line-height:1.48 !important;color:rgba(248,247,243,.78) !important;margin:0 !important;text-align:left !important;}
  body[dir="rtl"] .principle-card .accordion-body p{font-size:21px !important;line-height:1.45 !important;text-align:right !important;}
  .principle-card:after{display:none !important;}
  body[dir="rtl"] .principle-card .accordion-toggle{flex-direction:row-reverse !important;}
  body[dir="rtl"] .principle-card .accordion-arrow{margin-inline-start:0 !important;margin-inline-end:auto !important;}

  /* Impact: independent logo/text/arrow columns, closed by default */
  .impact.section{background:var(--white) !important;color:var(--ink) !important;padding:68px 0 72px !important;overflow:hidden !important;}
  .timeline{display:grid !important;gap:12px !important;}
  .timeline:before,.milestone-dot{display:none !important;}
  .milestone,
  body[dir="rtl"] .milestone{display:block !important;padding:0 !important;margin:0 !important;}
  .milestone-toggle{display:grid !important;grid-template-columns:112px minmax(0,1fr) 28px !important;align-items:center !important;gap:14px !important;min-height:100px !important;padding:12px 16px !important;border:1px solid rgba(19,22,41,.14) !important;background:#fff !important;color:var(--ink) !important;}
  body[dir="rtl"] .milestone-toggle{grid-template-columns:28px minmax(0,1fr) 112px !important;direction:ltr !important;}
  .milestone-toggle .milestone-logo{width:96px !important;height:66px !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;display:grid !important;place-items:center !important;overflow:hidden !important;}
  .milestone-toggle .milestone-logo img{display:block !important;width:86px !important;height:58px !important;max-width:86px !important;max-height:58px !important;object-fit:contain !important;}
  .milestone-toggle .milestone-logo.text-logo{font-size:0 !important;}
  .milestone-toggle .milestone-summary{min-width:0 !important;display:block !important;text-align:left !important;}
  body[dir="rtl"] .milestone-toggle .milestone-summary{text-align:right !important;direction:rtl !important;}
  .milestone-toggle .milestone-summary strong{display:block !important;font:700 28px/1.08 var(--serif) !important;color:var(--accent) !important;white-space:normal !important;overflow:visible !important;}
  .milestone-toggle .milestone-summary small{display:block !important;margin-top:3px !important;font:500 16px/1.25 var(--serif) !important;color:#6b707a !important;}
  body[dir="rtl"] .milestone-toggle .milestone-summary strong{font-family:var(--arabic) !important;font-size:32px !important;line-height:1.05 !important;}
  body[dir="rtl"] .milestone-toggle .milestone-summary small{font-family:var(--arabic) !important;font-size:20px !important;line-height:1.2 !important;}
  .milestone-toggle .accordion-arrow{font-size:26px !important;grid-column:auto !important;}
  .milestone-card.accordion-body{display:none !important;background:#fff !important;border:1px solid rgba(19,22,41,.14) !important;border-top:0 !important;padding:20px !important;box-shadow:none !important;}
  .milestone.open .milestone-card.accordion-body{display:block !important;}
  .milestone-card h3{display:none !important;}
  .milestone-card .role{display:none !important;}
  .milestone-card p,.milestone-card li{font-size:16px !important;line-height:1.5 !important;color:#444955 !important;text-align:left !important;}
  body[dir="rtl"] .milestone-card p,body[dir="rtl"] .milestone-card li{font-size:21px !important;line-height:1.45 !important;text-align:right !important;font-family:var(--arabic) !important;}
  .milestone-card ul{margin-top:12px !important;padding-inline-start:18px !important;}
  .impact-cue{display:none !important;}

  /* Leadership: compact accordion cards with icons */
  .expertise-grid{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;margin-top:24px !important;}
  .expertise-card{padding:0 !important;min-height:0 !important;border:1px solid rgba(212,160,74,.55) !important;background:rgba(255,255,255,.035) !important;}
  .expertise-toggle{min-height:78px !important;padding:14px 16px !important;}
  .expertise-toggle .expertise-icon{width:38px !important;height:38px !important;margin:0 !important;border:0 !important;flex:0 0 38px !important;}
  .expertise-toggle .expertise-icon img{width:38px !important;height:38px !important;object-fit:contain !important;filter:invert(1) sepia(.15) saturate(1.8) brightness(1.25) !important;}
  .expertise-toggle .accordion-title{font:700 23px/1.1 var(--serif) !important;color:#d4a04a !important;flex:1 !important;}
  body[dir="rtl"] .expertise-toggle .accordion-title{font-family:var(--arabic) !important;font-size:29px !important;text-align:right !important;}
  body[dir="rtl"] .expertise-toggle{flex-direction:row-reverse !important;}
  body[dir="rtl"] .expertise-toggle .accordion-arrow{margin-inline-start:0 !important;margin-inline-end:auto !important;}
  .expertise-card .accordion-body{padding:0 18px 18px !important;}
  .expertise-card .accordion-body p{font-size:16px !important;line-height:1.48 !important;color:rgba(248,247,243,.74) !important;margin:0 !important;text-align:left !important;}
  body[dir="rtl"] .expertise-card .accordion-body p{font-size:21px !important;line-height:1.45 !important;text-align:right !important;}
  .expertise-card:after{display:none !important;}

  /* Contact form remains the focus on mobile */
  .contact-links.icon-only{display:none !important;}
}

@media (max-width: 420px){
  .milestone-toggle{grid-template-columns:92px minmax(0,1fr) 24px !important;gap:10px !important;padding:11px 12px !important;}
  body[dir="rtl"] .milestone-toggle{grid-template-columns:24px minmax(0,1fr) 92px !important;}
  .milestone-toggle .milestone-logo{width:82px !important;height:58px !important;}
  .milestone-toggle .milestone-logo img{width:76px !important;height:50px !important;max-width:76px !important;max-height:50px !important;}
  .milestone-toggle .milestone-summary strong{font-size:24px !important;}
  .milestone-toggle .milestone-summary small{font-size:14px !important;}
  body[dir="rtl"] .milestone-toggle .milestone-summary strong{font-size:28px !important;}
  body[dir="rtl"] .milestone-toggle .milestone-summary small{font-size:18px !important;}
  .principle-card .accordion-title{font-size:23px !important;}
  body[dir="rtl"] .principle-card .accordion-title{font-size:28px !important;}
}

/* v37 typography refinement: unify desktop section heading scale and enforce English nav font */
@media (min-width: 981px){
  html[lang="en"] .about .section-heading h3,
  html[lang="en"] .principles .section-heading h2,
  html[lang="en"] .impact-heading h2,
  html[lang="en"] .expertise .section-heading h2,
  html[lang="en"] .contact-copy h2{
    font-family:'Open Sans Local', Arial, sans-serif !important;
    font-size:calc(clamp(40px,4.2vw,64px) * var(--scale)) !important;
    line-height:1.04 !important;
    letter-spacing:-.028em !important;
  }

  html[lang="en"] .site-header,
  html[lang="en"] .site-header .brand-name,
  html[lang="en"] .site-header .nav-link,
  html[lang="en"] .site-header button,
  html[lang="en"] .mobile-panel,
  html[lang="en"] .mobile-panel button,
  html[lang="en"] .mobile-nav button{
    font-family:'Open Sans Local', Arial, sans-serif !important;
  }

  html[lang="en"] .desktop-nav .nav-link{
    font-weight:600 !important;
    letter-spacing:.01em !important;
  }
}

/* =====================================================================
   POLISH LAYER — v38 (design refinement, content untouched)
   Goal: resolve a single, consistent accent identity
   (oxblood on light, refined bronze on dark), refine type & details.
   Appended last so it cleanly overrides earlier accumulated rules.
   ===================================================================== */
:root{
  --accent:#6f1810;            /* refined oxblood — present, not near-black */
  --accent-ink:#5a130c;        /* deeper oxblood for small text on light    */
  --accent-warm:#cda24e;       /* refined antique bronze for dark surfaces   */
  --accent-warm-soft:rgba(205,162,78,.42);
  --light:#efeae1;             /* warmer, intentional cream                  */
}

/* --- Accent on LIGHT sections stays oxblood (already inherits var) --- */
.eyebrow{color:var(--accent)}
body[dir="rtl"] .eyebrow{color:var(--accent-ink)}

/* --- Accent on DARK sections becomes warm bronze (consistency fix) --- */
.dark-section .eyebrow,
.dark-panel-section .eyebrow,
body[dir="rtl"] .dark-section .eyebrow,
body[dir="rtl"] .dark-panel-section .eyebrow{color:var(--accent-warm)!important}

/* Header nav underline reads on the dark header */
.nav-link::after{background:var(--accent-warm)}

/* Hero portrait ring — premium warm hairline instead of muddy oxblood */
.portrait-ring{border-color:var(--accent-warm-soft)!important}

/* Expertise (dark panel): warm accents + clearly visible icons */
.dark-panel-section .expertise-card:after{background:var(--accent-warm)!important}
.dark-panel-section .expertise-icon{
  border-color:rgba(205,162,78,.4)!important;
  color:var(--accent-warm)!important;
}
@media (min-width:981px){
  .dark-panel-section .expertise-icon img{
    filter:invert(1) sepia(.28) saturate(2.1) hue-rotate(2deg) brightness(1.12) contrast(.95)!important;
    opacity:.95!important;
  }
  .dark-panel-section .expertise-card:hover .expertise-icon img{
    filter:invert(1) sepia(.3) saturate(2.4) brightness(1.25)!important;
  }
}

/* Buttons: refined oxblood with a warmer, calmer hover on dark */
.btn.primary{background:var(--accent);border-color:var(--accent)}
.btn.primary:hover{background:#7f1d12;box-shadow:0 16px 40px rgba(111,24,16,.28)}
.dark-section .btn.secondary:hover,
.btn.secondary:hover{border-color:var(--accent-warm-soft);color:#fff}

/* Form focus ring tied to refined oxblood */
.contact-form input:focus,
.contact-form textarea:focus{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px rgba(111,24,16,.10)!important;
}

/* --- Typography: relax the over-tight display tracking (keep Open Sans) --- */
h1{letter-spacing:-.022em}
.section-heading h2{letter-spacing:-.018em}
.contact-copy h2{letter-spacing:-.018em}
.eyebrow{letter-spacing:.2em}

/* Timeline spine + dot use refined oxblood (impact is a light section) */
.timeline:before{background:rgba(111,24,16,.26)!important}
.milestone-dot{background:var(--accent)!important}
body[dir="rtl"] .timeline:before{background:rgba(111,24,16,.26)!important}

/* Subtle: warm the about accent rule too (it's on a light section → oxblood) */
.accent-rule{background:var(--accent)}

/* =====================================================================
   POLISH LAYER — v41
   Site-wide heading scale + word-break fix, about dead-space,
   social icon sizing, form contrast, font-scale widget, type weight.
   Content untouched. Appended last to override prior layers.
   ===================================================================== */

/* ---- 1. Headings: prevent word-by-word breaking + balance lines ---- */
.hero h1,.section-heading h2,.section-heading h3,.contact-copy h2,
.impact-heading h2,.principle-toggle b,.milestone-card h3,.expertise-card h3{
  overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
  text-wrap:balance;
}
/* ---- 1b. Lighter, more elegant display weight (Markazi caps at 700) ---- */
.hero h1,.section-heading h2,.section-heading h3,
.contact-copy h2,.impact-heading h2{font-weight:700!important;}

/* ---- 2. DESKTOP heading scale (calmer, fewer line-wraps) ---- */
@media (min-width:981px){
  .hero h1{font-size:calc(clamp(46px,4.1vw,66px) * var(--scale))!important;}
  body[dir="rtl"] .hero h1{font-size:calc(clamp(50px,4.4vw,72px) * var(--scale))!important;}

  .about .section-heading h2{font-size:clamp(26px,2.1vw,34px)!important;}
  body[dir="rtl"] .about .section-heading h2{font-size:clamp(28px,2.3vw,38px)!important;}
  .about .section-heading h3{font-size:clamp(40px,4vw,58px)!important;line-height:1.04!important;}
  body[dir="rtl"] .about .section-heading h3{font-size:clamp(44px,4.4vw,64px)!important;}

  .principles .section-heading h2{font-size:clamp(34px,3.4vw,50px)!important;}
  .impact-heading h2,.impact .section-heading h2{font-size:clamp(36px,3.6vw,54px)!important;}
  .expertise .section-heading h2{font-size:clamp(34px,3.4vw,52px)!important;}
  .contact-copy h2{font-size:clamp(40px,4vw,60px)!important;}
}

/* ---- 3. MOBILE heading scale (was far too large) ---- */
@media (max-width:980px){
  .hero h1{font-size:clamp(34px,9vw,44px)!important;line-height:1.05!important;}
  body[dir="rtl"] .hero h1{font-size:clamp(38px,10vw,50px)!important;line-height:1.0!important;}

  .about .section-heading h2{font-size:clamp(22px,6vw,30px)!important;}
  body[dir="rtl"] .about .section-heading h2{font-size:clamp(24px,6.5vw,32px)!important;}
  .about .section-heading h3{font-size:clamp(28px,7.5vw,38px)!important;line-height:1.08!important;}
  body[dir="rtl"] .about .section-heading h3{font-size:clamp(30px,8vw,42px)!important;}

  .principles .section-heading h2{font-size:clamp(27px,7vw,36px)!important;line-height:1.1!important;}
  body[dir="rtl"] .principles .section-heading h2{font-size:clamp(29px,7.6vw,40px)!important;}
  .impact .section-heading h2,.impact-heading h2{font-size:clamp(28px,7.4vw,38px)!important;line-height:1.06!important;}
  body[dir="rtl"] .impact .section-heading h2{font-size:clamp(30px,8vw,42px)!important;}
  .expertise .section-heading h2{font-size:clamp(27px,7vw,36px)!important;line-height:1.08!important;}
  body[dir="rtl"] .expertise .section-heading h2{font-size:clamp(29px,7.6vw,40px)!important;}
  .contact-copy h2{font-size:clamp(30px,8vw,40px)!important;line-height:1.05!important;}
  body[dir="rtl"] .contact-copy h2{font-size:clamp(32px,8.6vw,44px)!important;}
}

/* ---- 4. About: remove the dead vertical gap (desktop only) ---- */
@media (min-width:981px){
  .about-grid{align-content:center!important;row-gap:20px!important;}
  .about-grid .section-heading{align-self:end!important;}
  .about-grid .about-copy{align-self:start!important;}
}

/* ---- 5. Contact social icons: smaller, consistent ---- */
.contact-links.icon-only a{width:46px!important;height:46px!important;}
.contact-links.icon-only a img{width:20px!important;height:20px!important;object-fit:contain!important;}

/* ---- 6. Mobile menu social: bigger tap target, clearer ---- */
@media (max-width:980px){
  .mobile-shortcuts{grid-template-columns:repeat(5,1fr)!important;gap:10px!important;}
  .mobile-shortcuts a{height:54px!important;border:1px solid rgba(248,247,243,.26)!important;
    background:rgba(255,255,255,.04)!important;border-radius:10px!important;}
  .mobile-shortcuts a img{width:26px!important;height:26px!important;
    filter:invert(1) brightness(1.4)!important;opacity:.95!important;}
}

/* ---- 7. Contact form: clearer field affordance + grounded card ---- */
.contact-form input,.contact-form textarea{
  background:#f3efe6!important;border:1.5px solid rgba(19,22,41,.2)!important;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9a9ea6}
.contact-form input:focus,.contact-form textarea:focus{
  background:#fff!important;border-color:var(--accent)!important;
  box-shadow:0 0 0 3px rgba(111,24,16,.10)!important;
}
.contact-form{border:1px solid rgba(19,22,41,.1)!important;box-shadow:0 22px 60px rgba(19,22,41,.10)!important;}

/* ---- 8. Font-scale widget: softer, more integrated ---- */
.font-controls{border-radius:14px!important;overflow:hidden!important;
  background:rgba(19,22,41,.82)!important;border-color:rgba(237,237,237,.12)!important;
  box-shadow:0 10px 30px rgba(19,22,41,.2)!important;}
.font-controls button{transition:background .2s,color .2s!important;}
.font-controls button:hover{background:rgba(255,255,255,.07)!important;color:var(--accent-warm)!important;}

/* ---- v39.1 micro-tweak: contact social icons a touch larger/cohesive ---- */
.contact-links.icon-only{gap:12px!important}
.contact-links.icon-only a{width:48px!important;height:48px!important}
.contact-links.icon-only a img{width:22px!important;height:22px!important}

/* =====================================================================
   POLISH LAYER — v42  (feature + refinement pass; content per request)
   Preloader motion + tagline, nav first-visit hint, social grid for 6,
   About spacing/image, contact zoom-safe. RTL/LTR aware.
   ===================================================================== */

/* ---- A. Preloader: elegant one-shot sequence + "أثر يبقى" tagline ---- */
.loader-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.loader .loader-mark{
  position:relative;animation:ia-mark-in .85s cubic-bezier(.2,.72,.2,1) both;
}
.loader .loader-mark::after{
  content:"";position:absolute;inset:-15px;border:1px solid #cda24e;border-radius:50%;
  opacity:0;animation:ia-ring-draw 1s ease .18s both;
}
.loader .loader-line{
  position:static !important;top:auto !important;margin-top:30px;width:132px;transform-origin:center;
  animation:ia-line-draw .8s cubic-bezier(.3,.7,.2,1) .4s both !important;
}
.loader-tagline{
  margin-top:22px;color:rgba(248,247,243,.9);font-family:var(--arabic),Georgia,serif;
  font-size:24px;line-height:1;letter-spacing:.12em;opacity:0;direction:rtl;
  animation:ia-tagline-in 1s cubic-bezier(.2,.72,.2,1) .62s both;
}
@keyframes ia-mark-in{0%{opacity:0;transform:translateY(12px) scale(.82)}60%{opacity:1;transform:translateY(0) scale(1.035)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ia-ring-draw{0%{opacity:0;transform:scale(.62)}100%{opacity:.5;transform:scale(1)}}
@keyframes ia-line-draw{0%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}}
@keyframes ia-tagline-in{0%{opacity:0;transform:translateY(10px);letter-spacing:.32em}100%{opacity:1;transform:translateY(0);letter-spacing:.12em}}

/* ---- B. Navigation first-visit hint: soft sequential underline sweep ---- */
@media (min-width:981px){
  .desktop-nav.nav-hint .nav-link::after{animation:ia-hint-underline 1.5s ease both;}
  .desktop-nav.nav-hint .nav-link:nth-child(1)::after{animation-delay:.05s}
  .desktop-nav.nav-hint .nav-link:nth-child(2)::after{animation-delay:.18s}
  .desktop-nav.nav-hint .nav-link:nth-child(3)::after{animation-delay:.31s}
  .desktop-nav.nav-hint .nav-link:nth-child(4)::after{animation-delay:.44s}
  .desktop-nav.nav-hint .nav-link:nth-child(5)::after{animation-delay:.57s}
}
@keyframes ia-hint-underline{0%{transform:scaleX(0);opacity:.0}30%{transform:scaleX(1);opacity:1}68%{transform:scaleX(1);opacity:1}100%{transform:scaleX(0);opacity:0}}

/* ---- C. Social icons: balanced grid now that LinkedIn makes 6 ---- */
@media (max-width:980px){
  .mobile-shortcuts{grid-template-columns:repeat(3,1fr) !important;gap:10px !important;}
}

/* ---- D. About (desktop): clear the eyebrow, tighten heading->copy, image meets Principles ---- */
@media (min-width:981px){
  .about.section{
    min-height:calc(100svh - var(--header-h)) !important;
    padding:0 !important; display:flex !important; align-items:stretch !important;
  }
  .about.section .container.about-grid{
    height:calc(100svh - var(--header-h)) !important;
    grid-template-columns:1fr 1.05fr !important;
    align-items:center !important; align-content:center !important;
    transform:none !important;                 /* drop the old upward shift that hid "About" */
    gap:0 64px !important; padding-block:0 !important;
  }
  /* Heading sits just above the gap; copy sits just below -> grouped & centered together */
  .about-grid .section-heading{
    grid-row:1 !important; grid-column:1 !important;
    align-self:end !important; margin:0 0 22px 0 !important;
  }
  .about-grid .about-copy{
    grid-row:2 !important; grid-column:1 !important;
    align-self:start !important; margin:0 !important;
  }
  /* Image fills the full section height so its base meets the Principles edge */
  .about-visual{
    grid-column:2 !important; grid-row:1 / span 2 !important;
    align-self:stretch !important; height:100% !important;
    width:min(540px,100%) !important;
  }
}

/* =====================================================================
   MOBILE / SMALL TABLET STABILITY — v42.1
   Keep the approved desktop layout untouched. The Impact accordion uses
   explicit grid areas so RTL mirrors the row without squeezing its logo.
   ===================================================================== */
@media (max-width:980px){
  #impact.impact.section{
    overflow:visible !important;
  }

  #impact .milestone-toggle{
    grid-template-areas:"logo summary arrow" !important;
    grid-template-columns:clamp(78px,23vw,112px) minmax(0,1fr) 28px !important;
    gap:clamp(8px,2.5vw,14px) !important;
    height:auto !important;
    direction:ltr !important;
  }
  body[dir="rtl"] #impact .milestone-toggle{
    grid-template-areas:"arrow summary logo" !important;
    grid-template-columns:28px minmax(0,1fr) clamp(78px,23vw,112px) !important;
    direction:ltr !important;
  }

  #impact .milestone-toggle .milestone-logo,
  body[dir="rtl"] #impact .milestone-toggle .milestone-logo{
    grid-area:logo !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:58px !important;
    max-height:none !important;
    margin:0 !important;
    padding:4px 0 !important;
    align-self:center !important;
    justify-self:center !important;
    place-items:center !important;
    overflow:visible !important;
  }
  #impact .milestone-toggle .milestone-logo > img,
  #impact .milestone-toggle .milestone-logo > object,
  #impact .milestone-toggle .milestone-logo > svg{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:96px !important;
    max-height:66px !important;
    object-fit:contain !important;
    object-position:center !important;
    overflow:visible !important;
  }

  #impact .milestone-toggle .milestone-summary{
    grid-area:summary !important;
  }
  #impact .milestone-toggle .accordion-arrow{
    grid-area:arrow !important;
    justify-self:center !important;
  }

  /* The older RTL card rule had enough specificity to force every body open. */
  #impact .milestone-card.accordion-body,
  body[dir="rtl"] #impact .milestone-card.accordion-body{
    display:none !important;
  }
  #impact .milestone.open > .milestone-card.accordion-body,
  body[dir="rtl"] #impact .milestone.open > .milestone-card.accordion-body{
    display:block !important;
  }
}

/* =====================================================================
   MOBILE EXPERIENCE — v42.4
   Final mobile-only layer. Desktop rules above remain visually untouched.
   ===================================================================== */
@media (max-width:980px){
  html,body{max-width:100%;overflow-x:hidden !important;}
  .container{width:100% !important;max-width:720px !important;padding-inline:22px !important;}

  /* Hero: portrait-first composition with a clear face and bottom-anchored copy. */
  .hero,
  body[dir="rtl"] .hero{position:relative !important;min-height:0 !important;padding:0 !important;overflow:hidden !important;}
  .hero .hero-inner,
  body[dir="rtl"] .hero .hero-inner{
    position:relative !important;display:flex !important;flex-direction:column !important;
    justify-content:flex-end !important;isolation:isolate !important;
    width:100% !important;max-width:720px !important;
    min-height:640px !important;
    height:auto !important;margin-inline:auto !important;
    padding:260px 22px 18px !important;
    overflow:hidden !important;
  }
  .hero .hero-inner::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(12,16,32,.03) 0%,rgba(12,16,32,.08) 28%,rgba(12,16,32,.72) 43%,rgba(12,16,32,.96) 58%,#0c1020 100%);
  }
  body[dir="rtl"] .hero .hero-inner::after{
    background:linear-gradient(180deg,rgba(12,16,32,.03) 0%,rgba(12,16,32,.08) 28%,rgba(12,16,32,.72) 43%,rgba(12,16,32,.96) 58%,#0c1020 100%);
  }
  .hero .hero-copy,
  body[dir="rtl"] .hero .hero-copy{
    position:relative !important;z-index:3 !important;width:100% !important;
    max-width:none !important;padding:0 !important;margin:0 !important;
  }
  .hero .hero-copy{direction:ltr !important;text-align:left !important;}
  body[dir="rtl"] .hero .hero-copy{direction:rtl !important;text-align:right !important;margin-inline-start:auto !important;}
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{
    position:absolute !important;z-index:0 !important;top:0 !important;bottom:auto !important;
    left:50% !important;right:auto !important;width:min(580px,130vw) !important;height:auto !important;
    min-height:0 !important;margin:0 !important;padding:0 !important;
    display:block !important;overflow:visible !important;pointer-events:none !important;
    transform:translateX(-50%) !important;
  }
  body[dir="rtl"] .hero .portrait-wrap{left:50% !important;right:auto !important;transform:translateX(-50%) !important;}
  .hero .portrait,
  body[dir="rtl"] .hero .portrait{
    display:block !important;width:100% !important;height:auto !important;max-width:none !important;
    object-fit:contain !important;object-position:top center !important;opacity:1 !important;
    filter:drop-shadow(0 28px 40px rgba(0,0,0,.32)) !important;
    -webkit-mask-image:linear-gradient(#000 70%,rgba(0,0,0,.9) 82%,transparent 100%) !important;
    mask-image:linear-gradient(#000 70%,rgba(0,0,0,.9) 82%,transparent 100%) !important;
  }
  .hero .portrait-ring,
  body[dir="rtl"] .hero .portrait-ring{
    top:30px !important;bottom:auto !important;left:50% !important;right:auto !important;
    width:min(78vw,350px) !important;height:auto !important;margin:0 !important;
    transform:translateX(-50%) !important;
  }
  body[dir="rtl"] .hero .portrait-ring{left:50% !important;right:auto !important;}
  .hero .eyebrow,
  body[dir="rtl"] .hero .eyebrow{margin:0 0 7px !important;text-align:inherit !important;}
  .hero h1{font-size:clamp(34px,9.2vw,42px) !important;line-height:1 !important;margin:0 0 8px !important;white-space:normal !important;}
  body[dir="rtl"] .hero h1{font-size:clamp(40px,10.3vw,48px) !important;line-height:1 !important;}
  .hero h2{font-size:clamp(19px,5vw,23px) !important;line-height:1.18 !important;margin:0 0 10px !important;max-width:100% !important;}
  body[dir="rtl"] .hero h2{font-size:clamp(23px,5.9vw,27px) !important;line-height:1.2 !important;}
  .hero-lead{font-size:14px !important;line-height:1.48 !important;max-width:100% !important;}
  body[dir="rtl"] .hero-lead{font-size:17px !important;line-height:1.48 !important;}
  .hero-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;margin-top:14px !important;max-width:none !important;}
  .hero-actions .btn{min-width:0 !important;min-height:48px !important;padding-inline:8px !important;}
  body[dir="rtl"] .credibility-item.sectors strong{font-family:var(--arabic) !important;font-size:16px !important;line-height:1.15 !important;}

  /* Compact section starts and language-correct alignment. */
  #about.section,#principles.section,#impact.section,#leadership.section,#contact.section{padding-top:48px !important;}
  #about.section,#principles.section,#impact.section,#leadership.section{padding-bottom:56px !important;}
  #about.section,#principles.section,#leadership.section{
    min-height:calc(100svh - var(--header-h) + 2px) !important;
    min-height:calc(100dvh - var(--header-h) + 2px) !important;
    scroll-margin-top:var(--header-h) !important;
  }
  .about-grid,.contact-grid{gap:24px !important;}
  .section-heading,.impact-heading,.expertise .section-heading,.contact-copy{text-align:left !important;direction:ltr !important;}
  body[dir="rtl"] .section-heading,
  body[dir="rtl"] .impact-heading,
  body[dir="rtl"] .expertise .section-heading,
  body[dir="rtl"] .contact-copy{text-align:right !important;direction:rtl !important;}
  .section-heading h2,.section-heading h3,.section-heading p,
  .impact-heading h2,.impact-heading p,
  .expertise .section-heading h2,.expertise .section-heading p,
  .contact-copy h2,.contact-copy p{text-align:inherit !important;margin-inline:0 !important;}
  .section-heading .eyebrow,.contact-copy .eyebrow{margin-bottom:10px !important;}
  .about .section-heading h2{font-size:clamp(22px,6vw,28px) !important;line-height:1.1 !important;}
  body[dir="rtl"] .about .section-heading h2{font-size:clamp(25px,6.7vw,32px) !important;}
  .about .section-heading h3{font-size:clamp(27px,7.2vw,36px) !important;line-height:1.1 !important;margin-top:10px !important;}
  body[dir="rtl"] .about .section-heading h3{font-size:clamp(30px,7.8vw,39px) !important;}
  .about .accent-rule{margin-top:16px !important;}
  .about-copy p{margin:0 0 18px !important;font-size:16px !important;line-height:1.62 !important;}
  body[dir="rtl"] .about-copy p{font-size:19px !important;line-height:1.55 !important;}
  .principles .section-heading,.impact-heading,.expertise .section-heading{margin-bottom:22px !important;}
  .impact-heading p,.expertise .section-heading p{font-size:16px !important;line-height:1.58 !important;margin-top:14px !important;max-width:680px !important;}
  body[dir="rtl"] .impact-heading p,body[dir="rtl"] .expertise .section-heading p{font-size:19px !important;line-height:1.5 !important;}

  /* Principle numbers stay beside their language's text, without a dash. */
  .principle-card .accordion-toggle{
    display:grid !important;grid-template-areas:"num title arrow" !important;
    grid-template-columns:42px minmax(0,1fr) 26px !important;gap:10px !important;
    min-height:72px !important;padding:12px 14px !important;direction:ltr !important;
  }
  body[dir="rtl"] .principle-card .accordion-toggle{
    grid-template-areas:"arrow title num" !important;grid-template-columns:26px minmax(0,1fr) 42px !important;
    direction:ltr !important;
  }
  .principle-card .card-num{grid-area:num !important;min-width:0 !important;font-size:25px !important;justify-content:flex-start !important;}
  body[dir="rtl"] .principle-card .card-num{justify-content:flex-end !important;}
  .principle-card .card-num::after{content:none !important;display:none !important;}
  .principle-card .accordion-title{grid-area:title !important;font-size:20px !important;line-height:1.15 !important;text-align:left !important;}
  body[dir="rtl"] .principle-card .accordion-title{font-size:24px !important;line-height:1.15 !important;text-align:right !important;direction:rtl !important;}
  .principle-card .accordion-arrow{grid-area:arrow !important;margin:0 !important;justify-self:center !important;}
  .principle-card .accordion-body p{font-size:16px !important;line-height:1.55 !important;}
  body[dir="rtl"] .principle-card .accordion-body p{font-size:19px !important;line-height:1.5 !important;}

  /* Impact: full logos, balanced summaries, identical accordion state in RTL/LTR. */
  #impact .timeline{gap:12px !important;}
  #impact .milestone-toggle{min-height:88px !important;padding:10px 12px !important;}
  #impact .milestone-toggle .milestone-logo{min-height:54px !important;overflow:visible !important;}
  #impact .milestone-toggle .milestone-logo > img{max-width:88px !important;max-height:58px !important;object-fit:contain !important;}
  #impact .milestone-toggle .milestone-summary strong{font-size:21px !important;line-height:1.14 !important;text-align:left !important;}
  #impact .milestone-toggle .milestone-summary small{font-size:14px !important;line-height:1.3 !important;text-align:left !important;}
  body[dir="rtl"] #impact .milestone-toggle .milestone-summary strong{font-size:25px !important;line-height:1.12 !important;text-align:right !important;}
  body[dir="rtl"] #impact .milestone-toggle .milestone-summary small{font-size:18px !important;line-height:1.2 !important;text-align:right !important;}
  #impact .milestone-card.accordion-body,
  body[dir="rtl"] #impact .milestone-card.accordion-body{display:none !important;}
  #impact .milestone.open > .milestone-card.accordion-body,
  body[dir="rtl"] #impact .milestone.open > .milestone-card.accordion-body{display:block !important;}

  /* Leadership cards use the same closed height in both languages. */
  .expertise-grid{margin-top:0 !important;gap:12px !important;}
  .expertise-toggle{display:flex !important;min-height:72px !important;padding:12px 14px !important;gap:12px !important;}
  .expertise-toggle .accordion-title{font-size:20px !important;line-height:1.16 !important;text-align:left !important;}
  body[dir="rtl"] .expertise-toggle .accordion-title{font-size:24px !important;line-height:1.15 !important;text-align:right !important;}
  .expertise-toggle .expertise-icon,.expertise-toggle .expertise-icon img{width:34px !important;height:34px !important;flex-basis:34px !important;}
  .expertise-card .accordion-body p{font-size:16px !important;line-height:1.55 !important;}
  body[dir="rtl"] .expertise-card .accordion-body p{font-size:19px !important;line-height:1.5 !important;}

  /* Contact: heading first, compact form second, CV action after Send Message. */
  #contact.contact.section{padding:48px 0 36px !important;}
  #contact .contact-grid{display:flex !important;flex-direction:column !important;padding-inline:22px !important;gap:18px !important;}
  #contact .contact-copy{display:contents !important;}
  #contact .contact-copy .eyebrow,#contact .contact-copy h2,#contact .contact-copy p{order:0;text-align:left !important;direction:ltr !important;margin-inline:0 !important;}
  body[dir="rtl"] #contact .contact-copy .eyebrow,
  body[dir="rtl"] #contact .contact-copy h2,
  body[dir="rtl"] #contact .contact-copy p{text-align:right !important;direction:rtl !important;}
  #contact .contact-copy h2{margin:0 !important;}
  #contact .contact-copy p{font-size:16px !important;line-height:1.55 !important;margin:0 0 2px !important;}
  body[dir="rtl"] #contact .contact-copy p{font-size:19px !important;line-height:1.5 !important;}
  #contact .contact-form{order:1 !important;width:100% !important;padding:20px !important;margin:0 !important;}
  #contact .contact-cv-action{order:2 !important;width:100% !important;margin:0 !important;}
  #contact .contact-cv-action .btn{width:100% !important;min-height:50px !important;font-size:16px !important;}
  body[dir="rtl"] #contact .contact-cv-action .btn{font-size:19px !important;}
  #contact .contact-form label{margin-bottom:12px !important;font-size:15px !important;text-align:left !important;direction:ltr !important;}
  body[dir="rtl"] #contact .contact-form label{font-size:18px !important;text-align:right !important;direction:rtl !important;}
  #contact .contact-form label span{margin-bottom:6px !important;}
  #contact .contact-form input,#contact .contact-form textarea{font-size:16px !important;padding:12px !important;}
  body[dir="rtl"] #contact .contact-form input,body[dir="rtl"] #contact .contact-form textarea{font-size:18px !important;}
  #contact .contact-form textarea{min-height:108px !important;max-height:150px !important;resize:vertical !important;}
  #contact .contact-form .btn{min-height:50px !important;}

  /* Defeat legacy centered-title selectors with section-scoped alignment. */
  #about .section-heading,#principles .section-heading,#impact .impact-heading,#leadership .section-heading{direction:ltr !important;text-align:left !important;}
  body[dir="rtl"] #about .section-heading,
  body[dir="rtl"] #principles .section-heading,
  body[dir="rtl"] #impact .impact-heading,
  body[dir="rtl"] #leadership .section-heading{direction:rtl !important;text-align:right !important;}
  #about .section-heading h2,#about .section-heading h3,
  #principles .section-heading h2,
  #impact .impact-heading h2,#impact .impact-heading p,
  #leadership .section-heading h2,#leadership .section-heading p{text-align:left !important;margin-inline:0 !important;}
  body[dir="rtl"] #about .section-heading h2,body[dir="rtl"] #about .section-heading h3,
  body[dir="rtl"] #principles .section-heading h2,
  body[dir="rtl"] #impact .impact-heading h2,body[dir="rtl"] #impact .impact-heading p,
  body[dir="rtl"] #leadership .section-heading h2,body[dir="rtl"] #leadership .section-heading p{text-align:right !important;margin-inline:0 !important;}

  /* The decorative desktop About art should not delay the mobile body copy. */
  #about .about-visual,body[dir="rtl"] #about .about-visual{display:none !important;}

  /* Remove RTL-only legacy card padding and mirror icon/title/arrow cleanly. */
  #leadership .expertise-card,body[dir="rtl"] #leadership .expertise-card{padding:0 !important;min-height:0 !important;}
  #leadership .expertise-toggle{
    display:grid !important;grid-template-areas:"icon title arrow" !important;
    grid-template-columns:34px minmax(0,1fr) 26px !important;direction:ltr !important;
  }
  body[dir="rtl"] #leadership .expertise-toggle{
    grid-template-areas:"arrow title icon" !important;
    grid-template-columns:26px minmax(0,1fr) 34px !important;direction:ltr !important;
  }
  #leadership .expertise-toggle .expertise-icon{grid-area:icon !important;}
  #leadership .expertise-toggle .accordion-title{grid-area:title !important;}
  #leadership .expertise-toggle .accordion-arrow{grid-area:arrow !important;margin:0 !important;justify-self:center !important;}

  /* Keep the portrait physically centered in both language states. */
  .hero .portrait-wrap,
  body[dir="rtl"] .hero .portrait-wrap{left:50% !important;right:auto !important;transform:translateX(-50%) !important;}
}

@media (max-width:390px){
  .hero .hero-inner,body[dir="rtl"] .hero .hero-inner{padding:250px 18px 14px !important;min-height:650px !important;}
  .hero .hero-copy,body[dir="rtl"] .hero .hero-copy{width:100% !important;}
  .hero .portrait-wrap,body[dir="rtl"] .hero .portrait-wrap{left:50% !important;right:auto !important;width:min(540px,134vw) !important;transform:translateX(-50%) !important;}
  .hero-actions .btn{font-size:13px !important;}
  body[dir="rtl"] .hero-actions .btn{font-size:16px !important;}
  #impact .milestone-toggle{grid-template-columns:74px minmax(0,1fr) 24px !important;gap:8px !important;}
  body[dir="rtl"] #impact .milestone-toggle{grid-template-columns:24px minmax(0,1fr) 74px !important;}
  #leadership .expertise-toggle,
  body[dir="rtl"] #leadership .expertise-toggle{
    grid-template-columns:30px minmax(0,1fr) 22px !important;
    gap:8px !important;min-height:70px !important;padding:10px !important;
  }
  #leadership .expertise-toggle .expertise-icon,
  #leadership .expertise-toggle .expertise-icon img{width:30px !important;height:30px !important;}
  #leadership .expertise-toggle .accordion-title{font-size:18px !important;line-height:1.15 !important;}
  body[dir="rtl"] #leadership .expertise-toggle .accordion-title{font-size:22px !important;line-height:1.15 !important;}
}