@font-face{font-family:'MA Arabic';src:url('../fonts/ibm-plex-sans-arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'MA Arabic';src:url('../fonts/ibm-plex-sans-arabic-semibold.ttf') format('truetype');font-weight:600 700;font-display:swap}
body .site-header{padding-inline:clamp(24px,4vw,64px);direction:ltr;display:flex;justify-content:space-between;align-items:center}
.header-actions{display:flex;align-items:center;gap:12px;direction:ltr}
body .site-header .menu-toggle{position:relative;inset:auto;width:44px;height:44px;padding:0;display:grid;place-items:center;transform:none;flex-shrink:0}
.language-toggle{font:400 12px/1.4 'MA Arabic',Arial,sans-serif;letter-spacing:0;color:inherit;min-width:32px;min-height:44px;padding:0;border:0;background:none;cursor:pointer;opacity:.8}
.language-toggle:hover,.language-toggle:focus-visible{opacity:1}
html[lang=ar]{--sans:'MA Arabic',sans-serif;--serif:'MA Arabic',sans-serif}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] .brand,html[lang=ar] .serif-title{font-family:'MA Arabic',sans-serif}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] p,html[lang=ar] a,html[lang=ar] button{letter-spacing:0}
html[lang=ar] .lead{line-height:1.85}
html[lang=ar] .section-title,html[lang=ar] .about-hero-title h1{line-height:1.25;letter-spacing:0}
html[lang=ar] .meta,html[lang=ar] .cols,html[lang=ar] .grid-caption{text-align:right}
html[lang=ar] .nav-overlay ul{text-align:right}
html[lang=ar] .site-header .brand{font-weight:600}
[data-contact-label],.project-nav,.marquee,.stage,.project-share{direction:ltr}
#home-stage .stage-arrow{top:0;bottom:0;width:clamp(64px,10vw,180px);height:100%;transform:none;background:transparent;border:0;border-radius:0;opacity:1;cursor:w-resize}
#home-stage .arrow-prev{left:0}#home-stage .arrow-next{right:0;cursor:e-resize}
#home-stage .stage-arrow:focus-visible{outline:1px solid white;outline-offset:-4px;background:#ffffff0d}
body.page-home .hero .hero-foot{display:flex;justify-content:space-between;direction:ltr;gap:24px}
body.page-home .hero #home-title{position:static;max-width:70%;font-size:14px;text-align:right;line-height:1.6;margin:0;transform:none;pointer-events:auto}
@media(max-width:767px){body .site-header{padding-inline:24px}body .site-header .brand{margin-top:0;max-width:calc(100% - 100px)}.header-actions{gap:6px}#home-stage .stage-arrow{display:none!important}body.page-home .hero #home-title{font-size:13px;max-width:70%}.hero-foot .socials{flex-shrink:0}}
/* Keep off-canvas navigation and the moving strip inside the viewport in RTL. */
html{overflow-x:clip}