@font-face{font-family:Cairo;src:url('assets/fonts/Cairo-variable.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
.nav-inner .name{order:1}.nav-inner nav{order:2;margin-inline-start:auto}.language-switch{order:3;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid #c7c7ce;border-radius:999px;color:var(--ink);font:600 14px/1.5 Cairo,Inter,sans-serif;transition:background .2s,border-color .2s}.language-switch:hover{background:#e9e9ed;border-color:#8c8c94;text-decoration:none}.menu-toggle{order:4}
.lang-ar{font-family:Cairo,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.lang-ar h1,.lang-ar h2,.lang-ar h3,.lang-ar h4,.lang-ar .eyebrow,.lang-ar .caption,.lang-ar .prologue-copy h2,.lang-ar .chapter-copy h2,.lang-ar .contact h2,.lang-ar .metrics strong{letter-spacing:normal!important}.lang-ar h1,.lang-ar h2,.lang-ar h3,.lang-ar h4{line-height:1.35}.lang-ar p{line-height:1.8}.lang-ar .hero h1{font-size:clamp(48px,4.1vw,60px);line-height:1.4}.lang-ar .hero-copy{padding-right:0;padding-inline-end:10px}.lang-ar .hero-copy .lead{line-height:1.8}.lang-ar .chapter-copy h2{line-height:1.4;font-size:clamp(40px,4vw,60px)}.lang-ar .prologue-copy h2{line-height:1.3}.lang-ar .eyebrow{font-size:13px}.lang-ar .details-body li{padding-left:0;padding-inline-start:32px}.lang-ar .details-body li:before{left:auto;right:0}.lang-ar .chapter-track{right:auto;left:22px}.lang-ar .roots-diagram,.lang-ar .shipping-stage,.lang-ar .banking-stage,.lang-ar .commerce-stage,.lang-ar .scene{direction:ltr}.lang-ar .roots-diagram p,.lang-ar .message-panel,.lang-ar .shipment-states,.lang-ar .story-stage figcaption{direction:rtl;text-align:right}.lang-ar .live-browser-bar,.lang-ar .metrics strong{direction:ltr;unicode-bidi:isolate}.lang-ar .metrics strong{text-align:right}.lang-ar .role-meta{flex-wrap:wrap}.lang-ar .public-work h4{font-size:22px}.lang-ar .public-work-copy{line-height:1.8}.lang-ar .contact h2{line-height:1.35}.lang-ar .header-monogram{direction:ltr}
@media(min-width:600px) and (max-width:1099px){.nav-inner{gap:14px}.nav nav{gap:16px}.nav .button{padding-inline:16px}.language-switch{padding-inline:12px}.lang-ar .hero h1{font-size:56px}.lang-ar .chapter-copy h2{font-size:50px}}
@media(max-width:599px){.nav-inner,.story-mode .nav-inner{gap:8px}.nav-inner .name,.story-mode .name{font-size:14px;gap:7px;white-space:nowrap}.name .header-monogram{width:26px}.language-switch{margin-inline-start:auto;padding:6px 10px;font-size:13px;min-height:44px}.menu-toggle{width:32px;min-width:32px}.nav-inner nav{margin-inline-start:0}.lang-ar .hero h1{font-size:40px;line-height:1.45}.lang-ar .hero h1 span:last-child{max-width:none}.lang-ar .hero .eyebrow{font-size:11px}.lang-ar .hero-copy .lead{font-size:18px}.lang-ar .chapter-copy h2,.lang-ar .capabilities h2,.lang-ar .about h2{font-size:36px;line-height:1.45}.lang-ar .prologue-copy h2{font-size:48px;line-height:1.4}.lang-ar .contact h2{font-size:44px}.lang-ar .role-copy h3{line-height:1.5}.lang-ar .metrics strong{font-size:52px}}
@media(min-width:600px) and (max-width:899px){.nav-inner{position:relative}.nav-inner .name{font-size:16px}.nav-inner .language-switch{margin-inline-start:auto}.nav .menu-toggle{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:#fffffff7;backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:0 0 18px 18px;flex-direction:column;align-items:stretch;gap:8px}.nav nav.open{display:flex}.nav nav>a:not(.button),.nav .menu>li>a{font-size:18px;min-height:44px}.nav .menu{flex-direction:column;align-items:stretch}.nav .button{align-self:flex-start}}
.lang-ar .hero-scroll .caption{direction:ltr;unicode-bidi:isolate}
