:root{--bg:#080910;--surface:#10111e;--ink:#f3f0e8;--muted:#a6a6b1;--line:#ffffff20}body{font-family:Inter,sans-serif;background:var(--bg);background-image:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff03 25%,transparent calc(25% + 1px)),linear-gradient(0deg,transparent calc(25% - 1px),#ffffff02 25%,transparent calc(25% + 1px));background-size:25vw 25vw}h1,h2,h3{font-family:Inter,sans-serif;font-weight:200}p,.lead{font-size:16px;line-height:1.8}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:400;color:var(--muted)}.eyebrow>span:first-child{color:var(--blue)}.wrap{width:92.6%;max-width:none}.header{position:relative;background:transparent;backdrop-filter:none;border:0}.header-inner{height:104px;border-bottom:1px solid var(--line)}.brand img{width:37px;height:37px}.brand>span{font-size:14px;letter-spacing:1.7px;font-weight:400}.brand small{font-size:10px;letter-spacing:1px;font-family:Inter,sans-serif}.header nav{font-size:14px;gap:26px}.dropdown>button{font-size:14px}.header-actions{gap:24px}#language{font-size:14px}#menu-toggle{display:flex!important;align-items:center;justify-content:center;flex-direction:row;background:none;border:0;color:var(--ink);width:auto;height:auto;padding:0;font-size:12px;gap:13px;text-transform:uppercase;letter-spacing:1px}#menu-toggle>span{height:auto;width:auto;background:none}.menu-circle{display:grid;place-items:center;width:45px!important;height:45px!important;border:1px solid #ffffff65;border-radius:50%;transition:transform .5s}.menu-circle i{width:13px;height:13px;border:1px solid #ffffff55;border-radius:50%;position:relative}.menu-circle i:after{content:'';position:absolute;width:4px;height:4px;background:var(--ink);border-radius:50%;left:3.5px;top:3.5px}#menu-toggle:hover .menu-circle{transform:rotate(90deg);border-color:var(--pink)}.dropdown-panel{border-radius:0;background:#0c0d16;padding:16px;width:315px}.dropdown-panel a{border-radius:0;border-bottom:1px solid var(--line)}.dropdown-panel strong{font-size:16px}.dropdown-panel small{font-size:12px;line-height:1.6}.btn,.btn.secondary{background:transparent;color:var(--ink);border:1px solid #ffffff40;padding:13px 21px;min-height:46px;gap:26px;border-radius:40px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:400;animation:none}.btn>span:last-child{font-size:19px;color:var(--blue)}.btn:hover,.btn.secondary:hover{background:#6bbbe810;border-color:var(--blue);box-shadow:none;transform:translateY(-2px)}.quiet-link{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:15px 0}.quiet-link:hover{color:var(--blue)}.page-heading{padding-top:180px;padding-bottom:95px;min-height:680px}.page-heading:before{background:#6bbbe807;width:50vw;height:600px;top:-100px;right:-3vw;filter:blur(70px)}.page-heading h1{font-family:Inter,sans-serif;font-size:clamp(65px,8.2vw,130px);line-height:.98;letter-spacing:-5px;font-weight:200;text-transform:uppercase;margin:35px 0 27px;max-width:1100px}.page-heading .lead{font-size:21px;line-height:1.5;font-weight:300;max-width:700px}.page-heading:has(.page-position){padding-inline-end:34%;border-bottom:1px solid var(--line)}.page-position{position:absolute;inset-inline-end:0;width:30%;top:0;bottom:0;border-inline-start:1px solid var(--line);padding:0 0 85px 55px;display:flex;flex-direction:column;justify-content:flex-end}.page-position>span{font-size:12px;letter-spacing:1px;color:var(--muted);margin-bottom:22px}.page-position h2{font-size:28px;line-height:1.25;letter-spacing:-.6px}.page-position>div{margin-top:65px;border-block:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:20px}.page-position strong{font-size:42px;font-weight:200}.page-position>div>span{font-size:12px;color:var(--muted);letter-spacing:1px}.immersive .header{position:absolute;inset:0 0 auto;z-index:50}.immersive .header-inner{border:0}.experience{position:relative;isolation:isolate}.particle-stage{position:fixed;inset:0;z-index:-2;background:#080910;pointer-events:none}.particle-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08091045,transparent 65%);pointer-events:none}#particle-canvas{display:block;width:100%;height:100%}.particle-fallback{position:absolute;width:min(40vw,570px);height:62vh;object-fit:contain;right:12%;top:17%;opacity:.75;filter:drop-shadow(0 0 80px #6bbbe81a)}.webgl-ready .particle-fallback{display:none}.experience-scene{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:170px 3.7% 170px;isolation:isolate}.scene-copy{width:520px;max-width:43%;z-index:2}.scene-copy .eyebrow{display:flex;gap:14px;white-space:normal;line-height:1.8}.scene-copy h1,.scene-copy h2{font-family:Inter,sans-serif;font-size:clamp(62px,6.2vw,100px);font-weight:200;letter-spacing:-4px;line-height:.98;white-space:pre-line;margin:24px 0 26px}.scene-copy p{font-size:16px;max-width:385px;line-height:1.7;color:#c5c3ce;text-shadow:0 1px 15px #000}.scene-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.scene-baseline{position:absolute;bottom:36px;inset-inline:3.7%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:12px;letter-spacing:1px;color:var(--muted)}.scene-navigation{position:fixed;inset-inline-end:3.2%;top:43%;z-index:12;display:flex;flex-direction:column;gap:18px}.scene-navigation a{display:flex;gap:10px;align-items:center;min-height:25px;font-size:10px;color:#777785}.scene-navigation span{opacity:0;transition:opacity .3s}.scene-navigation i{height:1px;width:15px;background:#62626e;transition:width .5s,background .5s}.scene-navigation a.active i{width:30px;background:var(--blue)}.scene-navigation a.active span{opacity:1}.scene-project{position:absolute;inset-inline-end:11%;width:39%;top:25%;transform:rotate(-4deg);border:1px solid #ffffff25;background:#10111e;box-shadow:0 30px 100px #0008;transition:transform .6s}.scene-project:hover{transform:rotate(0) scale(1.02)}.scene-project>img{width:100%;height:360px;object-fit:cover}.scene-project>span{display:block;padding:18px 20px;font-size:12px;letter-spacing:1px}.regame-scene{transform:rotate(3deg)}.scene-actions .btn{background:#08091045}.immersive .footer{position:relative;background:#080910;z-index:5;border-top:1px solid var(--line)}.nav-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;border:0;border-radius:0;padding:35px 5%;background:#080a12f5;color:var(--ink);overflow:auto;backdrop-filter:blur(35px)}.nav-dialog::backdrop{background:#080910d9}.nav-dialog[open]{animation:menuEnter .45s both}.menu-top,.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:1px;color:var(--muted)}.menu-top button{border:1px solid var(--line);padding:12px 18px;border-radius:40px;background:none;color:var(--ink);font-size:14px}.nav-dialog>nav{max-width:1100px;margin:45px auto}.nav-dialog>nav>a,.overlay-salla>summary{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:16px 0;list-style:none}.nav-dialog>nav>a>span:first-child,.overlay-salla>summary>span:first-child{font-size:12px;color:var(--blue);min-width:50px}.nav-dialog strong{font-family:Inter,sans-serif;font-size:clamp(30px,5vw,72px);font-weight:200;text-transform:uppercase;line-height:1}.nav-dialog>nav>a>span:last-child,.overlay-salla>summary>span:last-child{margin-inline-start:auto;font-size:30px;color:#aaa}.nav-dialog>nav>a:hover strong,.overlay-salla summary:hover strong{color:var(--blue)}.overlay-salla>summary{cursor:pointer}.overlay-salla>summary::-webkit-details-marker{display:none}.overlay-salla>div{padding:15px 0 15px 75px;display:flex;gap:35px;flex-wrap:wrap}.overlay-salla a{font-size:17px;padding:10px 0;color:var(--blue)}body.nav-open{overflow:hidden}.index-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:var(--muted);padding:30px 0;border-bottom:1px solid var(--line)}.project-index{padding-block:65px 100px}.index-project{display:grid;grid-template-columns:55px 1fr 43%;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:55px 0;min-height:380px}.index-number{font-size:12px;color:var(--blue);align-self:start;margin-top:10px}.index-project h2{font-size:clamp(30px,3.6vw,57px);line-height:1.05;font-weight:200;text-transform:uppercase;letter-spacing:-1.8px;max-width:560px}.project-sector{font-size:12px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:22px;text-transform:uppercase}.index-project-copy p{font-size:16px;max-width:400px}.case-link{display:inline-block;margin-top:17px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--blue)}.index-project-image{height:300px;overflow:hidden;background:#151725}.index-project-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .8s,filter .8s}.index-project:hover img{transform:scale(1.04);filter:saturate(1.1)}.index-project:hover h2{color:var(--blue)}.capability-list{padding-bottom:100px}.capability{display:grid;grid-template-columns:60px 1fr 40%;gap:30px;align-items:start;padding:48px 0;border-top:1px solid var(--line)}.capability>span{font-size:12px;color:var(--blue);padding-top:10px}.capability h2{font-size:clamp(25px,3vw,44px);letter-spacing:-1px;text-transform:uppercase}.capability p{margin-top:0;font-size:16px}.agency-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-block:110px}.agency-mark{display:flex;justify-content:center;min-height:400px;background:radial-gradient(ellipse,#5d3d981f,transparent 60%)}.agency-mark img{width:60%;max-width:360px}.agency-story h2{font-size:clamp(40px,4.5vw,65px);margin-top:30px}.agency-story p{max-width:650px;margin-top:30px}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:100px}.mission-grid article{border-top:1px solid var(--line);padding-top:30px}.mission-grid h2{font-size:40px;margin-block:25px;text-transform:uppercase}.partnership-link{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);padding-block:50px 100px}.partnership-link h2{font-size:34px}.case-scope{display:grid;grid-template-columns:170px 1fr auto;gap:30px;padding:30px 0 60px;border-top:1px solid var(--line);align-items:center}.case-scope>span,.case-scope>a{font-size:12px;text-transform:uppercase;letter-spacing:1px}.case-scope p{margin:0}.case-gallery{gap:50px;margin-bottom:100px}.case-gallery button{border-radius:0;border:0}.cta{background:#0c0e18;padding:100px 0;border-color:var(--line)}.cta h2{font-family:Inter,sans-serif;font-weight:200;font-size:clamp(45px,6vw,90px);letter-spacing:-3px;text-transform:uppercase}.cta .eyebrow{font-size:12px}.cta-orbit{display:none}.footer-top p,.footer-links,.footer-contact{font-size:14px}.footer-bottom{font-size:12px;flex-wrap:wrap}.footer-bottom>div{font-size:12px}#motion-toggle{font-size:12px}.theme-info h2{font-weight:200}.screenshot-grid button,.salla-visual,.theme-cover,.custom-art{border-radius:0}.badge{font-size:12px}.availability,.caption,.form-note{font-size:14px}.path-link h3{font-size:20px}.path-link p{font-size:16px}.principles p{font-size:16px}label,input,select,textarea{font-size:16px}.story-grid p,.faq p,.prose p{font-size:16px}.lightbox img{transition:opacity .3s}.page-heading h1,.scene-copy h1,.scene-copy h2{animation:none}.page-heading{animation:pageEnter .8s both}@keyframes menuEnter{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:none}}@keyframes pageEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-weight:300;line-height:1.4!important;letter-spacing:0!important}html[lang=ar] .scene-copy h1{font-family:Inter,sans-serif;font-weight:200;line-height:.98!important}html[lang=ar] .scene-copy h2{font-size:clamp(48px,5vw,76px)}html[lang=ar] .scene-copy{direction:rtl}html[lang=ar] .page-position{padding:0 55px 85px 0}html[lang=ar] .scene-copy p{font-size:16px}html[lang=ar] .nav-dialog strong{font-family:'Noto Sans Arabic',sans-serif;font-size:clamp(30px,4vw,56px)}
@media(max-width:1000px){.header nav{gap:18px}.brand small{font-size:9px}.header-actions{gap:16px}.scene-copy{max-width:47%;width:480px}.scene-copy h1,.scene-copy h2{font-size:7vw;letter-spacing:-2px}.scene-project{inset-inline-end:7%;width:41%}.scene-project>img{height:280px}.page-heading{padding-top:120px;min-height:580px}.page-heading h1{font-size:8vw;letter-spacing:-3px}.page-heading .lead{font-size:18px}.page-position{padding-inline-start:30px}.page-position h2{font-size:22px}.index-project{grid-template-columns:35px 1fr 40%;gap:22px}.index-project-image{height:250px}.footer-top{gap:30px}.case-scope{grid-template-columns:120px 1fr auto}}
@media(max-width:700px){.wrap{width:89%}.header-inner{height:86px;gap:12px}.brand{gap:8px}.brand>span{font-size:11px;letter-spacing:.5px}.brand small{font-size:7px;letter-spacing:0;max-width:150px}.brand img{width:31px;height:31px}.header-actions{gap:10px}#language{font-size:12px;padding:5px}#menu-toggle{gap:7px;font-size:10px}#menu-toggle>span:first-child{display:none}.menu-circle{width:38px!important;height:38px!important}.header nav{display:flex!important;position:static;inset:auto;padding:0;background:none;border:0;flex-direction:row;overflow:visible;font-size:12px;gap:0;margin-inline-start:auto}.header nav>a{display:none}.dropdown>button{font-size:12px;padding:12px 5px}.dropdown-panel{position:absolute;inset-inline-start:auto;inset-inline-end:-70px;top:100%;width:min(315px,85vw);box-shadow:0 15px 45px #0008}.dropdown-panel strong{font-size:15px}.dropdown-panel small{font-size:12px}.experience-scene{min-height:100svh;padding:145px 5.5% 100px;align-items:flex-start;display:block}.scene-copy{width:100%;max-width:100%;position:relative}.scene-copy .eyebrow{font-size:10px;letter-spacing:.5px;gap:8px;max-width:300px}.scene-copy h1,.scene-copy h2{font-size:clamp(52px,12vw,76px);line-height:1;letter-spacing:-2.5px;margin:24px 0}.scene-copy p{font-size:16px;line-height:1.65;max-width:90%;text-shadow:0 2px 20px #000}.scene-actions{gap:15px;margin-top:25px}.scene-actions .btn{font-size:11px;padding:13px 18px;gap:15px}.particle-fallback{width:65vw;height:40vh;right:5%;top:53%;opacity:.5}.particle-stage:after{background:linear-gradient(#080910aa 15%,#08091070 45%,transparent)}.scene-baseline{inset-inline:5.5%;bottom:25px;font-size:9px;letter-spacing:.4px}.scene-baseline>span:last-child{display:none}.scene-navigation{inset-inline-end:3%;top:auto;bottom:35px;flex-direction:row;gap:12px}.scene-navigation span{display:none}.scene-navigation i{width:13px!important}.scene-project{position:relative;top:auto;inset-inline-end:auto;display:block;width:87%;margin:50px auto 20px;transform:rotate(-3deg)}.scene-project>img{height:240px}.scene-project>span{padding:13px;font-size:11px}.experience-scene:has(.scene-project){min-height:1100px}.scene-copy p{background:linear-gradient(90deg,#08091060,transparent);padding:3px 0}.scene-copy .quiet-link{font-size:12px}.nav-dialog{padding:25px 6%}.nav-dialog>nav{margin:35px 0}.nav-dialog>nav>a,.overlay-salla>summary{padding:20px 0;gap:15px}.nav-dialog strong{font-size:38px}.nav-dialog>nav>a>span:first-child,.overlay-salla>summary>span:first-child{min-width:35px}.menu-bottom{flex-direction:column;align-items:flex-start;font-size:12px}.overlay-salla>div{padding:15px 0 15px 50px;gap:10px;flex-direction:column}.overlay-salla a{font-size:16px}.page-heading{padding-block:85px 50px;min-height:0}.page-heading h1{font-size:clamp(50px,12vw,80px);letter-spacing:-2.8px;line-height:1.02;overflow-wrap:anywhere}.page-heading .lead{font-size:18px;line-height:1.7}.page-heading:has(.page-position){padding-inline-end:0}.page-position{position:static;width:100%;border:0;border-top:1px solid var(--line);padding:30px 0 0!important;margin-top:45px}.page-position h2{font-size:24px}.page-position>div{margin-top:30px}.page-position strong{font-size:34px}.page-position>span{font-size:12px}.eyebrow{font-size:11px;line-height:1.8;letter-spacing:.7px}.project-index{padding-block:30px 60px}.index-top{font-size:10px;gap:20px;line-height:1.8}.index-project{grid-template-columns:30px 1fr;padding:35px 0;gap:15px}.index-project-copy{min-width:0}.index-project h2{font-size:36px;overflow-wrap:anywhere;letter-spacing:-1px}.index-project-copy p{font-size:16px}.project-sector{font-size:11px;margin-bottom:17px}.index-project-image{grid-column:1/-1;height:300px;margin-top:15px}.case-link{margin-top:6px}.capability{grid-template-columns:30px 1fr;padding:30px 0;gap:15px}.capability h2{font-size:28px}.capability>div{grid-column:2}.capability p{font-size:16px}.agency-story{grid-template-columns:1fr;gap:40px;padding-block:55px}.agency-mark{min-height:250px;order:1}.agency-mark img{height:250px;width:auto}.agency-story h2{font-size:42px}.mission-grid{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.mission-grid h2{font-size:32px}.partnership-link{flex-direction:column;align-items:flex-start;padding-block:35px 60px}.partnership-link h2{font-size:30px}.case-scope{grid-template-columns:1fr;gap:15px;padding:25px 0 40px}.case-gallery{gap:20px;margin-bottom:55px}.cta{padding:65px 0}.cta h2{font-size:40px;letter-spacing:-1.4px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-top>div:first-child{grid-column:auto}.footer-links,.footer-contact{font-size:14px}.footer-bottom{font-size:12px;gap:22px;line-height:1.6}.footer-bottom>div{font-size:12px}.footer-top .brand>span{font-size:16px}.footer-top .brand small{font-size:8px}.footer .brand img{width:38px;height:38px}.caption,.availability,.form-note{font-size:14px}html[lang=ar] .scene-copy h1{font-size:13vw}html[lang=ar] .scene-copy h2{font-size:40px}html[lang=ar] .page-heading h1{font-size:43px}html[lang=ar] .page-position h2{font-size:25px}html[lang=ar] .nav-dialog strong{font-size:32px}html[lang=ar] .index-project h2{font-size:31px}html[lang=ar] .scene-baseline{font-size:10px}html[lang=ar] .header .brand small{font-size:8px}html[lang=ar] .header .brand>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.particle-stage canvas{display:none}.particle-stage .particle-fallback{display:block;opacity:.3}*{scroll-behavior:auto!important}}
.immersive .header{position:fixed;background:linear-gradient(#080910c9,transparent)}.particle-stage:before{content:'';position:absolute;inset:10% 5% 10% 30%;z-index:1;background:radial-gradient(ellipse at 45% 35%,#6bbbe81a,transparent 62%),radial-gradient(ellipse at 55% 65%,#d9449819,transparent 68%);filter:blur(35px);pointer-events:none}.particle-stage:after{z-index:2}html[dir=rtl] .particle-stage:before{inset:10% 30% 10% 5%}@media(max-width:700px){.particle-stage:before{inset:43% 0 0!important}.immersive .header{background:linear-gradient(#080910e6,transparent)}}
@media(max-width:700px){.particle-stage:after{background:linear-gradient(#080910ee 10%,#080910db 42%,#08091066 62%,transparent 90%)}.scene-copy p{background:none}.scene-actions .btn{background:#080910b8}}
@media(prefers-reduced-motion:reduce){#particle-canvas{display:none!important}.particle-stage .particle-fallback{display:block!important}}
/* The atmosphere follows the same scroll interpolation as the particle forms. */
.immersive .particle-stage:before{inset:0!important;filter:blur(22px);background:radial-gradient(ellipse at var(--glow-x,63%) var(--glow-y,49%),rgb(var(--scene-glow,107 187 232)/.9) 0%,rgb(var(--scene-glow,107 187 232)/.62) 18%,rgb(var(--scene-glow,107 187 232)/.34) var(--glow-spread,32%),transparent 72%);mix-blend-mode:screen;pointer-events:none}.immersive .particle-stage:after{background:linear-gradient(90deg,#08091085 0%,#08091040 32%,transparent 65%)}html[dir=rtl] .immersive .particle-stage:after{background:linear-gradient(270deg,#08091085 0%,#08091040 32%,transparent 65%)}@media(max-width:700px){.immersive .particle-stage:before{filter:blur(16px)}.immersive .particle-stage:after,html[dir=rtl] .immersive .particle-stage:after{background:linear-gradient(#080910ed 10%,#080910c9 40%,#08091033 68%,transparent)}}

@media(min-width:701px){#scene-7 .regame-scene{width:26%;top:62%;inset-inline-end:5%}#scene-7 .regame-scene>span{padding:14px;font-size:11px}}

.brand-gradient{color:#6bbbe8;background:linear-gradient(110deg,#6bbbe8 3%,#9271bd 30%,#d94498 62%,#faa91d 97%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}.scene-copy h1 .brand-gradient{display:inline-block}.brand small{-webkit-text-fill-color:var(--ink)}@media(forced-colors:active){.brand-gradient{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}

.scene-copy .form-meaning{display:flex;align-items:flex-start;gap:12px;font-size:12px!important;line-height:1.7;margin:25px 0 0;max-width:390px;color:#a6a7b8;letter-spacing:.15px;background:none;text-shadow:none}.form-meaning-line{flex:0 0 22px;height:1px;background:linear-gradient(90deg,#6bbbe8,#d94498);margin-top:10px}html[lang=ar] .scene-copy .form-meaning{font-size:12px!important;letter-spacing:0}@media(max-width:700px){.scene-copy .form-meaning{max-width:90%;font-size:11px!important;margin-top:20px}.experience-scene{padding-bottom:115px}}

.google-partner-badge{position:absolute;inset-inline-end:6%;bottom:85px;padding:65px;z-index:3}.google-partner-badge a{display:block;width:120px}.google-partner-badge img{display:block;width:120px;height:auto;max-width:none}.google-partner-badge a:focus-visible{outline:2px solid #6bbbe8;outline-offset:8px}@media(max-width:700px){.google-partner-badge{position:relative;inset:auto;bottom:auto;width:250px;margin:25px auto 0;padding:65px}.experience-scene:has(.google-partner-badge){min-height:1100px}}

.footer-credentials{display:flex;align-items:center;justify-content:center;gap:75px;padding-block:40px;border-bottom:1px solid var(--line)}.footer-partner{padding:58px;background:none}.footer-partner a{display:block}.footer-partner img{display:block;width:120px;height:auto}.adobe-credentials .eyebrow{font-size:10px;margin-bottom:25px;color:var(--muted)}.adobe-badges{display:flex;align-items:center;gap:25px}.adobe-badges img{display:block;width:100px;height:100px;object-fit:contain}.footer-partner a:focus-visible{outline:2px solid #6bbbe8;outline-offset:8px}@media(max-width:700px){.footer-credentials{flex-direction:column;gap:10px;padding-block:20px 40px}.adobe-credentials{text-align:center}.adobe-badges{gap:18px}.adobe-badges img{width:85px;height:85px}}

.footer-grid{display:grid;grid-template-columns:160px .8fr 1fr 1.2fr 270px;gap:35px;padding-block:55px 45px;align-items:start}.footer-identity img{display:block;width:145px;height:145px;object-fit:contain}.footer-identity p{font-size:12px;line-height:1.8;color:var(--muted);max-width:160px;margin:14px 0 0}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}.footer-column h2{font-family:Inter,sans-serif;font-size:11px!important;font-weight:500;letter-spacing:1.2px;margin:8px 0 10px;color:#e2e2e9;line-height:1.6}.footer-column a{font-size:12px;color:var(--muted);line-height:1.6}.footer-column a:hover{color:#6bbbe8}.footer-badge-row{display:flex;align-items:center;gap:12px;min-height:90px}.footer-google{display:block;flex-shrink:0;margin-inline-end:6px}.footer-google img{display:block;width:78px;height:auto;border:0;background:transparent}.footer-adobe{display:block;width:48px;height:48px;object-fit:contain}.footer-recognition .credential-note{font-size:9px;color:var(--muted);line-height:1.6;margin:0}.footer-connect a{overflow-wrap:anywhere}html[lang=ar] .footer-column h2{font-size:12px!important;letter-spacing:0}@media(max-width:1200px){.footer-grid{grid-template-columns:145px 1fr 1fr;gap:35px}.footer-recognition{grid-column:2/4}.footer-connect{grid-column:1}}@media(max-width:700px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px;padding-block:35px}.footer-identity{grid-column:1/-1;display:flex;align-items:center;gap:25px}.footer-identity img{width:120px;height:120px}.footer-identity p{margin:0}.footer-connect{grid-column:1/-1}.footer-recognition{grid-column:1/-1}.footer-column h2{margin-top:0}.footer-badge-row{gap:18px}.footer-column a{font-size:13px}}

/* Footer composition: reference-led columns, navigation icons and brand signature. */
.footer{background:radial-gradient(ellipse at 48% 0,#1c304344,transparent 55%),#080910!important}.footer-grid{grid-template-columns:1fr .85fr 1.1fr 1.18fr 1.4fr;gap:0;padding-block:80px 35px}.footer-identity{padding-inline-end:30px}.footer-identity img{width:175px;height:150px;object-fit:contain}.footer-identity p{white-space:pre-line;font-size:13px;max-width:200px}.footer-grid>.footer-column{border-inline-start:1px solid #a6b8df16;padding-inline-start:30px;padding-inline-end:20px;gap:18px}.footer-column h2{font-size:12px!important;letter-spacing:1.7px;position:relative;padding-bottom:16px;margin:4px 0 12px;white-space:nowrap}.footer-column h2:after{content:'';position:absolute;inset-inline-start:0;bottom:0;width:46px;height:3px;border-radius:5px;background:linear-gradient(90deg,#6b79e8,#d94498)}.footer-column a{display:flex;align-items:center;gap:16px;font-size:13px;color:#b5c1d8;line-height:1.6}.footer-icon{width:22px;height:22px;flex:0 0 22px;color:#adbed9}.contact-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#8174bd26;flex:0 0 32px}.contact-icon .footer-icon{width:15px;height:15px;flex-basis:15px}.footer-connect{gap:10px!important}.footer-connect a{gap:12px}.footer-badge-row{gap:12px;min-height:75px;width:100%;justify-content:space-between}.footer-google{margin-inline-end:4px}.footer-google img{width:70px}.footer-adobe{width:48px;height:58px;object-fit:contain}.footer-recognition .credential-note{font-size:10px;white-space:nowrap}.footer-signature{align-self:center;font-family:Allura,'Brush Script MT',cursive;font-size:38px;line-height:1.15;transform:rotate(-7deg);margin-top:13px;background:linear-gradient(100deg,#d94498,#a396dc,#6bbbe8);background-clip:text;-webkit-background-clip:text;color:transparent}.footer-signature svg{display:block;width:175px;height:23px;margin-top:-7px;margin-left:20px}.footer-grid>.footer-recognition{padding-inline-end:0}.footer-bottom{margin-top:10px}@media(max-width:1200px){.footer-grid{grid-template-columns:160px 1fr 1fr;gap:35px 0;padding-block:50px 30px}.footer-grid>.footer-connect{grid-column:2}.footer-grid>.footer-recognition{grid-column:3;padding-inline-end:0}.footer-badge-row{justify-content:flex-start}.footer-recognition .credential-note{white-space:normal}.footer-column h2{white-space:normal}}@media(max-width:700px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px 0;padding-top:35px}.footer-identity{grid-column:1/-1;padding:0}.footer-identity img{width:135px;height:135px}.footer-grid>.footer-column{padding-inline-start:18px;padding-inline-end:10px}.footer-grid>.footer-connect{grid-column:1/-1}.footer-grid>.footer-recognition{grid-column:1/-1}.footer-column a{font-size:12px;gap:10px}.footer-column h2{font-size:11px!important;letter-spacing:1px}.footer-badge-row{justify-content:flex-start;gap:22px}.footer-signature{align-self:flex-start;margin-top:10px}.footer-identity p{font-size:12px}.footer-grid>.footer-recognition{padding-bottom:15px}}

.footer-signature{background-size:250% 100%;animation:signatureColor 7s ease-in-out infinite,signatureFloat 6s ease-in-out infinite;animation-play-state:paused}.footer-signature path{stroke-dasharray:100;stroke-dashoffset:100;animation:signatureStroke 7s ease-in-out infinite;animation-play-state:paused}.footer-signature.is-visible,.footer-signature.is-visible path{animation-play-state:running}@keyframes signatureColor{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes signatureFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-4px) rotate(-5deg)}}@keyframes signatureStroke{0%{stroke-dashoffset:100;opacity:0}12%{opacity:1}42%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}@media(prefers-reduced-motion:reduce){.footer-signature,.footer-signature path{animation:none!important}.footer-signature path{stroke-dashoffset:0;opacity:1}}.motion-paused .footer-signature,.motion-paused .footer-signature path{animation:none!important}.motion-paused .footer-signature path{stroke-dashoffset:0;opacity:1}

.header .header-actions{margin-inline-start:auto}
/* Slide titles use a cool gradient distinct from the full brand-name spectrum. */
.scene-copy h2{color:#a6cdf0;background:linear-gradient(115deg,#47dcc7 0%,#69b9f2 35%,#9b88ed 68%,#c37ee5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%}@media(forced-colors:active){.scene-copy h2{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

.project-pagination{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);margin-top:40px}.project-pagination-card{padding:32px 40px 40px 0;display:flex;flex-direction:column;justify-content:space-between;gap:55px;min-height:235px}.project-pagination-card+ .project-pagination-card{border-inline-start:1px solid var(--line);padding-inline:40px 0}.project-pagination-label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px;color:var(--muted)}.project-pagination-arrow{font-size:22px;color:#6bbbe8;transition:transform .25s}.project-pagination-name{font-size:clamp(28px,3.4vw,52px);font-weight:200;text-transform:uppercase;line-height:1.15;overflow-wrap:anywhere}.project-pagination-card:hover .project-pagination-name{color:#6bbbe8}.project-pagination-card:hover .project-pagination-arrow{transform:translateX(4px)}.project-pagination-card[rel=prev]:hover .project-pagination-arrow{transform:translateX(-4px)}.project-pagination-card:focus-visible{outline:2px solid #6bbbe8;outline-offset:5px}.project-pagination-all{padding-block:25px 65px;text-align:center;font-size:11px;letter-spacing:1px;color:var(--muted)}html[dir=rtl] .project-pagination-card{padding-inline:0 40px}html[dir=rtl] .project-pagination-card+ .project-pagination-card{padding-inline:40px 0}html[dir=rtl] .project-pagination-arrow{scale:-1 1}html[lang=ar] .project-pagination-label{letter-spacing:0}@media(max-width:700px){.project-pagination-card{padding:24px 18px 24px 0;min-height:180px;gap:35px}.project-pagination-card+ .project-pagination-card{padding-inline:18px 0}.project-pagination-name{font-size:25px}.project-pagination-label{font-size:9px;letter-spacing:.3px;gap:8px}.project-pagination-arrow{font-size:19px}.project-pagination-all{padding-bottom:45px}html[dir=rtl] .project-pagination-card{padding-inline:0 18px}html[dir=rtl] .project-pagination-card+ .project-pagination-card{padding-inline:18px 0}}
.work-filter{display:none;flex-wrap:wrap;gap:10px;padding-top:30px}.filters-ready .work-filter{display:flex}.work-filter button{font:inherit;font-size:12px;padding:11px 18px;border:1px solid #a6b8df30;background:transparent;border-radius:30px;color:#b5c1d8;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.work-filter button:hover{border-color:#6bbbe8;color:#fff}.work-filter button[aria-pressed=true]{background:#6bbbe81a;border-color:#6bbbe8;color:#9ddcf7}.work-filter button:focus-visible{outline:2px solid #d94498;outline-offset:4px}.work-filter-status{font-size:12px;color:var(--muted);margin:18px 0 10px;min-height:20px}.work-filter-status:empty{display:none}.index-project[hidden]{display:none!important}@media(max-width:700px){.work-filter{gap:8px;padding-top:22px}.work-filter button{font-size:11px;padding:10px 13px}html[lang=ar] .work-filter button{font-size:12px}}
/* Preserve the entire portfolio artwork, including logos and edge details. */
.index-project-image{display:flex;align-items:center;justify-content:center;background:transparent}.index-project-image img{display:block;object-fit:contain;object-position:center;filter:none;transition:none}.index-project:hover .index-project-image img{transform:none;filter:none}
/* Uniform image frames with breathing room for a complete, uncropped hover zoom. */
.index-project-image{height:auto;aspect-ratio:16/10;width:100%;padding:24px;background:#11131d;border:1px solid #a6b8df12;box-sizing:border-box;overflow:hidden}.index-project-image img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;transform:scale(1);transition:transform .65s cubic-bezier(.2,.65,.3,1)}.index-project:hover .index-project-image img,.index-project:focus-visible .index-project-image img{transform:scale(1.055)}@media(max-width:700px){.index-project-image{height:auto;aspect-ratio:16/10;padding:20px}}@media(prefers-reduced-motion:reduce){.index-project-image img{transition:none}}

.contact-layout aside .whatsapp-contact{display:inline-flex;align-items:center;align-self:flex-start;gap:12px;font-size:13px;color:#c0f5d4;background:#133022;border:1px solid #428c63;padding:14px 20px;margin-top:22px}.whatsapp-contact svg{width:23px;height:23px;flex-shrink:0}.whatsapp-contact:hover{background:#1d4631!important}.contact-map-section{padding-bottom:85px}.contact-map-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.contact-map-heading h2{font-size:38px;margin:18px 0}.contact-map-heading p{font-size:14px;color:var(--muted)}.contact-map-section iframe{display:block;width:100%;height:430px;border:1px solid var(--line);border-radius:4px;background:#141720}@media(max-width:700px){.contact-map-heading{flex-direction:column;align-items:flex-start;gap:15px}.contact-map-heading h2{font-size:30px}.contact-map-section iframe{height:340px}.contact-map-section{padding-bottom:55px}}

.contact-layout .whatsapp-contact svg{display:block;width:22px;height:22px;flex:0 0 22px;fill:currentColor;stroke:none;overflow:visible}

.header-whatsapp{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #65c48a55;border-radius:50%;color:#91e5ae;background:#15302280;transition:background .2s,border-color .2s}.header-whatsapp svg{width:19px;height:19px;display:block;fill:currentColor;stroke:none}.header-whatsapp:hover{background:#245237;border-color:#91e5ae}.header-whatsapp:focus-visible{outline:2px solid #91e5ae;outline-offset:4px}@media(max-width:700px){.header-whatsapp{width:34px;height:34px;flex-basis:34px}.header-whatsapp svg{width:18px;height:18px}}

.contact-layout aside .contact-detail{display:flex;align-items:center;gap:14px}.contact-detail svg{display:block;width:23px;height:23px;flex:0 0 23px;fill:none;stroke:#8ecfea;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.contact-detail span{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.contact-layout aside .contact-email{font-size:clamp(17px,5vw,23px)}}
/* Compact pill matching the supplied back-to-top reference. */
.footer-bottom>a[href="#top"]{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 19px;border:1px solid transparent;border-radius:999px;background:linear-gradient(#0b0d16,#0b0d16) padding-box,linear-gradient(110deg,#6bbbe8,#7978cd 52%,#d94498) border-box;color:#d5d9ea;font-size:11px;line-height:1.5;white-space:nowrap;text-decoration:none;transition:box-shadow .2s,color .2s}.footer-bottom>a[href="#top"]:hover{color:#fff;box-shadow:0 0 16px #8d75ce25}.footer-bottom>a[href="#top"]:focus-visible{outline:2px solid #6bbbe8;outline-offset:4px}

.project-heading h1{background:linear-gradient(115deg,#47dcc7 0%,#69b9f2 35%,#9b88ed 68%,#c37ee5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;max-width:100%}.project-heading .project-description{font-size:16px;line-height:1.85;max-width:700px;color:#969aaf;margin:20px 0 0}.project-heading .lead{margin-bottom:0}@media(max-width:700px){.project-heading .project-description{font-size:14px;line-height:1.9;margin-top:16px}}@media(forced-colors:active){.project-heading h1{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

.immersive .particle-stage:before{opacity:var(--rc-glow-opacity,1)}

/* Shared inset layout: keep header, scenes and footer on one content edge. */
@media (min-width:801px){
 :root{--content-gutter:max(6vw,calc((100vw - 1560px)/2))}
 .wrap{width:88%;max-width:1560px}
 .experience-scene{padding-inline:var(--content-gutter)}
 .scene-baseline{inset-inline:var(--content-gutter)}
 .header .brand{gap:14px}
 .header .brand img{width:52px;height:52px}
 .header .brand>span{font-size:18px;letter-spacing:1.7px}
 .header .brand small{font-size:11px;letter-spacing:1px}
 html[lang=ar] .header .brand>span{font-size:18px}
 html[lang=ar] .header .brand small{font-size:11px}
}

.theme-all-link{grid-column:1/-1}.theme-feature[hidden]{display:none!important}.theme-filters{padding-block:20px}.theme-feature>.theme-cover>img{width:100%;height:auto;display:block}

/* Individual service title palettes, shared by English and Arabic. */
.capability h2,main:has(.capability-list) .page-heading h1,main:has(.capability-list) .cta h2{width:fit-content;max-width:100%;color:#9ccbee;background-image:linear-gradient(110deg,var(--service-start,#8bded6),var(--service-end,#b99aeb));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.capability:nth-of-type(1) h2{--service-start:#ef9aca;--service-end:#9a9ff2}
.capability:nth-of-type(2) h2{--service-start:#ae96ef;--service-end:#eb79b7}
.capability:nth-of-type(3) h2{--service-start:#7de2d0;--service-end:#73a9ed}
.capability:nth-of-type(4) h2{--service-start:#b7d999;--service-end:#65cbd2}
.capability:nth-of-type(5) h2{--service-start:#82c8f4;--service-end:#a69aee}
.capability:nth-of-type(6) h2{--service-start:#eea6b7;--service-end:#ba92e7}
.capability:nth-of-type(7) h2{--service-start:#d8b6f3;--service-end:#77bddf}
.capability:nth-of-type(8) h2{--service-start:#85b1ee;--service-end:#81d9bf}
.capability:nth-of-type(9) h2{--service-start:#eab9a8;--service-end:#da95c8}
.capability:nth-of-type(10) h2{--service-start:#8de2d8;--service-end:#c0adef}
main:has(.capability-list) .page-heading h1{--service-start:#85cde7;--service-end:#d8aae8}main:has(.capability-list) .cta h2{--service-start:#e9add2;--service-end:#96b9f0}
@media(forced-colors:active){.capability h2,main:has(.capability-list) .page-heading h1,main:has(.capability-list) .cta h2{background:none;-webkit-text-fill-color:CanvasText}}

/* Inner-page headings share a cool palette distinct from the brand wordmark.
   Low specificity preserves service palettes and visual-editor overrides. */
:where(body:not(.immersive) main) :is(h1,h2,h3){color:#a6cdf0;background-image:linear-gradient(115deg,#70d9ce 0%,#82b9ef 38%,#ad9be9 72%,#dfa3d4 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(forced-colors:active){:where(body:not(.immersive) main) :is(h1,h2,h3){background:none!important;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Readable supporting typography and headings that fit their actual column. */
.page-heading h1{overflow-wrap:anywhere}
@media(min-width:801px){.page-heading:has(.page-position){container-type:inline-size}.page-heading:has(.page-position) h1{font-size:clamp(42px,15cqw,130px);max-width:100%}}
.eyebrow,.scene-copy .eyebrow,.cta .eyebrow,.index-top,.index-number,.project-sector,.case-link,.quiet-link,.work-filter button,.work-filter-status,.case-scope>span,.case-scope>a,.capability>span,.page-position>span,.page-position>div>span,.project-pagination-label,.project-pagination-all,.menu-top,.menu-bottom,.badge{font-size:14px;line-height:1.65}
.btn,.btn.secondary,.scene-actions .btn{font-size:14px}
.scene-baseline,html[lang=ar] .scene-baseline{font-size:13px}
.scene-copy .form-meaning,html[lang=ar] .scene-copy .form-meaning{font-size:14px!important;color:#bbc0d2}
.footer-column a,.footer-identity p,.footer-bottom,.footer-bottom>div,#motion-toggle{font-size:14px}
.footer-column h2,html[lang=ar] .footer-column h2{font-size:13px!important;white-space:normal}
.footer-recognition .credential-note{font-size:12px;white-space:normal}
.footer-bottom>a[href="#top"]{font-size:13px}
.availability,.caption,.form-note,.contact-map-heading p{font-size:15px}
.step-label,.step-number{font-size:14px}.thinking-step p{font-size:16px}
.project-heading .project-description{font-size:16px;color:#b2b7ca}
html[lang=ar] .work-filter button{font-size:14px}
@media(max-width:800px){.index-top{flex-wrap:wrap}.eyebrow,.scene-copy .eyebrow,.scene-baseline,html[lang=ar] .scene-baseline{font-size:12px}.scene-actions .btn{font-size:13px}.scene-baseline{flex-wrap:wrap}.project-pagination-label{font-size:12px}.footer-column a{overflow-wrap:anywhere}}