/* Arabic and RTL layer for /ar/ */
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/ar/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/ar/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/ar/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF}
:root{--display:"IBM Plex Sans Arabic",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--body:"IBM Plex Sans Arabic",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:var(--body)}
html[dir=rtl] body{line-height:1.8}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-weight:700;line-height:1.3}
html[dir=rtl] .hero h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.25}
html[dir=rtl] .head h2,html[dir=rtl] .film-intro h2{font-size:clamp(1.9rem,3.6vw,3.3rem);line-height:1.3}
html[dir=rtl] .contact-h{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.25}
html[dir=rtl] .jcard h3{font-size:clamp(2.2rem,3.8vw,3.6rem);line-height:1.2}
html[dir=rtl] .arch-h{line-height:1.3}
html[dir=rtl] .eyebrow,html[dir=rtl] .jnum,html[dir=rtl] .pnum,html[dir=rtl] .card-top,html[dir=rtl] .scene-top,html[dir=rtl] .hero-meta,html[dir=rtl] .chapters button,html[dir=rtl] .orbit-label,html[dir=rtl] .hint,html[dir=rtl] .screen .live,html[dir=rtl] .credit b,html[dir=rtl] .get b,html[dir=rtl] .mode b,html[dir=rtl] .door .whoo,html[dir=rtl] .app .tag,html[dir=rtl] .reward b,html[dir=rtl] .price,html[dir=rtl] .disclaimer b{text-transform:none;font-size:13px}
html[dir=rtl] .hero-vig{background:radial-gradient(ellipse 58% 70% at 78% 56%,rgba(9,9,9,.86),rgba(9,9,9,0) 72%)}
html[dir=rtl] .hint{right:auto;left:max(16px,env(safe-area-inset-left,0px))}
html[dir=rtl] .pillar li a:hover{padding-left:0;padding-right:6px}
html[dir=rtl] .pillar li a::after{content:"←";transform:translateX(6px)}
html[dir=rtl] .pillar li a:hover::after{transform:none}
html[dir=rtl] .orbit-label::before{margin-right:0;margin-left:8px}
html[dir=rtl] .dn{right:auto;left:20px}
html[dir=rtl] .screen .open{right:auto;left:12px}
html[dir=rtl] .screen .live{left:auto;right:12px}
html[dir=rtl] .term{direction:rtl}
html[dir=rtl] .number span{direction:ltr;unicode-bidi:embed}
@media (max-width:760px){html[dir=rtl] .hero-vig{background:linear-gradient(to top,rgba(9,9,9,.96) 42%,rgba(9,9,9,0) 72%)}}
html[dir=rtl]{overflow-x:visible}html[dir=rtl] body{overflow-x:clip}
html[dir=rtl] .skip{left:auto;right:-9999px}
html[dir=rtl] .skip:focus{right:16px}