@font-face{font-family:"beIN";src:url("bein-readable-v1.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
body header,body.portfolio-page header{direction:ltr}
body header nav .language-toggle{position:relative;flex:none;display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:6px;border:1px solid #e8b17b40;border-radius:50%;color:#e8b17b;background:#08131c70;cursor:pointer;transition:background .2s,border-color .2s}
.language-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.language-toggle span{position:absolute;bottom:-2px;right:-2px;font:700 9px/13px Tahoma,Arial,sans-serif;min-width:13px;border-radius:5px;background:#08131c;color:#e8b17b;text-align:center}
body header nav .language-toggle:hover{background:#e8b17b25;border-color:#e8b17b99}.language-toggle:focus-visible{outline:2px solid #e8b17b;outline-offset:3px}
html[lang=ar] body,html[lang=ar] body *{font-family:"beIN",Tahoma,"Segoe UI",Arial,sans-serif!important}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .eyebrow,html[lang=ar] .page-kicker,html[lang=ar] .project-eyebrow,html[lang=ar] .venture-role{letter-spacing:0;line-height:1.45}
html[lang=ar] p{line-height:1.85}
html[lang=ar] .scene{direction:rtl;text-align:right}
html[lang=ar] .scene .contact-title,html[lang=ar] .scene .contact-details,html[lang=ar] .scene .location-copy,html[lang=ar] #scene-stats{text-align:center}
html[lang=ar] .scene .services,html[lang=ar] .scene .intro-copy{text-align:right}
html[lang=ar] .scene .cinema-rail,html[lang=ar] .scene .work-rail{direction:ltr}
html[lang=ar] .work-card,html[lang=ar] .scene .service-copy,html[lang=ar] .project-story,html[lang=ar] .project-top h1{direction:rtl;text-align:right}
html[lang=ar] .project-share-panel{right:0;left:auto;text-align:right}
html[lang=ar] .project-top,html[lang=ar] .project-actions,html[lang=ar] .reel-top,html[lang=ar] .dragon-player-top,html[lang=ar] .dragon-player-bottom{direction:ltr}
html[lang=ar] .project-top>div:first-child{direction:rtl}
html[lang=ar] .project-story .project-client{direction:rtl}
html[lang=ar] .project-screen,html[lang=ar] .reel-screen,html[lang=ar] .dragon-player-shell video{direction:ltr}
.email,.phone,a[href^="mailto:"],a[href^="tel:"],.stat strong,.about-metrics strong,.load-percent{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .contact-detail-value{display:inline-block;direction:ltr;unicode-bidi:isolate}
html[lang=ar] .about-title-block>p{line-height:1.8}
@media(max-width:700px){body header,body.portfolio-page header,body.mobile-layout header{gap:7px;padding-left:3vw;padding-right:3vw}body header nav,body.portfolio-page header nav,body.mobile-layout header nav{gap:8px;font-size:11px}body header nav .language-toggle{width:30px;height:30px;min-height:30px;padding:5px}html[lang=ar] .intro-copy h1{font-size:34px}html[lang=ar] .mobile-layout .intro-copy p{font-size:13px;line-height:1.75}html[lang=ar] .work-page .filter-button{font-size:12px}html[lang=ar] .project-top h1{line-height:1.5}html[lang=ar] .mobile-layout .dragon-journey-label{font-size:14px}}
@media(max-width:360px){body header nav,body.portfolio-page header nav,body.mobile-layout header nav{gap:6px;font-size:10px}body header .brand img,body.portfolio-page header .brand img{width:54px}body header nav .language-toggle{width:28px;height:28px;min-height:28px}}

/* Readable supporting text in both languages, on the shared desktop/mobile scenes. */
body .scene .eyebrow,body .scene .location-copy .eyebrow,body .scene .location-detail .eyebrow,body .scene .software-toolkit .eyebrow,body .scene .contact-title .eyebrow{font-size:calc(14px * var(--ui-scale,1));line-height:1.5}
body #scene-stats .stat span,body .about-metrics span{font-size:calc(14px * var(--ui-scale,1));line-height:1.5}
body #scene-services .service-copy small,body .software-group>p,body .software-item span,body #scene-clients .client-name{font-size:calc(12px * var(--ui-scale,1));line-height:1.5}
body .portfolio-page .page-kicker,body.portfolio-page .page-kicker,body .venture-role,body .project-eyebrow{font-size:calc(14px * var(--ui-scale,1));line-height:1.5}
@media(max-width:700px){
 body .scene .eyebrow,body .scene .location-copy .eyebrow,body .scene .location-detail .eyebrow,body .scene .software-toolkit .eyebrow,body .scene .contact-title .eyebrow{font-size:13px}
 body #scene-stats .stat span,body .about-metrics span{font-size:12px}
 body #scene-services .service-copy small,body .software-group>p,body .software-item span,body #scene-clients .client-name{font-size:11px}
 body .portfolio-page .page-kicker,body.portfolio-page .page-kicker,body .venture-role,body .project-eyebrow{font-size:13px}
}
/* Arabic shaping must remain a continuous run, including inline accent spans. */
html[lang=ar] body *{letter-spacing:0!important;font-kerning:normal;font-feature-settings:normal}

body.work-page .project-copy small,body.about-page .page-client span,body .page-tool-icons span{font-size:calc(12px * var(--ui-scale,1));line-height:1.5}
body .about-stat span{font-size:calc(14px * var(--ui-scale,1));line-height:1.5}
@media(max-width:700px){body.work-page .project-copy small,body.about-page .page-client span,body .page-tool-icons span{font-size:11px}body .about-stat span{font-size:12px}}
@media(max-width:700px){
 html.mobile-layout body #scene-stats .stat span{font-size:12px;line-height:1.5}
 html.mobile-layout body #scene-services .service-copy small,html.mobile-layout body .software-group>p,html.mobile-layout body .software-item span,html.mobile-layout body #scene-clients .client-name{font-size:11px;line-height:1.5}
}