/* Shared Arabic/English typography, self-hosted for reliable rendering. */
@font-face{font-family:'Almarai';src:url('fonts/almarai-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Almarai';src:url('fonts/almarai-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'El Messiri';src:url('fonts/el-messiri-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorant-garamond-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Manrope';src:url('fonts/manrope-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Manrope';src:url('fonts/manrope-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--font-ar-body:'Almarai',Tahoma,Arial,sans-serif;--font-ar-heading:'El Messiri','Almarai',Tahoma,sans-serif;--font-en-body:'Manrope',Arial,sans-serif;--font-en-heading:'Cormorant Garamond',Georgia,serif}
body{font-family:var(--font-ar-body);font-weight:400;font-size:16px;line-height:1.9}
button,input,select,textarea{font-family:inherit}
h1,h2{font-family:var(--font-ar-heading);font-weight:600;letter-spacing:0;line-height:1.5}
h1,.hero h1{font-size:clamp(38px,4.4vw,56px);font-weight:600;letter-spacing:0;line-height:1.5}
.hero h1 em{display:inline-block}
.arabic-label{white-space:nowrap}
h2,.intro h2,.sectionhead h2,.contact h2,.detail h2,.modal h2{font-size:clamp(30px,3.2vw,42px);font-weight:600;letter-spacing:0;line-height:1.5}
h3,.service h3,.project h3,.step h3,.level-grid h3{font-family:var(--font-ar-body);font-size:24px;font-weight:700;line-height:1.65;letter-spacing:0}
p,.hero p,.intro p,.sectionhead p,.service p,.step p,.detail p,.contact p,.modal p,details p{font-weight:400}
.hero p,.intro p,.detail p,.contact p,.modal p,.level-grid p{font-size:16px;line-height:1.95}
.sectionhead p,.service p,.step p,details p{font-size:15px;line-height:1.9}
.service p{min-height:58px}
.project p{font-size:13px}
.navlinks{font-size:14px}
.eyebrow,.btn,.textlink,.contact-label,summary,label,.work-entries span{font-family:var(--font-ar-body);font-weight:700;letter-spacing:0}
.eyebrow{font-size:13px}
.filters .filter,.service a,.checks{font-size:14px}
summary{font-size:16px;line-height:1.8}
input,select,textarea{font-size:16px;font-weight:400}
input::placeholder,textarea::placeholder{font-size:14px}
.photo-tag{font-family:var(--font-ar-heading);font-size:24px;font-weight:600;line-height:1.6}
.photo-tag small{font-family:var(--font-ar-body);font-weight:400;font-size:12px}
.step .num{font-family:var(--font-en-heading);font-size:32px;font-weight:600;line-height:1.4}
.footer p{font-size:13px}
.copyright,.formnote,.privacy,.sample-note{font-size:12px!important}
.topnote{font-size:12px}
.topnote .english-brand{color:inherit}
:lang(en){font-family:var(--font-en-body);font-weight:400;letter-spacing:normal}
[lang='en'][dir='ltr']{unicode-bidi:isolate}
h1:lang(en),h2:lang(en),h3:lang(en),h1 :lang(en),h2 :lang(en),h3 :lang(en){font-family:var(--font-en-heading);font-weight:600;letter-spacing:0;line-height:1.2}
.english-label,.latin,.hero-bottom .english-label{font-family:var(--font-en-body);font-weight:600;text-transform:uppercase;letter-spacing:3px;direction:ltr;display:inline-block}
.english-label{font-size:11px}
.contact-phones bdi,input[type='tel']{font-family:var(--font-en-body);font-weight:600}
@media(max-width:650px){
 .hero h1{font-size:38px;line-height:1.5}
 .hero p{font-size:15px;line-height:1.9}
 .intro h2,.sectionhead h2,.contact h2,.detail h2,.modal h2{font-size:30px}
 .service h3,.level-grid h3{font-size:22px}
 .project h3{font-size:20px}
 .step h3{font-size:19px}
 .work-entries span{font-size:15px;line-height:1.7;left:8px}
 .photo-tag{font-size:22px}
 .topnote{font-size:10px}
 .hero .eyebrow{font-size:12px}
 .hero .english-label{font-size:10px}
 .hero-bottom .english-label{display:none}
}
