/* Locally hosted Ruqʿah: preserve Arabic joins and generous vertical space. */
/* Readable image overlays in all three languages. */
.hero-shade{background:linear-gradient(90deg,rgba(4,13,22,.88),rgba(4,13,22,.7) 55%,rgba(4,13,22,.3))}
body[dir=rtl] .hero-shade{background:linear-gradient(270deg,rgba(4,13,22,.88),rgba(4,13,22,.7) 55%,rgba(4,13,22,.3))}
.hero h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.hero .lead{color:#fff;opacity:1;text-shadow:0 1px 6px #07121b}
.hero :is(.eyebrow,.sss){color:#f2d29d;opacity:1;text-shadow:0 1px 5px #07121b}
.hero .button.ghost{background:rgba(7,18,27,.8);border-color:#e7c48e;color:#fff}
.hero .button.ghost:hover{background:#142a3a}
.hero-note{background:rgba(7,18,27,.9);color:#fff;opacity:1;padding:12px 18px;border-inline-start:2px solid #d6b27a}
.brand-signature{background:rgba(5,16,25,.88);border-color:#e7c48e}
.brand-signature .company-arabic,.brand-signature em{color:#fff!important;opacity:1}
.profile-visual>span{background:rgba(5,16,25,.92);color:#fff!important;opacity:1;padding:16px 22px;line-height:1.7;text-shadow:none;border-inline-start:2px solid #d6b27a}
@font-face{font-family:'Aref Ruqaa';src:url('assets/ArefRuqaa-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Aref Ruqaa';src:url('assets/ArefRuqaa-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body[dir=rtl]{--serif:'Aref Ruqaa',serif;--sans:'Aref Ruqaa',serif;font-family:'Aref Ruqaa',serif;font-size:24px;line-height:1.9}
body[dir=rtl] :is(h1,h2,h3,h4,p,a,span,b,strong,em,small,label,button,input,select,textarea,blockquote,li,div){font-family:'Aref Ruqaa',serif;letter-spacing:normal}
body[dir=rtl] :is(p,li,.intro-copy,.service-card p,.rep-grid p,.value-item span,.process li p,.legal-note p,.contact p,.footer-grid p,.footer-grid a){font-size:1.5rem;line-height:1.9}
body[dir=rtl] :is(.section-kicker,.eyebrow,.sss,.hero-note,.site-header nav a,.button,.text-link,.form-grid label,.consent,.form-note,.form-status,.footer-bottom,.route-point small,.route-point div>span,.route-card>p){font-size:1.3rem!important;line-height:1.8;letter-spacing:normal}
body[dir=rtl] h1{font-size:clamp(3.2rem,6vw,5.5rem);line-height:1.5;font-weight:700}
body[dir=rtl] h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.55;font-weight:700}
body[dir=rtl] :is(h3,.value-item b,.route-point strong){font-size:1.9rem;line-height:1.6;font-weight:700}
body[dir=rtl] blockquote{font-size:2rem;line-height:1.9}
body[dir=rtl] .lead{font-size:1.8rem;line-height:1.85}
body[dir=rtl] .enquiry-form :is(input,select,textarea){font-size:1.5rem;line-height:1.8}
body[dir=rtl] .hero{min-height:900px;padding-bottom:50px}
body[dir=rtl] .hero-note{position:static;margin:30px 24px;align-self:flex-end}
body[dir=rtl] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[dir=rtl] .contact-grid{grid-template-columns:1.1fr 1fr;gap:5%}
body[dir=rtl] .contact-card{min-width:0;padding:30px}
body[dir=rtl] .contact-actions a{max-width:100%;overflow-wrap:anywhere}
body[dir=rtl] .brand-signature{align-items:flex-start}
:is(.brand-signature .company-arabic,.brand-signature .slogan-arabic,.brand-signature em,.footer-company-arabic,.footer-arabic,.footer-representation){font-family:'Aref Ruqaa',serif!important;font-size:1.65rem!important;line-height:1.85!important;letter-spacing:normal!important}
.brand-signature .slogan-arabic{font-size:2.2rem!important;font-weight:700;color:#e7c48e}
body[dir=rtl] :is(a[href^='mailto:'],a[href^='tel:']:not([data-i18n]),input[type=email],input[type=tel]){direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif;text-align:left;font-size:1.1rem}
body[dir=rtl] :is(.brand,.brand *,.language-switcher button){font-family:Arial,sans-serif}
@media(max-width:900px){body[dir=rtl] .contact-grid{grid-template-columns:1fr}body[dir=rtl] .hero{display:block;padding-top:65px}body[dir=rtl] .hero-content{position:relative}}
@media(max-width:620px){body[dir=rtl] .service-grid{grid-template-columns:1fr}body[dir=rtl] .values-card{padding:30px 22px}body[dir=rtl] .hero-actions{flex-wrap:wrap}body[dir=rtl] .hero{min-height:auto;padding-bottom:35px}body[dir=rtl] .hero h1{font-size:3rem}body[dir=rtl] .brand-signature{padding:16px;max-width:100%}}

/* Amiri for display; Tajawal for clear and understated Arabic text. */
@font-face{font-family:'AG Amiri';src:url('assets/amiri-Amiri-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:'AG Amiri';src:url('assets/amiri-Amiri-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:'AG Tajawal';src:url('assets/tajawal-Tajawal-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:'AG Tajawal';src:url('assets/tajawal-Tajawal-Medium.ttf');font-weight:500;font-display:swap}
@font-face{font-family:'AG Tajawal';src:url('assets/tajawal-Tajawal-Bold.ttf');font-weight:700;font-display:swap}
body[dir=rtl]{--serif:'AG Amiri',serif;--sans:'AG Tajawal',sans-serif;font-family:'AG Tajawal',sans-serif}
body[dir=rtl] :is(h3,h4,p,a,span,b,strong,em,small,label,button,input,select,textarea,li,div){font-family:'AG Tajawal',sans-serif;letter-spacing:normal}
body[dir=rtl] :is(h1,h2,blockquote),body[dir=rtl] :is(h1,h2,blockquote) *{font-family:'AG Amiri',serif}
:is(.brand-signature .company-arabic,.brand-signature .slogan-arabic,.brand-signature em,.footer-company-arabic,.footer-arabic,.footer-representation){font-family:'AG Amiri',serif!important}
body[dir=rtl] :is(.brand,.brand *,.language-switcher button){font-family:Arial,sans-serif}
body[dir=rtl] :is(a[href^='mailto:'],a[href^='tel:'],input[type=email],input[type=tel]){font-family:Arial,sans-serif}