/* Same compact language control as Cosmique; labels remain LTR in every locale. */
.language-switch{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap;direction:ltr;font-size:11px}.language-switch button{border:0;background:transparent;padding:11px 2px;font:inherit;color:#8299b7;font-weight:400;cursor:pointer;line-height:20px}.language-switch button[aria-pressed="true"]{color:#f4f8ff;font-weight:600}.language-switch>span{font-size:9px;color:#536d8d}.language-switch button:hover{color:#c7e5ff}.nav-actions{white-space:nowrap}.nav-cta{white-space:nowrap}
@media(max-width:1100px){.navigation{grid-template-columns:1fr auto}.navigation nav{display:none;position:absolute;top:92px;left:0;right:0;flex-direction:column;gap:24px;padding:26px;border:1px solid #d4e5ff29;border-radius:14px;background:#091526f5;backdrop-filter:blur(14px)}.navigation nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:24px;height:30px;align-items:center;justify-content:center;background:none;border:0;padding:0}.menu-toggle span{display:block;width:18px;height:1px;background:#d6e9ff}.nav-actions{gap:12px}}
@media(max-width:760px){.navigation nav{top:77px}.nav-actions{gap:8px}.language-switch{gap:3px;font-size:10px}.language-switch button{padding-inline:2px}}
@media(max-width:600px){.navigation .brand>span{display:none}.navigation .brand img{width:36px;height:36px}.navigation{padding-inline:12px}.nav-actions{gap:5px}.language-switch{gap:2px;font-size:10px}.language-switch button{padding-inline:2px}.nav-cta{font-size:9px;gap:7px;padding:10px 7px}.nav-whatsapp{width:32px;height:34px;padding:7px}.menu-toggle{width:20px}}
@media(max-width:390px){.nav-cta>span{display:none}.language-switch{font-size:9px}.navigation .brand img{width:32px;height:32px}}
/* Arabic alone uses a joined Arabic typeface and mirrored composition. */
html[dir="rtl"]{--display-font:Cairo;--body-font:Cairo}
html[dir="rtl"] body{font-family:Cairo,Arial,sans-serif}
html[dir="rtl"] :is(h1,h2,h3,p,a,button,small,span,strong,summary){letter-spacing:normal}
html[dir="rtl"] :is(h1,h2,h3){line-height:1.35}
html[dir="rtl"] p{line-height:1.95}
html[dir="rtl"] :is(.eyebrow,.micro,.stats>div>span,.module-body>span){line-height:1.8}
html[dir="rtl"] .hero-copy{left:auto;right:7%;text-align:right;top:24%;font-family:Cairo,Arial,sans-serif}
html[dir="rtl"] .hero-copy :is(h1,h2){font-size:clamp(42px,5.1vw,82px);line-height:1.22;margin-block:22px}
html[dir="rtl"] .hero-copy p{line-height:1.85}
html[dir="rtl"] :is(#space,.space-fallback,.hero-shade){transform:scaleX(-1)}
html[dir="rtl"] .coordinates{right:auto;left:5%;text-align:left}
html[dir="rtl"] .planet-label{right:auto;left:7%}
html[dir="rtl"] .planet-label .cross{margin-left:0;margin-right:auto}
html[dir="rtl"] .mission-route>div{transform:scaleX(-1)}
html[dir="rtl"] .journey-progress span{transform-origin:right}
html[dir="rtl"] .stats>div{padding-left:0;padding-right:20%;border-right:0;border-left:1px solid #b4c8e020}
html[dir="rtl"] .stats>div:first-child{padding-right:0}
html[dir="rtl"] .stats>div:last-child{border-left:0}
html[dir="rtl"] .expand{margin-left:0;margin-right:auto}
html[dir="rtl"] .module-body{padding-left:30px;padding-right:40px}
html[dir="rtl"] .module-visual-info{text-align:right}
html[dir="rtl"] .orbit-icon{right:auto;left:25px}
html[dir="rtl"] .contact-links a>span{right:auto;left:5px}
html[dir="rtl"] .contact-links strong[dir="ltr"]{display:inline-block;unicode-bidi:isolate}
html[dir="rtl"] .faq p{padding-right:0;padding-left:25px}
html[dir="rtl"] .film-copy{left:auto;right:7%;text-align:right}
html[dir="rtl"] .film-copy h2{font-size:clamp(40px,4.6vw,76px);line-height:1.3}
html[dir="rtl"] .film-controls{right:auto;left:7%}
html[dir="rtl"] .invitation-mark{right:auto;left:10%;transform:scaleX(-1)}
html[dir="rtl"] .invitation-orbit{right:auto;left:-260px}
html[dir="rtl"] .dialog-close{right:auto;left:18px}
html[dir="rtl"] :is(.reel-card,.reel-label){text-align:right}
html[dir="rtl"] .reel-label{left:20px;right:24px}
html[dir="rtl"] :is(.institution-logos img,.brand img,.experience-photo img,.campaign-grid img,.tower-card img,video){transform:none}
html[dir="rtl"] .language-switch{direction:ltr;font-family:Inter,Arial,sans-serif}
html[dir="rtl"] #module-number{display:inline-block;unicode-bidi:plaintext}
@media(max-width:1050px){html[dir="rtl"] .invitation-mark{left:2%}}
@media(max-width:760px){html[dir="rtl"] .hero-copy{top:22%}html[dir="rtl"] .hero-copy :is(h1,h2){font-size:clamp(39px,8.6vw,62px);line-height:1.22}html[dir="rtl"] .hero-copy p{max-width:270px;font-size:12px}html[dir="rtl"] .coordinates{left:7%}html[dir="rtl"] .stats>div{padding:24px 15px!important;border-left:0}html[dir="rtl"] .stats>div:nth-child(odd){border-right:0;border-left:1px solid #b4c8e020}html[dir="rtl"] .stats>div:nth-child(even){border-left:0}html[dir="rtl"] .module-body{padding-right:36px;padding-left:0}html[dir="rtl"] .invitation-mark{left:-15px}html[dir="rtl"] .invitation-orbit{left:-350px}html[dir="rtl"] .reel-label{left:10px;right:12px}html[dir="rtl"] .film-copy{padding-block:32px 24px}html[dir="rtl"] .film-copy h2{font-size:39px}html[dir="rtl"] .film-controls{position:static}html[dir="rtl"] .section-heading h2{font-size:42px}}
@media(max-width:440px){html[dir="rtl"] .reel-label{left:20px;right:22px}}
@media(max-width:760px) and (max-height:700px){html[dir="rtl"] .hero-copy{top:19%}html[dir="rtl"] .hero-copy :is(h1,h2){font-size:36px;margin-block:18px}html[dir="rtl"] .hero-copy p{line-height:1.7}html[dir="rtl"] .hero-copy .button{margin-top:18px;padding-block:12px}}
