html[lang=ar]{--body:'Cairo',sans-serif;--display:'Cairo',sans-serif;--mono:'Cairo',sans-serif}html[lang=ar] body{font-family:'Cairo',sans-serif;line-height:1.7}html[lang=ar] .display,html[lang=ar] .mono,html[lang=ar] .eyebrow{letter-spacing:0;text-transform:none}html[lang=ar] .display{line-height:1.3;font-weight:600}html[lang=ar] .header{direction:rtl}html[lang=ar] .hero h1{font-size:clamp(70px,11vw,190px);line-height:1.25;margin-top:10px;letter-spacing:0}html[lang=ar] .hero h1 span{display:block}html[lang=ar] .hero-topline .arabic{display:none}html[lang=ar] .hero-caption{text-align:right}html[lang=ar] .intro-title,html[lang=ar] .about-page h1{font-size:clamp(40px,5.5vw,84px);line-height:1.5}html[lang=ar] .section-heading h2,html[lang=ar] .clients-section h2,html[lang=ar] .index-section h2{font-size:clamp(40px,6.5vw,92px)}html[lang=ar] .project-hero h1{font-size:clamp(42px,7.5vw,110px);line-height:1.4;max-width:1200px}html[lang=ar] .project-info h2{font-size:clamp(35px,5vw,65px);line-height:1.5}html[lang=ar] .project-card h3{font-size:30px;line-height:1.6}html[lang=ar] .category-hero h1{font-size:clamp(48px,9vw,140px)}html[lang=ar] .category-nav .name{font-size:24px}html[lang=ar] .index-row h3{font-size:38px}html[lang=ar] .project-next h2{font-size:clamp(32px,6vw,75px)}html[lang=ar] .footer h2{font-size:clamp(42px,8vw,125px);line-height:1.5}html[lang=ar] .client-name{font-family:'Cairo',sans-serif;font-size:17px;line-height:1.8}html[lang=ar] .client-name:nth-child(n){font-size:17px}html[lang=ar] .hero-intro{font-size:15px}html[lang=ar] .stats strong,html[lang=ar] .counter,html[lang=ar] .footer-links a[href^='tel:'],html[lang=ar] .footer-links a[href^='mailto:']{direction:ltr;unicode-bidi:isolate}html[lang=ar] .copy{left:auto;right:6%;text-align:right}html[lang=ar] .copy h1{font-family:'Cairo',sans-serif;font-size:clamp(45px,7vw,110px);line-height:1.35;letter-spacing:0}html[lang=ar] .copy p{font-family:'Cairo',sans-serif;line-height:1.8}html[lang=ar] .open,html[lang=ar] .bottom{font-family:'Cairo',sans-serif;letter-spacing:0}html[lang=ar] .dots{direction:ltr}html[lang=ar] .project-placeholder{font-family:'Cairo',sans-serif;font-size:32px}html[lang=ar] .hero-reel-caption .mono{line-height:1.7}
@media(max-width:700px){html[lang=ar] .hero-content{padding-top:110px}html[lang=ar] .hero h1{font-size:clamp(55px,16vw,78px);margin-top:20px}html[lang=ar] .category-nav .name{font-size:17px}html[lang=ar] .hero-intro{font-size:13px}html[lang=ar] .hero-intro .roles{font-size:9px}html[lang=ar] .hero-topline .mono{font-size:9px}html[lang=ar] .section-heading h2{font-size:34px}html[lang=ar] .project-hero h1{font-size:38px;overflow-wrap:normal}html[lang=ar] .category-hero h1{font-size:43px}html[lang=ar] .project-card h3{font-size:28px}html[lang=ar] .index-row h3{font-size:30px}html[lang=ar] .copy{top:4%;right:6%;width:86%}html[lang=ar] .copy h1,html[lang=ar] .copy h1.long-title{font-size:34px;line-height:1.4;margin-bottom:6px}html[lang=ar] .copy p{font-size:12px;line-height:1.7}html[lang=ar] .footer h2{font-size:43px}html[lang=ar] .mobile-menu nav a{font-family:'Cairo',sans-serif;font-size:32px}}
html[lang=ar] .brand span{display:none}html[lang=ar] .brand{font-size:16px}html[lang=ar] .dots{right:auto;left:2%}html[lang=ar] .thumb{left:auto;right:6%}html[lang=ar] .fallback{right:auto;left:12%}html[lang=ar] .copy{width:43%}@media(max-width:700px){html[lang=ar] .copy{width:86%}html[lang=ar] .dots{left:1%;right:auto}}