@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/ibm-plex-sans-arabic-400.02609c5ef8.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/ibm-plex-sans-arabic-500.1fe214ca7f.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/ibm-plex-sans-arabic-600.9e8b030f33.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/ibm-plex-sans-arabic-700.05616a64c5.ttf') format('truetype')}
/* Bilingual navigation and a complete Arabic layout. */
.language-switch{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid #c8a95a55;color:#ddc88e;font-size:12px;white-space:nowrap;flex-shrink:0}.language-switch:hover{background:#172a32;color:#fff}.language-switch:focus-visible{outline:2px solid #c8a95a;outline-offset:4px}.cap-card:after{display:none}
html[dir=rtl]{direction:rtl}html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] .eyebrow,html[lang=ar] .signal-item span,html[lang=ar] .signal-dock>span{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;word-spacing:normal}html[lang=ar] body{line-height:1.95}html[lang=ar] h1,html[lang=ar] h2{line-height:1.45}html[lang=ar] h3{line-height:1.65}html[lang=ar] .eyebrow{font-size:12px;line-height:1.8}html[lang=ar] p{line-height:1.95}html[lang=ar] .navlinks{font-size:12px;gap:22px}html[lang=ar] .nav .brand{width:255px}html[lang=ar] .page-head h1{font-size:clamp(36px,5vw,74px);max-width:1100px}html[lang=ar] .cinema-title{font-size:clamp(38px,5vw,78px);line-height:1.55;letter-spacing:0;max-width:1050px;margin-bottom:22px}html[lang=ar] .cinema-body p{max-width:600px;font-size:16px}html[lang=ar] .cinema-slide:after{background:linear-gradient(270deg,#030b13ee 0%,#030b13ac 42%,#030b130d 90%),linear-gradient(0deg,#050d16f2,transparent 45%)}html[lang=ar] .cinema-media img{object-position:45% center}html[lang=ar] .cinema .actions{flex-wrap:wrap}html[lang=ar] .scene-tab,html[lang=ar] .pillar-tabs button{text-align:right}html[lang=ar] .scene-tab i,html[lang=ar] .pillar-tabs button:after,html[lang=ar] .journey-line:after,html[lang=ar] .mission-card:before{transform-origin:right}html[lang=ar] .reading-progress{transform-origin:right}html[lang=ar] .eyebrow:before{margin-right:0;margin-left:10px}html[lang=ar] .textlink:after{left:auto;right:0}html[lang=ar] .hudhud-link-logo{margin-right:0;margin-left:12px}html[lang=ar] .hudhud-heading img{object-position:right}html[lang=ar] .cap-card:not(:first-child){border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:30px}html[lang=ar] .cap-card:first-child{padding-left:30px;padding-right:0}html[lang=ar] .cap-card h3{font-size:25px;max-width:none}html[lang=ar] .route-label{font-size:12px;letter-spacing:0}html[lang=ar] .pillar-watermark{left:auto;right:30px}html[lang=ar] .pillar-copy h3{line-height:1.6;font-size:29px;letter-spacing:0}html[lang=ar] .intro .split h2{font-size:clamp(32px,3.5vw,54px)}html[lang=ar] .intro .lead{font-size:23px}html[lang=ar] .fact-number{direction:ltr;font-family:'Space Grotesk',Arial,sans-serif}html[lang=ar] .fact h3{font-size:20px}html[lang=ar] .facts-heading>p{font-size:14px}html[lang=ar] .fact p{font-size:13px}html[lang=ar] .number,html[lang=ar] .scene-index,html[lang=ar] .mission-card-top span{direction:ltr;unicode-bidi:isolate;display:inline-block}html[lang=ar] .journey-dot{left:auto;right:0}html[lang=ar] .journey-line h3{font-size:25px}html[lang=ar] .journey-line p{font-size:14px}html[lang=ar] .deliverables{padding-left:0;padding-right:22px}html[lang=ar] .project-copy .tagline{font-size:25px;line-height:1.8}html[lang=ar] .programme h3{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}html[lang=ar] .mission-map svg{transform:scaleX(-1)}html[lang=ar] .mission-station text{transform:scaleX(-1);direction:ltr;unicode-bidi:isolate}html[lang=ar] .mission-caption{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-size:11px;letter-spacing:0}html[lang=ar] .mission-top .eyebrow{font-size:12px;letter-spacing:0}html[lang=ar] .mission-card+.mission-card{border-left:0;border-right:1px solid #bfa15b25}html[lang=ar] .mission-card h3{font-size:23px;letter-spacing:0}html[lang=ar] .mission-card p{font-size:14px}html[lang=ar] .signal-dock{border-right:0;border-left:1px solid #c8a95a40;padding:30px 4.5vw 30px 36px}html[lang=ar] .signal-dock:after{right:auto;left:-2px}html[lang=ar] .signal-dock>span{font-size:13px;line-height:1.9}html[lang=ar] .signal-meta{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;font-size:12px}html[lang=ar] .signal-window{mask-image:linear-gradient(270deg,#000 0%,#000 97%,transparent)}html[lang=ar] .signal-track{direction:rtl;animation-name:signal-travel-rtl}html[lang=ar] .signal-item span{font-size:clamp(50px,6vw,92px);line-height:1.8;letter-spacing:0}html[lang=ar] .signal-item i{margin-left:0;margin-right:22px}html[lang=ar] .signal-item small{direction:ltr}html[lang=ar] .footer-links a{font-size:13px}html[lang=ar] input[type=email],html[lang=ar] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;text-align:left}html[lang=ar] .skip{left:auto;right:20px}html[lang=ar] .button{line-height:1.8}html[lang=ar] .contact-grid h2{font-size:39px}html[lang=ar] .page-head:after,html[lang=ar] .statement:after{right:auto;left:3%}
@keyframes signal-travel-rtl{to{transform:translateX(50%)}}
@media(max-width:1150px){html[lang=ar] .nav .brand{width:215px}html[lang=ar] .navlinks{font-size:11px;gap:16px}.nav .wrap{gap:18px}}
@media(max-width:800px){.language-switch{font-size:11px;padding:7px 9px;min-height:36px}html[lang=ar] .nav .brand{width:min(215px,42vw)}html[lang=ar] .navlinks{font-size:15px}html[lang=ar] .cinema{height:calc(100svh - 80px);min-height:830px;max-height:none}html[lang=ar] .cinema-title{font-size:clamp(34px,6vw,50px);line-height:1.55}html[lang=ar] .cinema-body{padding-block:45px 180px}html[lang=ar] .cinema-body p{font-size:14px}html[lang=ar] .cinema-body .actions{gap:18px}html[lang=ar] .scene-tab{font-size:12px}html[lang=ar] .pillar-copy h3{font-size:27px}html[lang=ar] .pillar-tabs button{font-size:12px}html[lang=ar] .cap-card:not(:first-child){border-right:0;padding-right:0}html[lang=ar] .cap-card:first-child{padding-left:0}html[lang=ar] .mission-card+.mission-card{border-right:0;border-top:1px solid #bfa15b25}html[lang=ar] .signal-dock{border-left:0;padding:18px 25px}html[lang=ar] .signal-dock:after{left:auto;right:25px}html[lang=ar] .signal-item span{font-size:52px}html[lang=ar] .mission-top{align-items:flex-start}html[lang=ar] .intro .lead{font-size:21px}html[lang=ar] .programme h3{font-size:32px}}
@media(max-width:430px){.nav .wrap{gap:10px}.nav .brand{width:min(200px,46vw)}html[lang=ar] .nav .brand{width:min(180px,43vw)}html[lang=ar] .cinema-title{font-size:35px}html[lang=ar] .cinema{min-height:850px}html[lang=ar] .cinema-body .eyebrow{font-size:11px}html[lang=ar] .scene-tab{gap:7px;font-size:11px}html[lang=ar] .pillar-tabs button{font-size:11px}html[lang=ar] .fact-number{font-size:75px}html[lang=ar] .mission-caption{font-size:10px}}

/* Arabic typography: compact contemporary headings and legible reading text. */
html[lang=ar] body{font-weight:400;line-height:1.85}html[lang=ar] p{line-height:1.85}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-weight:500;line-height:1.45}html[lang=ar] strong,html[lang=ar] b{font-weight:600}html[lang=ar] .navlinks,html[lang=ar] .button,html[lang=ar] .pillar-tabs button{font-weight:500}html[lang=ar] .cinema-title{font-weight:500;line-height:1.4}html[lang=ar] .cinema-body p{font-size:17px}html[lang=ar] .eyebrow{font-size:13px}html[lang=ar] .signal-item span{font-weight:500}
@media(max-width:800px){html[lang=ar] .cinema-body p{font-size:15px}html[lang=ar] .cinema-title{line-height:1.45}}