@font-face{font-family:'Noto Sans Arabic';src:url('/assets/NotoSansArabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/NotoSansArabic-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/NotoSansArabic-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/NotoSansArabic-700.ttf') format('truetype');font-weight:700 900;font-display:swap}
html[dir=rtl] body{font-family:'Noto Sans Arabic',sans-serif;line-height:1.8}
html[dir=rtl] :is(h1,h2,h3,h4,p,a,span,small,summary,th,td,button){letter-spacing:0;text-transform:none}
button,input,textarea,select{font-family:inherit}
h1,h2,h3,h4{line-height:1.45}p{line-height:1.9}
.brand span{border-left:0;padding-left:0;border-right:1px solid var(--steel);padding-right:17px;line-height:1.7}
.links,.nav-about{font-size:.85rem}.nav .links{gap:20px}.language-switch{font-family:Roboto,sans-serif}
.nav-sub{right:auto;left:0}
.brand-wordmark,.system-rail-name,.home-system-brand{direction:ltr;unicode-bidi:isolate}
a[dir=ltr]{unicode-bidi:isolate;width:fit-content}
.brand-lockup small{border-left:0;padding-left:0;border-right:1px solid #ffffff60;padding-right:25px;line-height:1.8}
.system-rail-overview{border-right:0;padding-right:0;border-left:1px solid #dce1e5;padding-left:25px}
.system-rail-detail{line-height:1.6;white-space:normal}.system-rail-name{letter-spacing:.01em}
.cinema-shade{background:linear-gradient(270deg,rgba(12,30,53,.9),rgba(19,40,61,.6) 43%,rgba(19,40,61,.08) 85%),linear-gradient(0deg,rgba(12,30,53,.72),transparent 55%)}
.system-cinema .system-cinema-shade{background:linear-gradient(270deg,rgba(8,23,38,.92),rgba(8,23,38,.75) 38%,rgba(8,23,38,.23) 75%),linear-gradient(180deg,rgba(8,23,38,.38),transparent 35%,rgba(8,23,38,.36))}
.cinema-content h1{font-size:clamp(3rem,5.5vw,5.6rem);line-height:1.4}
.cinema-content h1 em{font-family:inherit;font-style:normal;letter-spacing:0}
.system-cinema-content h1{font-size:clamp(2.8rem,4.8vw,5rem);line-height:1.45;letter-spacing:0}
.cinema-content>.eyebrow,.system-cinema-content>.eyebrow{letter-spacing:0;line-height:1.8}
.home-cinema{height:auto;min-height:calc(100svh - 96px);max-height:none}.cinema-content{min-height:720px}
.home-position h2,.home-work>h2,.home-maintenance h2{font-size:clamp(2rem,3.3vw,3.6rem);line-height:1.5}
.home-system-row h3{font-size:1.5rem;line-height:1.6}
.cinema-caption{right:auto;left:25px;letter-spacing:0}
.reference-table th,.reference-table td{text-align:right}
.brand-feature ul{padding-left:0;padding-right:20px}
.home-section-title>span:last-child{text-align:start}
.arrow,.row-link{display:inline-block;transform:scaleX(-1)}
@media(min-width:801px) and (max-width:1200px){.nav .links{gap:12px}.nav .links .button{padding:11px 14px}}
@media(max-width:800px){.system-rail-overview{padding-left:18px}.system-cinema-content h1{font-size:clamp(2.5rem,6vw,3.7rem)}.cinema-content h1{font-size:clamp(2.7rem,6.4vw,4rem)}.system-cinema .system-cinema-shade{background:linear-gradient(270deg,rgba(8,23,38,.9),rgba(8,23,38,.5)),linear-gradient(0deg,rgba(8,23,38,.6),transparent)}.nav .links{gap:10px}}
@media(max-width:600px){.system-rail-overview{padding-left:12px}.brand-lockup small{padding-right:15px}}
@media(max-width:520px){.system-cinema-content h1{font-size:clamp(2.2rem,8vw,3rem)}.cinema-content h1{font-size:2.65rem}.cinema-content{min-height:760px}.home-system-row h3{font-size:1.4rem}.cinema-content>.eyebrow{font-size:.8rem}.home-secondary-projects h3{font-size:1.15rem}.system-cinema .brand-lockup small{font-size:.75rem}.system-cinema-content p{line-height:1.9}}
@media(max-width:400px){.system-rail-overview{padding-left:8px}}

/* Arabic masthead and a centered, balanced homepage opening. */
html[dir=rtl] .header .links{font-size:.875rem}
html[dir=rtl] .header .links>a[aria-current=page]:after{left:auto;right:0}
html[dir=rtl] .home-cinema .cinema-content{width:min(1040px,calc(100% - 112px));margin-inline:auto;text-align:center;align-items:center;padding:74px 0 65px;min-height:750px}
html[dir=rtl] .home-cinema .cinema-content>.eyebrow{margin-bottom:32px;font-size:.875rem}
html[dir=rtl] .home-cinema .cinema-content h1{max-width:900px;font-size:clamp(3.1rem,5.4vw,5.4rem);line-height:1.5;text-wrap:balance}
html[dir=rtl] .home-cinema .cinema-content h1 em{display:inline;color:#c6dbd5}
html[dir=rtl] .home-cinema .cinema-bottom{width:min(640px,100%);flex-direction:column;align-items:center;justify-content:center;gap:25px;margin-top:35px;padding-top:27px;border-top:1px solid #ffffff45}
html[dir=rtl] .home-cinema .cinema-bottom p{max-width:540px;text-align:center;font-size:1.05rem;line-height:1.9}
html[dir=rtl] .home-cinema .home-explore{gap:18px;justify-content:center}
html[dir=rtl] .home-cinema .cinema-shade{background:linear-gradient(90deg,rgba(12,30,53,.4),rgba(12,30,53,.74) 35%,rgba(12,30,53,.76) 65%,rgba(12,30,53,.5)),linear-gradient(0deg,rgba(12,30,53,.58),transparent 70%)}
@media(max-width:800px){html[dir=rtl] .home-cinema .cinema-content{width:calc(100% - 56px);min-height:720px;padding:65px 0 55px}html[dir=rtl] .home-cinema .cinema-content h1{font-size:clamp(2.6rem,6.5vw,4rem)}}
@media(max-width:520px){html[dir=rtl] .home-cinema .cinema-content{width:calc(100% - 40px);min-height:680px;padding:52px 0 45px}html[dir=rtl] .home-cinema .cinema-content h1{font-size:clamp(2rem,8.5vw,2.8rem);line-height:1.6}html[dir=rtl] .home-cinema .cinema-content>.eyebrow{font-size:.8rem;max-width:270px;margin-bottom:25px}html[dir=rtl] .home-cinema .cinema-bottom{margin-top:27px;padding-top:23px}html[dir=rtl] .home-cinema .cinema-bottom p{font-size:1rem}}

/* Portfolio content keeps Arabic rhythm and readable mixed-direction names. */
html[dir=rtl] .home-cinema .cinema-content h1{line-height:1.55}
html[dir=rtl] .system-cinema .system-cinema-content h1{line-height:1.5;font-size:clamp(2.4rem,4.5vw,4.6rem)}
html[dir=rtl] .portfolio-copy h2{line-height:1.65}
html[dir=rtl] .hero-portfolio-actions{justify-content:center}
html[dir=rtl] .system-rail-name{direction:rtl;line-height:1.6}
html[dir=rtl] .system-rail-detail{direction:ltr;unicode-bidi:isolate}
@media(max-width:600px){html[dir=rtl] .system-cinema .system-cinema-content h1{font-size:clamp(2rem,7vw,2.8rem)}html[dir=rtl] .home-cinema .cinema-content h1{font-size:clamp(2rem,7.5vw,2.8rem)}}

html[dir=rtl] .system-rail-name{direction:ltr}html[dir=rtl] .system-rail-detail{direction:rtl}
html[dir=rtl] .portfolio-copy h2{line-height:1.6;font-size:clamp(1.5rem,2.6vw,2.1rem)}
html[dir=rtl] .audit-feature-grid h3{line-height:1.6}
html[dir=rtl] .audit-feature-grid p,html[dir=rtl] .portfolio-copy p{line-height:1.9}
html[dir=rtl] .portfolio-page .system-cinema-content h1{line-height:1.55}
html[dir=rtl] .product-description h3{line-height:1.45}