/* English editorial typography. Arabic continues to use Tajawal. */
html[lang="en"] body{font-family:"Inter",Tahoma,Arial,sans-serif;line-height:1.75;font-size:16px;font-optical-sizing:auto}
html[lang="en"] :is(h1,h2,h3){font-family:"Manrope","Inter",Tahoma,Arial,sans-serif;font-weight:700;line-height:1.25;letter-spacing:-.035em;text-wrap:balance}
html[lang="en"] h1,html[lang="en"] h2{font-weight:800}
html[lang="en"] .hero-copy h1{font-size:clamp(58px,6.2vw,96px);line-height:1.1;letter-spacing:-.05em}
html[lang="en"] .hero-copy p{font-size:19px;line-height:1.8;max-width:570px}
html[lang="en"] .page-hero h1{font-size:clamp(45px,5.1vw,74px);line-height:1.15}
html[lang="en"] .page-hero p{font-size:19px;line-height:1.8}
html[lang="en"] .large-copy{font-size:clamp(20px,1.8vw,25px);line-height:1.7}
html[lang="en"] .section-heading p{font-size:18px;line-height:1.8}
html[lang="en"] .service-overview .large-copy{font-size:21px;line-height:1.8}
html[lang="en"] .service-overview>div>p:last-child{font-size:17px}
html[lang="en"] :is(.service-card p,.info-card p,.principle p,.journal-card p,.faq-list details>div p){font-size:16px;line-height:1.85}
html[lang="en"] :is(.scope-list p,.delivery-stages p,.check-list li){font-size:16px;line-height:1.8}
html[lang="en"] :is(.brand>span,.hero-corner,.footer-note>span){font-family:"Manrope","Inter",Tahoma,Arial,sans-serif;letter-spacing:-.025em;font-weight:800}
html[lang="en"] .brand>span{font-size:18px}
html[lang="en"] .brand small{font-family:"Inter",Tahoma,Arial,sans-serif;letter-spacing:.18em;font-weight:500;font-size:8px;margin-top:3px}
html[lang="en"] :is(.eyebrow,.service-card-image>span){font-family:"Inter",Tahoma,Arial,sans-serif;font-size:10px;letter-spacing:.16em;font-weight:600}
html[lang="en"] :is(.button,.text-link){font-weight:600}
html[lang="en"] .site-header nav{font-size:13px;font-weight:500}
html[lang="en"] .service-card h3{font-size:23px;line-height:1.35}
html[lang="en"] :is(.info-card h3,.related-card h3,.delivery-stages h3){font-size:23px;line-height:1.35}
html[lang="en"] .faq-list summary{font-family:"Manrope","Inter",Tahoma,Arial,sans-serif;font-size:19px;font-weight:700;line-height:1.6;letter-spacing:-.02em}
html[lang="en"] .vision-section .large-copy{font-size:20px;line-height:1.8}
html[lang="en"] .contact-form label{font-size:14px;font-weight:500}
html[lang="en"] .legal-copy p{font-size:18px;line-height:1.9}
@media(max-width:1200px){html[lang="en"] .site-header nav{gap:15px}html[lang="en"] .brand>span{font-size:17px}}
@media(max-width:960px){html[lang="en"] .site-header nav{font-size:19px}html[lang="en"] .hero-copy h1{font-size:70px}}
@media(max-width:600px){html[lang="en"] .hero-copy h1{font-size:clamp(44px,11.5vw,61px);line-height:1.13}html[lang="en"] .hero-copy p{font-size:17px}html[lang="en"] h2{font-size:34px;line-height:1.2}html[lang="en"] .page-hero h1{font-size:42px}html[lang="en"] .page-hero p{font-size:17px}html[lang="en"] .brand>span{font-size:16px}html[lang="en"] .service-overview .large-copy{font-size:19px}html[lang="en"] .section-heading p{font-size:17px}html[lang="en"] .faq-list summary{font-size:18px}html[lang="en"] .cta-panel h2{font-size:30px}html[lang="en"] .service-finder h2{font-size:32px}html[lang="en"] .vision-section .large-copy{font-size:19px}}
