@font-face{font-family:'Noto Arabic';src:url('/assets/noto-arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Noto Arabic';src:url('/assets/noto-arabic-bold.ttf') format('truetype');font-weight:600 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
:root{--surface:#182113;--ink-soft:#b9c7ac;--rule:#879c6252;--studio-bottom:64px}html{color-scheme:dark}html[data-theme=light],html[data-theme=light] body{color-scheme:light;--bg:#f5f3ec;--paper:#172013;--accent:#456800;--muted:#526046;--line:#b5bfa6;--surface:#ecefe3;--ink-soft:#46573a;--rule:#53674655}
.site-controls{display:flex;align-items:center;gap:7px;flex-shrink:0;direction:ltr}.site-controls a,.site-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 12px;border:1px solid var(--rule);border-radius:3px;background:transparent;color:var(--paper);font:11px/1.3 var(--body,Manrope),Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}.site-controls .language-toggle{font-family:'Noto Arabic',sans-serif}.site-controls svg{width:15px;height:15px}.site-controls :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header{gap:20px}.site-header nav{gap:20px}.site-header nav a{font-size:11px}.galaxy-header .site-controls{margin-inline-start:4px}.galaxy-contact{display:none}.galaxy-back{margin-inline-start:auto}.profile-actions{gap:14px;flex-wrap:wrap}.profile-actions .site-controls{margin-inline-start:auto}.profile-actions>button{font-family:inherit}.portrait-rig{overflow:visible!important}.portrait-wrap{overflow:visible!important}#portrait-arm{transform-origin:190px 560px}.portrait-scene{right:0%;width:55%}.studio-timeline{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.pointer-beacon{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:499;opacity:0;transition:opacity .2s}.pointer-beacon:before{content:'';position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#f2ffd9;box-shadow:0 0 5px #fff,0 0 16px #caff4bb3,0 0 30px #caff4b66}.pointer-beacon.is-visible{opacity:1}html[data-theme=light] .pointer-beacon:before{background:#253c0e;box-shadow:0 0 3px #1d2e0d,0 0 12px #618c3077,0 0 24px #7aab3944}
.experience-numbers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:64px}.experience-count{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px 34px;border:1px solid var(--rule);background:var(--surface);color:var(--paper);text-decoration:none;transition:border-color .2s,transform .2s}.experience-count:hover{border-color:var(--accent);transform:translateY(-3px)}.counter-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;font:9px monospace;letter-spacing:1px;color:var(--ink-soft)}.counter-lamp{width:32px;height:9px;border:1px solid #84947080;border-radius:7px;background:#4c574333;box-shadow:inset 0 1px 2px #0006;transition:background .35s,box-shadow .35s}.experience-count.is-complete .counter-lamp{background:#f3ffe1;box-shadow:0 0 5px #caff4b,0 0 16px #caff4b99,0 0 30px #caff4b44;border-color:#caff4b}.count-value{font:600 clamp(78px,8vw,120px)/1 var(--display,'Barlow Condensed');letter-spacing:-3px;font-variant-numeric:tabular-nums;margin:22px 0 10px;direction:ltr}.count-label{font:500 26px/1.2 var(--display,'Barlow Condensed');margin-bottom:22px}.experience-count>small{display:flex;width:100%;justify-content:space-between;border-top:1px solid var(--rule);padding-top:16px;font:11px/1.6 var(--body,Manrope);color:var(--ink-soft)}
.article-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-card{color:var(--paper);display:block;text-decoration:none;min-width:0}.article-art{height:220px;background:var(--surface);position:relative;overflow:hidden;border:1px solid var(--rule);margin-bottom:25px}.article-art:before{content:'';position:absolute;inset:20px;border:1px solid var(--rule);background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:38px 38px;opacity:.3}.article-art>span{position:absolute;left:27px;top:22px;font:10px monospace;letter-spacing:2px;color:var(--ink-soft)}.article-art>strong{position:absolute;left:32px;bottom:20px;font:600 100px/.85 'Barlow Condensed';letter-spacing:-4px;color:var(--accent)}.article-art>i{position:absolute;right:30px;top:60px;width:80px;height:100px;border:2px solid var(--accent);transform:rotate(-12deg);box-shadow:10px 10px 0 var(--surface),11px 11px 0 var(--rule);transition:transform .5s}.article-card:nth-child(2) .article-art>i{border-radius:50%;width:105px;height:105px;transform:rotate(0);box-shadow:inset 0 0 0 20px var(--surface),inset 0 0 0 21px var(--rule)}.article-card:nth-child(3) .article-art>i{transform:rotate(45deg);height:70px;width:70px;top:65px}.article-card:hover .article-art>i{transform:rotate(0) translateY(-5px)}.article-card .article-category{font:9px/1.7 monospace;letter-spacing:1px;color:var(--ink-soft)}.article-card h3{font:500 32px/1.1 var(--display,'Barlow Condensed');margin:14px 0}.article-card p{font:12px/1.8 var(--body,Manrope);color:var(--ink-soft);margin:0}.article-card .article-read{display:flex;justify-content:space-between;margin-top:25px;padding-top:16px;border-top:1px solid var(--rule);font:11px var(--body,Manrope);color:var(--accent)}.articles-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px}.articles-footer p{font:11px/1.8 var(--body);color:var(--ink-soft)}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.capability-grid article{padding:22px;border:1px solid var(--rule);background:var(--surface)}.capability-grid h3{font-size:17px}.capability-grid p{font-size:12px;line-height:1.9}.evidence-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.evidence-list a{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--rule)}.evidence-list span,.evidence-note{font-size:11px;color:var(--ink-soft)}.profile-page{--paper:#eef0e5;--accent:#caff4b;--display:'Barlow Condensed',sans-serif;--body:Manrope,Arial,sans-serif;background:#11170f;color:var(--paper)}.profile-page :is(.career-period,.career-row p:last-child,.profile-socials small,.credit-group summary>span){color:var(--ink-soft)}.profile-page em{color:var(--accent)}.profile-page .profile-work-link{display:inline-block;color:var(--accent);margin-top:15px}.profile-page h2{color:var(--paper)}
/* Light appearance: semantic surfaces and text, original artwork stays untouched. */
html[data-theme=light] body{background:var(--bg);color:var(--paper)}html[data-theme=light] :is(.site-header,.workspace-bar,.studio-console,.studio-tools,.board-bar,.work-section,footer){background:#f5f3ecf5;color:var(--paper);border-color:var(--rule)}html[data-theme=light] :is(.flow-section,.intro-copy,.intro-meta,.work-section,.profile-page,.galaxy-page,.journal-page,footer) :is(h1,h2,h3,h4,p,small,label,legend,summary,span,strong,em,a,button){color:inherit}html[data-theme=light] :is(.intro-copy h1 em,.section-heading h2 em,.career-intro h2 em,.career-stat strong,.text-link,.article-read,.profile-page em){color:var(--accent)}html[data-theme=light] :is(.section-heading p,.career-intro>p,.career-row p,.profile-facts small,.service-promise,.service-copy,.service-expanded li,.location-note,.form-note,.social-links small,.section-kicker,.mono,.eyebrow,.counter-top,.experience-count>small,.article-category,.article-card p,.articles-footer p){color:var(--ink-soft)}html[data-theme=light] :is(.enquiry-panel,.client-universe,.credit-group li,.experience-count,.article-art,.capability-grid article,.directory-client,.client-detail,.galaxy-stage,.galaxy-view-switch,.galaxy-controls,dialog){background:var(--surface);color:var(--paper);border-color:var(--rule)}html[data-theme=light] :is(.enquiry-panel input,.enquiry-panel textarea,#enquiry-text,.galaxy-filters input,.galaxy-filters select){background:transparent;color:var(--paper);border-color:var(--rule)}html[data-theme=light] :is(input,textarea)::placeholder{color:#617055}html[data-theme=light] .service-options input:checked+span,html[data-theme=light] .galaxy-view-switch button[aria-pressed=true]{background:#365600;color:#fff}html[data-theme=light] .site-header nav a[aria-current=location]{color:#365600}html[data-theme=light] :is(.identity .brand-mark,.footer-brand .brand-mark,.galaxy-brand>img,.journal-brand>img){filter:invert(1);mix-blend-mode:multiply}html[data-theme=light] .portrait-rig{filter:drop-shadow(0 18px 28px #25361116)}html[data-theme=light] .career-period i{border-color:#4b721a;background:#f5f3ec}html[data-theme=light] .career-row:first-child .career-period i{background:#4b721a}html[data-theme=light] .experience-count.is-complete .counter-lamp{background:#e5ffd4;border-color:#42731b;box-shadow:0 0 5px #56862b99,0 0 15px #63933866}html[data-theme=light] .neon-glass{border-color:#75836a;background:linear-gradient(#c7cfc0,#a2ae95 50%,#e4e8df);box-shadow:inset 0 1px 2px #32432844}html[data-theme=light] .neon-core{filter:saturate(1.2) brightness(.8)}html[data-theme=light] .galaxy-page{--paper:#172013;--accent:#456800}html[data-theme=light] .planet-name{text-shadow:none;color:#273b1c}html[data-theme=light] .galaxy-center>div{background:#e2e8d7}html[data-theme=light] .galaxy-coordinate,html[data-theme=light] .galaxy-help{color:#516640}html[data-theme=light] .galaxy-heading h1 em{color:#456800}html[data-theme=light] .brand-loader{background:#f5f3ec;color:#172013}html[data-theme=light] .logo-draw{stroke:#456800}html[data-theme=light] .draft-anchors{stroke:#456800;fill:#f5f3ec}html[data-theme=light] .draft-grid{opacity:.6}html[data-theme=light] .loader-top,html[data-theme=light] .loader-bottom,html[data-theme=light] .artboard-label{color:#435636}html[data-theme=light] #network-bg{opacity:.8}html[data-theme=light] .motion-control{background:#f5f3ec;color:#27391d;border-color:var(--rule)}html[data-theme=light] .workspace-actions button,html[data-theme=light] .workspace-meta,html[data-theme=light] .workspace-file,html[data-theme=light] .board-bar,html[data-theme=light] .studio-tools a{color:#3f5431}html[data-theme=light] .studio-console :is(span,small){color:#425934}html[data-theme=light] .director-room{color:#eef0e5;background:#11170f}html[data-theme=light] .director-room :is(h2,h3,p,span,small,a,button){color:inherit}html[data-theme=light] .museum-chapter{--paper:#eef0e5;--accent:#caff4b;color:#eef0e5}html[data-theme=light] .client-logo[data-theme=dark]{background:#20251f;color:#eef0e5}html[data-theme=light] .client-logo{box-shadow:none}html[data-theme=light] .orbit-topline button,html[data-theme=light] .orbit-bottomline button{background:#e1e7d5;color:#223b13;border-color:#74855d}html[data-theme=light] .home-client>small{color:#516640}html[data-theme=light] .universe-orbits{opacity:.7}html[data-theme=light] .universe-orbits i{border-color:#60744155}
/* Arabic keeps complete joined words, balanced line height and readable controls. */
html[lang=ar]{--body:'Noto Arabic',Arial,sans-serif;--display:'Noto Arabic',Arial,sans-serif}html[lang=ar] body{font-family:var(--body)}html[lang=ar] :is(button,input,textarea,select,h1,h2,h3,h4,p,a,label,span,small,summary,li){font-family:'Noto Arabic',Arial,sans-serif}html[lang=ar] :is(.eyebrow,.mono,.section-kicker,.intro-name,.intro-scroll,.intro-meta,.counter-top,.track-name,.article-category){letter-spacing:0}html[lang=ar] .intro-copy{left:auto;right:5.5%;width:49%}html[lang=ar] .intro-copy h1{font:700 clamp(58px,6vw,98px)/1.3 'Noto Arabic';letter-spacing:-2px}html[lang=ar] .intro-copy h1 br{display:block}html[lang=ar] .portrait-scene{right:auto;left:0;width:50%}html[lang=ar] .intro-description{gap:14px}html[lang=ar] .intro-name{margin:24px 0 12px}html[lang=ar] .intro-description p{font-size:13px;line-height:2}html[lang=ar] .section-heading h2,html[lang=ar] .career-intro h2{font:700 clamp(38px,4.5vw,67px)/1.5 'Noto Arabic';letter-spacing:-1px}html[lang=ar] .career-row h3{font:700 23px/1.6 'Noto Arabic'}html[lang=ar] .career-row:not(:last-child):after{left:auto;right:117px}html[lang=ar] .career-period{padding-right:0;padding-left:18px}html[lang=ar] .career-period i{right:auto;left:-4px}html[lang=ar] .career-row p{font-size:12px;line-height:1.9}html[lang=ar] .service-row h3{font:700 36px/1.7 'Noto Arabic'}html[lang=ar] .service-expanded{padding-left:0;padding-right:95px}html[lang=ar] .experience-details>summary small,html[lang=ar] .credit-group summary i{margin-left:0;margin-right:auto}html[lang=ar] .studio-tools{direction:ltr}html[lang=ar] .workspace-bar,html[lang=ar] .studio-console,html[lang=ar] .board-bar{direction:ltr}html[lang=ar] .studio-type .type-word{display:inline;white-space:normal}html[lang=ar] .count-value{font-family:'Barlow Condensed',sans-serif}html[lang=ar] .count-label{font-size:22px;line-height:1.7}html[lang=ar] .article-card h3{font:700 23px/1.65 'Noto Arabic'}html[lang=ar] .article-art{direction:ltr}html[lang=ar] .galaxy-page{--body:'Noto Arabic',sans-serif;--display:'Noto Arabic',sans-serif}html[lang=ar] .galaxy-heading h1{font:700 clamp(32px,3.6vw,54px)/1.4 'Noto Arabic';letter-spacing:-1px}html[lang=ar] .galaxy-heading>p{margin-inline-start:20px}html[lang=ar] .galaxy-main{direction:rtl}html[lang=ar] .galaxy-filters{direction:rtl}html[lang=ar] .galaxy-stage,html[lang=ar] .client-orbit-track{direction:ltr}html[lang=ar] .client-detail h2{font-size:31px;line-height:1.5}html[lang=ar] .planet-name,html[lang=ar] .home-client-name{font-family:'Barlow Condensed','Noto Arabic',sans-serif}html[lang=ar] .galaxy-view-switch{direction:ltr}html[lang=ar] .direct-email,html[lang=ar] .direct-phone,html[lang=ar] a[href^="mailto:"],html[lang=ar] a[href^="tel:"]{direction:ltr;unicode-bidi:embed}html[lang=ar] .profile-page h1{font-family:'Barlow Condensed',sans-serif;direction:ltr;text-align:right}html[lang=ar] .profile-page .lead{font:700 30px/1.6 'Noto Arabic'}html[lang=ar] .profile-page h2{letter-spacing:0;line-height:1.8}html[lang=ar] .galaxy-search{margin-inline-start:0;margin-inline-end:auto}
@media(max-width:1100px){.site-header nav{gap:12px}.site-header nav a{font-size:10px}.site-controls a,.site-controls button{padding:8px 9px;font-size:10px}.identity small{display:none}.galaxy-header{gap:16px}html[lang=ar] .career-row:not(:last-child):after{right:104px}html[lang=ar] .service-expanded{padding-right:65px}}
@media(max-width:900px){.site-header .site-controls{margin-inline-start:auto}.site-header nav{left:5.5%;right:5.5%;gap:18px;justify-content:space-between}.site-header nav a{font-size:10px}.portrait-scene{right:0;width:57%}html[lang=ar] .portrait-scene{left:-1%;width:54%}html[lang=ar] .intro-copy{width:52%}html[lang=ar] .intro-copy h1{font-size:7vw}html[lang=ar] .career-row:not(:last-child):after{right:159px}.article-cards{gap:18px}.article-art{height:185px}.article-art>strong{font-size:80px}.article-art>i{right:25px;width:60px;height:70px}.article-card h3{font-size:27px}.article-card p{font-size:11px}}
@media(max-width:600px){.site-controls{gap:5px}.site-controls a,.site-controls button{min-height:36px;padding:7px 9px;font-size:10px}.site-controls svg{width:13px;height:13px}.site-header nav{gap:18px;justify-content:flex-start}.site-header nav a{flex-shrink:0;font-size:10px}.identity{gap:8px}.identity small{display:none}.identity .brand-mark{width:34px}.site-header{padding-top:16px}.intro-copy{top:174px}.portrait-scene{width:88%;right:-5%;height:39%;bottom:60px}.hello-sticker{left:0;top:5%}.intro-scroll{top:470px}.experience-numbers{gap:12px;margin-top:42px}.experience-count{padding:20px 16px}.counter-top{font-size:7px;letter-spacing:.4px;gap:6px}.counter-lamp{width:24px;height:7px}.count-value{font-size:77px;margin-top:20px}.count-label{font-size:21px}.experience-count>small{font-size:9px;line-height:1.8}.article-cards{grid-template-columns:1fr;gap:40px}.article-art{height:220px}.article-card h3{font-size:32px}.article-card p{font-size:13px}.articles-footer{display:block}.articles-footer .text-link{margin-top:20px;display:inline-flex}.capability-grid,.evidence-list{grid-template-columns:1fr}.galaxy-header{height:72px;margin-inline:5%;gap:10px}.galaxy-header .galaxy-back{display:none}.galaxy-header .site-controls{margin-inline-start:auto}.galaxy-main,.has-client-detail .galaxy-main{height:calc(100svh - 72px)}.galaxy-brand small{display:none}.profile-actions{align-items:center;gap:12px}.profile-actions>button{padding:9px 12px;font-size:10px}.profile-actions .site-controls{margin:0}.galaxy-filters select{font-size:9px!important}html[lang=ar] .intro-copy{top:178px;right:6%;left:auto;width:88%}html[lang=ar] .intro-copy h1{font-size:11.5vw;line-height:1.4;letter-spacing:-1px}html[lang=ar] .intro-name{font-size:11px;margin-top:15px}html[lang=ar] .intro-description p{font-size:11px;line-height:1.9;max-width:290px}html[lang=ar] .portrait-scene{width:86%;height:37%;left:-7%;right:auto;bottom:61px}html[lang=ar] .intro-scroll{right:0;left:auto;top:465px;font-size:9px}html[lang=ar] .section-heading h2,html[lang=ar] .career-intro h2{font-size:10.5vw;line-height:1.5}html[lang=ar] .career-row h3{font-size:21px}html[lang=ar] .career-row:not(:last-child):after{right:83px}html[lang=ar] .career-period{font:8px/1.9 'Noto Arabic';padding-left:10px}html[lang=ar] .career-row p{font-size:10px}html[lang=ar] .service-expanded{padding:0 0 30px}html[lang=ar] .service-row h3{font-size:28px}html[lang=ar] .experience-details>summary{font-size:11px}html[lang=ar] .count-label{font-size:15px}html[lang=ar] .experience-count>small{font-size:9px}html[lang=ar] .counter-top{font-size:7px}html[lang=ar] .galaxy-heading h1{font-size:30px;line-height:1.45}html[lang=ar] .galaxy-view-switch{top:28px;right:auto;left:0}html[lang=ar] .galaxy-heading{padding-top:4px}html[lang=ar] .galaxy-heading>div:first-child{max-width:210px}html[lang=ar] .galaxy-filters label{font-size:7px}html[lang=ar] .galaxy-filters select{max-width:105px!important}html[lang=ar] .client-detail #client-detail-logo{float:right;margin-left:17px;margin-right:0}html[lang=ar] .profile-page h1{font-size:85px}html[lang=ar] .profile-page .lead{font-size:26px}}
@media(prefers-reduced-motion:reduce){.pointer-beacon{display:none}.experience-count,.counter-lamp,.article-art>i{transition:none}}
@media print{.site-controls,.pointer-beacon{display:none!important}.profile-page{color:#111!important;background:white!important}.profile-page :is(h1,h2,h3,p,a,span,small,em){color:#111!important}.profile-page .capability-grid article{background:white;break-inside:avoid}.profile-page .evidence-list{grid-template-columns:repeat(3,1fr)}}

/* Final contrast and Arabic greeting refinements. */
html[data-theme=light] .site-header nav a{color:#3b4932}html[data-theme=light] .site-header nav a:hover{color:#1d310d}html[data-theme=light] .hello-sticker{background:#edf1e3;color:#365600;border-color:#6c844c}html[data-theme=light] #skip-loader{color:#365600}html[data-theme=light] #network-bg{opacity:.48}html[data-theme=light] .career-period{color:#526046}html[data-theme=light] .workspace-meta strong{color:#365600}html[lang=ar] .hello-sticker{font-size:31px;line-height:1.8;letter-spacing:-1px}html[lang=ar] .hello-sticker span{font-family:'Noto Arabic',Arial,sans-serif}html[data-theme=light] .studio-track{filter:saturate(1.3) brightness(.7)}
html[lang=ar] .hello-sticker>span{font-size:31px;line-height:1.5;letter-spacing:-1px}
@media(max-width:600px){html[lang=ar] .hello-sticker{left:18%;top:1%;width:57px;height:57px}html[lang=ar] .hello-sticker>span{font-size:23px}.intro-scroll{scroll-margin-top:150px}}
@media(max-width:600px) and (max-height:740px){.introduction,.intro-stage,.reduced .introduction,.reduced .intro-stage{height:100svh;min-height:700px}.intro-copy,html[lang=ar] .intro-copy{top:158px}.intro-copy h1{font-size:17vw}.intro-name{margin-top:18px;margin-bottom:12px}.intro-description{margin-top:18px}.intro-description p,html[lang=ar] .intro-description p{font-size:10px}.portrait-scene{height:36%;bottom:53px;width:80%;right:-2%}html[lang=ar] .portrait-scene{height:35%;bottom:53px;width:78%;left:-2%}.intro-scroll,html[lang=ar] .intro-scroll{top:395px}html[lang=ar] .intro-copy h1{font-size:10.3vw}html[lang=ar] .hello-sticker{left:15%}}
@media(max-width:600px) and (max-height:740px){.portrait-scene,html[lang=ar] .portrait-scene{bottom:30px}.hello-sticker{top:9%}}

html[data-theme=light] .profile-actions>button{background:#294318;color:#fff}html[data-theme=light] .profile-actions>button:hover{background:#3d5c24}
html[data-theme=light] :is(.galaxy-back,.galaxy-detail-cta){color:#365600!important}html[data-theme=light] :is(#galaxy-count,#clear-client-filters,#client-detail-sector,#client-detail-context,#client-detail-disciplines>span,.galaxy-planet[aria-pressed=true] .planet-name,.client-work-link>b){color:#405733}html[data-theme=light] .galaxy-planet[aria-pressed=true] .client-logo{box-shadow:0 0 0 5px #45680018,0 0 0 6px #456800}html[data-theme=light] .pill,html[data-theme=light] #filters button.active,html[data-theme=light] .service-options input:checked+span{background:#365600;color:#fff}html[data-theme=light] .pill span{color:#fff}html[data-theme=light] #filters button:not(.active){color:#405733}