.nav-shell{gap:18px}.language-switch,.theme-toggle{border:1px solid #ffffff50;background:transparent;color:#fff;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:10px 14px;font:400 13px Cairo,Arial,sans-serif}.theme-toggle{width:44px;padding:0;font-size:23px}.language-switch:hover,.theme-toggle:hover{border-color:var(--yellow);color:var(--yellow)}.nav-shell nav{margin-inline:auto}.nav-shell>a:first-child{flex-shrink:0}.mobile-call{display:none}.stats strong,[data-phone-text],[data-email-text]{direction:ltr;unicode-bidi:isolate}.project h3{direction:ltr;unicode-bidi:isolate}.theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .sun{display:inline}[data-theme=dark] .theme-toggle .moon{display:none}
html[lang=ar] body{font-family:Cairo,Arial,sans-serif}html[lang=ar] .hero-inner{padding:46px 90px 50px 70px}html[lang=ar] .hero h1{font-size:76px;line-height:1.45;letter-spacing:0;white-space:normal}html[lang=ar] .hero-copy{padding-top:95px}html[lang=ar] .hero-copy>p{font-size:19px;line-height:1.95;max-width:520px}html[lang=ar] .stats{margin-top:85px}html[lang=ar] .stats span{font-size:14px}html[lang=ar] .value{font:500 32px/1.8 Cairo,Arial,sans-serif;letter-spacing:0}html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0}html[lang=ar] .service h3{font-size:27px;line-height:1.6}html[lang=ar] .service p{font-size:15px;line-height:2.1}html[lang=ar] .service-intro>p{line-height:2}html[lang=ar] .services-art{margin-left:0;margin-right:-37px}html[lang=ar] .step p{font-family:Cairo,Arial,sans-serif;line-height:1.9;letter-spacing:0}html[lang=ar] .step h3{font-size:22px}html[lang=ar] .step-one{left:auto;right:0}html[lang=ar] .step-three{right:auto;left:0}html[lang=ar] .connector-one{left:auto;right:193px;transform:scaleX(-1)}html[lang=ar] .connector-two{left:auto;right:650px;transform:scaleX(-1)}html[lang=ar] .category{text-align:right;font:400 16px/1.9 Cairo,Arial,sans-serif;padding:24px}html[lang=ar] .tags span{font:400 11px/1.8 Cairo,Arial,sans-serif}html[lang=ar] .work-cta p{font:400 20px/1.9 Cairo,Arial,sans-serif}html[lang=ar] .contact-copy h2{font:500 44px/1.65 Cairo,Arial,sans-serif}html[lang=ar] .contact-art{right:auto;left:87px}html[lang=ar] .contact-copy form{margin-top:55px}html[lang=ar] .contact-copy input{direction:rtl}html[lang=ar] .contact-copy input:not(:placeholder-shown){direction:ltr;text-align:right}html[lang=ar] .footer-brand>p,html[lang=ar] .footer-main nav a,html[lang=ar] .footer-main nav button,html[lang=ar] .contact-lines a,html[lang=ar] .contact-lines p{font-family:Cairo,Arial,sans-serif;line-height:1.9}html[lang=ar] .footer-main h2{font:500 26px/1.6 Cairo,Arial,sans-serif}html[lang=ar] .footer-main nav a{font-size:13px}html[lang=ar] .footer-brand>p{font-size:14px}html[lang=ar] .footer-bottom button{letter-spacing:0}html[lang=ar] .dialog-close{right:auto;left:16px}html[lang=ar] dialog h2{padding-right:0;padding-left:40px}html[lang=ar] .collaborate{font-family:Cairo,Arial,sans-serif}html[lang=ar] #dialog-content{line-height:2}
[data-theme=dark]{color-scheme:dark;--ink:#f5f3fa;--muted:#bcb6cc}[data-theme=dark] body{background:#14111c;color:#f5f3fa}[data-theme=dark] .header,[data-theme=dark] footer{background:#09080e}[data-theme=dark] .hero{background:#14111c}[data-theme=dark] .services{background:#191522}[data-theme=dark] .process{background:#120f1a}[data-theme=dark] .work{background:#1c1728}[data-theme=dark] .contact{background:#14111c}[data-theme=dark] .hero-art,[data-theme=dark] .services-art{border-radius:32px;box-shadow:0 16px 65px #0003}[data-theme=dark] .button{color:#17111f}[data-theme=dark] .collaborate{color:#17111f}[data-theme=dark] .button.white{background:#f5f3fa;color:#16101d}[data-theme=dark] .category{color:#f5f3fa}[data-theme=dark] .category.brand{background:#302a3c}[data-theme=dark] .category.web{background:#46243a}[data-theme=dark] .category.marketing{background:#302747}[data-theme=dark] .category.design{background:#37321d}[data-theme=dark] .category.analytics{background:#203a2b}[data-theme=dark] .category[aria-pressed=true]{border-color:#fdda0e}[data-theme=dark] .project{background:transparent}[data-theme=dark] .project h3{color:#f5f3fa}[data-theme=dark] .tags span{border-color:#ffffff35}[data-theme=dark] .work-cta{background:#282038;border:1px solid #ffffff14}[data-theme=dark] .contact-card{background:#262035;box-shadow:0 0 75px #fd0ea909}[data-theme=dark] .contact-copy input{background:#17121f;color:white;border-color:#ffffff45}[data-theme=dark] .contact-copy input::placeholder{color:#c5bfd0}[data-theme=dark] dialog{background:#241d31;color:#f5f3fa}[data-theme=dark] .dialog-close{background:#3a304a;color:white}[data-theme=dark] .step-number{background:#fdda0e}[data-theme=dark] .step>img{background:#fdda0e;border-radius:30px}[data-theme=dark] .stats>img{opacity:.65}
body,.header,.hero,.services,.process,.work,.contact,.project,.category,.contact-card,footer,dialog{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.reveal-pending{opacity:0;transform:translateY(20px)}.reveal-ready{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.service-icon{transition:transform .25s ease,box-shadow .25s ease}.service:hover .service-icon{transform:translateY(-4px);box-shadow:0 8px 28px #fdda0e25}.button-arrow{transition:transform .25s ease}.collaborate:hover .button-arrow{transform:rotate(12deg)}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-enter .75s ease both}.hero-art{animation:hero-enter 1s .1s ease both}.contact-art{animation:none}@keyframes hero-enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}}
@media(max-width:1439px) and (min-width:1101px){html[lang=ar] .hero-inner{padding:46px 6.25% 50px 5%}html[lang=ar] .hero h1{font-size:clamp(55px,5.2vw,76px)}html[lang=ar] .services-art{margin-right:0}html[lang=ar] .contact-copy h2{font-size:38px}html[lang=ar] .contact-art{left:5%}html[lang=ar] .connector-one{right:16%}html[lang=ar] .connector-two{right:54%}}
@media(max-width:1100px){.nav-shell{padding-inline:24px;gap:10px}.nav-shell nav{gap:4px}.nav-shell nav a{font-size:13px;padding-inline:5px}.book-call{font-size:13px}.language-switch{padding:10px}.nav-shell nav{margin-inline:auto}html[lang=ar] .hero-inner{padding:50px 32px}html[lang=ar] .hero-copy{padding-top:35px}html[lang=ar] .hero h1{font-size:52px}html[lang=ar] .hero-copy>p{font-size:16px}html[lang=ar] .stats{margin-top:60px}html[lang=ar] .stats span{font-size:11px}html[lang=ar] .service h3{font-size:21px}html[lang=ar] .services-art{margin-right:0}html[lang=ar] .service p{font-size:14px}html[lang=ar] .contact-copy h2{font-size:32px}html[lang=ar] .contact-art{left:30px;transform-origin:left top}html[lang=ar] .category{font-size:13px;padding:18px 12px}html[lang=ar] .step h3{font-size:19px}}
@media(min-width:761px) and (max-width:900px){.nav-shell>a:first-child{width:145px}.nav-shell>a:first-child img{transform:scale(.82);transform-origin:left center}html[lang=ar] .nav-shell>a:first-child img{transform-origin:right center}.nav-shell .book-call{display:none}html[lang=ar] .hero h1{font-size:43px}html[lang=ar] .contact-copy h2{font-size:29px}html[lang=ar] .contact-art{left:24px}}
@media(max-width:760px){.nav-shell{padding:16px 20px;gap:8px;flex-wrap:wrap}.nav-shell>a:first-child{width:140px;margin:0;margin-inline-end:auto}.nav-shell .book-call{display:none}.nav-shell .language-switch{font-size:12px;padding:10px;min-height:40px}.theme-toggle{width:40px;min-height:40px}.nav-shell .menu-toggle{flex-shrink:0}.nav-shell nav{order:5;margin:0}.mobile-call{display:block}.nav-shell nav a{font-size:16px;padding:10px}html[lang=ar] .nav-shell>a:first-child img{transform-origin:right center}html[lang=ar] .hero-inner{padding:44px 24px 40px}html[lang=ar] .hero-copy{padding:0}html[lang=ar] .hero h1{font-size:46px;line-height:1.6}html[lang=ar] .hero-copy>p{font-size:16px;line-height:2}html[lang=ar] .stats{margin-top:38px}html[lang=ar] .value{font-size:23px}html[lang=ar] .service h3{font-size:19px}html[lang=ar] .contact-art{left:50%;right:auto;transform:translateX(-50%) scale(.56);transform-origin:center bottom}html[lang=ar] .contact-copy h2{font-size:29px;line-height:1.75}html[lang=ar] .contact-copy form{margin-top:28px}html[lang=ar] .contact-card{min-height:570px}html[lang=ar] .work-cta p{font-size:16px}html[lang=ar] .footer-main h2{font-size:21px}html[lang=ar] .footer-main nav a{font-size:12px}html[lang=ar] .footer-bottom{align-items:flex-start}html[lang=ar] .category{font-size:14px}html[lang=ar] h2{font-size:28px;line-height:1.6}}
@media(max-width:380px){.nav-shell{padding-inline:14px;gap:6px}.nav-shell>a:first-child{width:115px}.nav-shell>a:first-child img{transform:scale(.65)}.language-switch{max-width:67px}.theme-toggle,.menu-toggle{width:36px!important}.hero h1{font-size:33px}html[lang=ar] .hero h1{font-size:39px}html[lang=ar] .stats span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.reveal-ready{transition:none!important}}

html[lang=ar] .project h3{text-align:right}