:root{--bg:#03060c;--ink:#e9ebed;--muted:#9ba6b9;--line:#dce6ff26;--accent:#bdc7ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 'IBM Plex Sans Arabic',sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c5c9fa;outline-offset:8px}::selection{background:#8186ac;color:white}.content-shell{width:min(1270px,calc(100% - 120px));margin:auto}p,h1,h2,h3{margin:0}#world{position:fixed;inset:0;z-index:-2;background:#03060c}#world canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#02050a80,transparent 60%,#02050a40),linear-gradient(90deg,#02050a38,transparent 50%,#02050a40)}header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:32px 4.5vw;gap:40px}.brand{display:flex;align-items:center;gap:9px;font:500 27px Manrope;letter-spacing:-1px}.brand svg{width:43px;height:43px}.brand sup{font-size:9px;vertical-align:top;margin:3px}nav{display:flex;gap:36px;font-size:13px}nav a{transition:color .2s}nav a:hover{color:#b9a6ff}.header-contact{border:1px solid #b6c7df6b;padding:7px 22px;border-radius:30px;font-size:13px;background:#0c162036;backdrop-filter:blur(8px)}.menu{display:none}.chapter-index{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:12;display:flex;flex-direction:column;gap:20px;direction:ltr}.chapter-index a{height:24px;width:30px;display:flex;align-items:center;gap:8px;font:9px Manrope;color:#8d9aaf}.chapter-index i{width:3px;height:3px;background:#7c8ea3;display:block;border-radius:50%}.chapter-index span{opacity:0;transition:opacity .3s}.chapter-index .current span{opacity:1}.chapter-index .current i{height:16px;border-radius:2px;background:#dae3f4}.intro{height:300svh}.intro-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.scene-caption{position:absolute;top:132px;right:5vw;left:5vw;display:flex;justify-content:space-between;font:8px Manrope;letter-spacing:2px;color:#a9bbd4}.intro-title{position:absolute;right:7vw;bottom:15vh;left:7vw;transform-origin:right bottom;will-change:transform,opacity}.intro-title>p{font-size:14px;letter-spacing:.5px;margin-bottom:18px}.intro-title h1{font-size:clamp(34px,4vw,66px);font-weight:400;line-height:1.5;letter-spacing:-1.7px;text-shadow:0 3px 30px #000c}.intro-title h1 span{color:#dce4f6}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:27px}.intro-bottom>p{font-size:13px;line-height:1.8;color:#c0cbdc}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:11px;color:#c2cfe2}.mouse{width:18px;height:29px;border:1px solid #b5c6db85;border-radius:12px;display:grid;justify-items:center;padding-top:6px}.mouse i{height:6px;width:2px;background:#dae3f6;border-radius:2px}.scene-footer{position:absolute;bottom:25px;right:5vw;left:5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b2c4e324;padding-top:14px;font-size:10px;color:#b7c8df}.scene-footer>span:first-child,.scene-footer #scene-progress{font:8px Manrope;letter-spacing:2px}#scene-progress{font-size:16px!important}.chapter-two{position:absolute;top:32%;right:8vw;opacity:0;transform:translateY(45px);max-width:550px;pointer-events:none;will-change:transform,opacity}.eyebrow{font-size:12px;letter-spacing:.4px;color:#bcc8dd;margin-bottom:28px}.chapter-two h2{font-size:clamp(36px,5vw,76px);font-weight:400;line-height:1.5;letter-spacing:-2px}.chapter-two em{font-style:normal;color:#b4aaff}.chapter-two>p:last-child{font-size:15px;color:#b7c5d9;margin-top:25px}.story{padding-top:160px;padding-bottom:170px;min-height:100svh}.story h2{font-size:clamp(52px,7vw,110px);font-weight:400;line-height:1.35;letter-spacing:-3px;max-width:1000px}.story h2>span{color:#b4b0d2}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:80px;align-items:start}.story-copy>span{font:400 36px/1.1 Manrope;letter-spacing:-1px}.story-copy p{font-size:18px;line-height:2;max-width:520px;color:#b6c1d0}.solutions{padding-top:130px;padding-bottom:140px}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:80px}.section-heading h2{font-size:clamp(35px,4.6vw,65px);font-weight:400;line-height:1.45;letter-spacing:-2px}.section-heading h2>span{color:#9ca8bd}.section-heading .eyebrow{padding-top:15px}.solution-list{margin-right:25%}.solution-list details{border-top:1px solid #d0ddf537}.solution-list details:last-child{border-bottom:1px solid #d0ddf537}.solution-list summary{list-style:none;display:grid;grid-template-columns:40px 1fr 25px;align-items:center;gap:20px;padding:30px 0;cursor:pointer;min-height:100px}.solution-list summary::-webkit-details-marker{display:none}.solution-list small{font:10px Manrope;color:#98a5b7}.solution-list h3{font-size:clamp(22px,2.5vw,34px);font-weight:400;letter-spacing:-.5px}.expand{width:16px;height:16px;position:relative;display:block}.expand:before,.expand:after{content:'';position:absolute;top:7px;left:0;width:16px;height:1px;background:#c3cfe4}.expand:after{transform:rotate(90deg);transition:transform .2s}details[open] .expand:after{transform:rotate(0)}.solution-detail{padding:0 60px 36px 50px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px}.solution-detail p{color:#aebdd0;font-size:15px}.solution-detail ul{padding:0 16px 0 0;margin:0;font-size:12px;color:#c4cee0;line-height:2.4}.works{padding-top:130px;padding-bottom:140px;background:linear-gradient(#03060c00,#03060cf2 15%,#03060c 90%,#03060c00)}.project-track{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:min(1400px,calc(100% - 90px));margin:auto}.project{padding:28px 35px;text-align:right;overflow:hidden;position:relative;min-height:650px;border:1px solid #a5c1e62b;transition:border-color .4s}.project:hover{border-color:#a5c1e681}.project-label{display:flex;justify-content:space-between;font:11px Manrope;letter-spacing:1px;direction:ltr;position:relative;z-index:2;color:#c4d4e6}.project-label small{font-size:8px;letter-spacing:1.5px}.runx{background:radial-gradient(ellipse at 50% 30%,#383b5360,#09101b 70%)}.project-art{height:410px;position:relative;perspective:900px;direction:ltr}.glass-panel{position:absolute;border:1px solid #cad7ed55;background:linear-gradient(135deg,#8c9ca728,#070e1c88);border-radius:15px;box-shadow:0 30px 70px #0008;backdrop-filter:blur(8px);text-align:left;font-family:Manrope;transform-style:preserve-3d}.one{width:74%;height:210px;top:65px;left:2%;transform:rotateY(20deg) rotateZ(-8deg);padding:25px;z-index:2}.one>span{font:500 28px Manrope;letter-spacing:-2px}.one>small{font:7px Manrope;letter-spacing:2px;display:block;color:#a1b7d3;margin-top:14px}.graph-line{height:60px;margin-top:25px;background:linear-gradient(#9abcf6,#9a9ff50a);clip-path:polygon(0 80%,12% 64%,22% 70%,35% 40%,45% 50%,53% 22%,63% 33%,78% 10%,86% 22%,100% 0,100% 100%,0 100%)}.two{width:55%;height:190px;right:0;top:180px;transform:rotateY(-25deg) rotateZ(6deg);padding:28px;background:#161b319c;z-index:3}.two span{font:400 23px/1.1 Manrope;letter-spacing:-1px}.project-orbit{position:absolute;width:240px;height:240px;left:10%;top:110px;border:8px solid #96b8ff44;border-radius:50%;box-shadow:0 0 80px #7696ff30,inset 0 0 70px #7696ff30;transform:rotateX(45deg) rotateY(30deg)}.project-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:25px}.project-bottom h3{font-size:30px;line-height:1.6;font-weight:400}.project-bottom>span{font-size:11px;border-bottom:1px solid #dce6f8;padding-bottom:5px}.gulf{background:radial-gradient(ellipse at 30% 20%,#5d77603d,#0b1517 70%)}.gulf-art{height:410px;perspective:800px;position:relative;overflow:hidden;direction:ltr}.gulf-art>span{position:absolute;left:20px;top:65px;font:400 35px/1 Manrope;color:#d2dbd3;letter-spacing:-2px;z-index:4}.arch{position:absolute;width:145px;height:260px;border:22px solid #84978d;border-bottom:0;border-radius:100px 100px 0 0;transform:rotateY(-25deg);bottom:5px;box-shadow:inset 8px 5px 12px #0009,6px 0 5px #08130d}.arch1{right:0;background:linear-gradient(0deg,#35564a,#0f1b18);opacity:.5}.arch2{right:80px;height:220px;width:120px;border-color:#70897b}.arch3{right:155px;height:175px;width:95px;border-width:18px;border-color:#a8b4a0}.project-notes{border-bottom:1px solid var(--line);padding:25px 0;display:flex;gap:35px;align-items:center;color:#9baabe;font-size:12px}.project-notes>button{font-size:13px;padding:10px 0;transition:color .2s}.project-notes>button:hover{color:white}.contact{padding-block:130px 110px}.contact h2{font-weight:400;font-size:clamp(70px,10vw,150px);line-height:1.3;letter-spacing:-4px}.contact h2 a{border-bottom:2px solid #bdc4e4;cursor:pointer;transition:color .3s}.contact h2 a:hover{color:#b6a3ed}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:60px;margin-top:90px;padding-top:35px;border-top:1px solid var(--line)}.contact-grid>div{display:flex;flex-direction:column;align-items:start}.label{color:#8b9cb5;font-size:12px;margin-bottom:12px}.contact-grid a{font:16px/2.2 Manrope;direction:ltr}.contact-grid a:empty{display:none}.contact-grid p{font-size:15px;max-width:330px;color:#bdc8d7}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:25px;color:#8d9bb0;font-size:11px}footer>a{font:24px Manrope;color:#dfe5ef}footer sup{font-size:8px}footer>span{font:9px Manrope;letter-spacing:1px}footer small{font-size:10px}dialog{background:#0b1220;color:#e7edf5;border:1px solid #d2deee50;padding:65px;width:min(650px,calc(100% - 40px));max-height:85svh}dialog::backdrop{background:#020408c9;backdrop-filter:blur(15px)}dialog .close{position:absolute;left:20px;top:15px;color:#b3bdd0;font-size:12px;padding:10px}dialog h2{font-size:32px;line-height:1.6;font-weight:400;margin-bottom:25px}dialog p{color:#b7c6db}.demo-note{font-size:11px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.skip{position:fixed;top:-100px;right:10px;padding:10px;background:white;color:black;z-index:100}.skip:focus{top:10px}.loader{position:fixed;inset:0;background:#03060c;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;transition:opacity .7s;pointer-events:none}.loader>span{font:35px Manrope;letter-spacing:-2px}.loader>div{width:120px;height:1px;background:#334359}.loader i{width:100%;height:1px;background:#bac9e7;display:block;transform:scaleX(.1);transform-origin:left;transition:transform .8s}.loader small{font-size:11px;color:#92a3bc}.loader.loaded{opacity:0}.loader.loaded i{transform:scaleX(1)}#webgl-fallback{position:absolute;top:20%;right:7vw;font-size:14px;max-width:300px}.section-heading,.story>h2,.story-copy,.contact h2{will-change:transform,opacity}.world-failed #world{background:radial-gradient(ellipse at 40% 20%,#303952,#050911 65%)}
@media(max-width:1000px){.content-shell{width:calc(100% - 90px)}header{padding:27px 35px}.intro-title{bottom:17vh}.intro-title h1{font-size:49px}.scene-caption{font-size:7px}.solution-list{margin-right:10%}.project{min-height:590px;padding:25px}.project-art,.gulf-art{height:350px}.project-bottom h3{font-size:26px}.project-label{font-size:9px}.project-label small{font-size:6px}.glass-panel.two span{font-size:18px}.contact-grid{gap:30px}.contact-grid a{font-size:14px}.story h2{font-size:75px}.chapter-index{right:12px}}
@media(max-width:650px){html{scroll-padding-top:35px}.content-shell{width:calc(100% - 44px)}header{padding:23px 22px;gap:15px}.brand{font-size:23px}.brand svg{width:34px;height:34px}header nav{display:none;position:absolute;top:80px;right:22px;left:22px;background:#0b1423f0;border:1px solid var(--line);padding:25px;flex-direction:column;gap:25px}header nav.open{display:flex}.header-contact{font-size:11px;padding:6px 14px;margin-right:auto}.menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:44px}.menu>span{height:1px;width:23px;background:#e8edf4}.menu>span:last-child{width:16px}.chapter-index{display:none}.intro{height:260svh}.scene-caption{top:110px;right:22px;left:22px;font-size:6px;letter-spacing:1px}.scene-caption>span:last-child{display:none}.intro-title{right:22px;left:22px;bottom:15vh}.intro-title>p{font-size:12px;margin-bottom:14px}.intro-title h1{font-size:clamp(30px,8.5vw,45px);letter-spacing:-1px;line-height:1.65}.intro-bottom{display:block;margin-top:20px}.intro-bottom>p{font-size:12px;max-width:180px}.scroll-cue{font-size:9px;margin-top:28px;gap:10px}.mouse{height:25px;width:16px}.scene-footer{right:22px;left:22px;bottom:20px;font-size:9px}.scene-footer>span:first-child{font-size:6px;letter-spacing:1px;max-width:130px}.scene-footer #scene-progress{font-size:12px!important}.chapter-two{right:22px;left:22px;top:35%;max-width:100%}.chapter-two h2{font-size:47px;letter-spacing:-1.5px}.chapter-two>p:last-child{font-size:13px}.eyebrow{font-size:11px;margin-bottom:25px}.story{padding-top:90px;padding-bottom:90px;min-height:auto}.story h2{font-size:clamp(43px,12vw,65px);letter-spacing:-1.7px;line-height:1.5}.story-copy{grid-template-columns:1fr;gap:30px;margin-top:50px}.story-copy>span{font-size:23px}.story-copy p{font-size:15px;max-width:100%}.solutions{padding-block:80px}.section-heading{display:block;margin-bottom:40px}.section-heading .eyebrow{padding-top:0}.section-heading h2{font-size:36px;letter-spacing:-1px;line-height:1.6}.solution-list{margin:0}.solution-list summary{grid-template-columns:24px 1fr 16px;gap:12px;padding:25px 0;min-height:90px}.solution-list h3{font-size:23px}.solution-list small{font-size:9px}.solution-detail{grid-template-columns:1fr;gap:20px;padding:0 36px 27px 0}.solution-detail p{font-size:14px}.solution-detail ul{font-size:12px}.works{padding-block:90px}.project-track{width:calc(100% - 28px);grid-template-columns:1fr;gap:20px}.project{padding:25px;min-height:540px}.project-label{font-size:10px}.project-label small{font-size:6px;letter-spacing:1px}.project-art,.gulf-art{height:330px}.project-bottom h3{font-size:27px}.project-bottom>span{font-size:10px}.one{height:180px;padding:20px}.one>span{font-size:25px}.two{top:160px;height:155px;padding:22px}.two span{font-size:20px}.project-orbit{width:180px;height:180px}.gulf-art>span{font-size:29px;left:0}.arch1{right:0}.arch2{right:65px}.arch3{right:125px}.project-notes{display:flex;flex-direction:column;gap:5px;align-items:start;padding-block:20px}.project-notes>span{font-size:10px}.project-notes>button{font-size:12px;padding-block:9px}.contact{padding-block:90px 70px}.contact h2{font-size:73px;letter-spacing:-2.5px}.contact-grid{grid-template-columns:1fr;gap:28px;margin-top:55px}.contact-grid a{font-size:16px}.contact-grid p{font-size:14px}.label{font-size:10px;margin-bottom:8px}footer{flex-wrap:wrap;gap:15px;padding-block:25px}footer>a{font-size:21px}footer>p{font-size:10px}footer small{width:100%;font-size:9px}dialog{padding:60px 25px 35px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.chapter-two{display:none}}

.service-stage{position:absolute;right:8vw;top:25%;opacity:0;transform:translateY(40px);width:38%;will-change:transform,opacity}.service-stage h2{font-size:clamp(34px,4.5vw,64px);font-weight:400;line-height:1.5;letter-spacing:-1.6px}.service-stage h2 span{color:#c1abef}.service-stage>div{margin-top:24px;max-width:380px}.service-stage a{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #cbd7ee35;font-size:18px}.service-stage small{font:9px Manrope;color:#a59cb7}.service-stage a:hover{color:#dfc7ff}@media(max-width:650px){.service-stage{right:22px;left:22px;top:25%;width:auto}.service-stage h2{font-size:42px}.service-stage>div{max-width:75%}.service-stage a{font-size:17px;padding:10px 0}.service-stage .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.service-stage{display:none}}
/* Profile-backed work and unmodified company identities. */
.profile-projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.profile-project{padding:0;text-align:right;border-bottom:1px solid var(--line);background:#080d17;overflow:hidden;align-self:start}.project-image{aspect-ratio:16/9;overflow:hidden;background:white;will-change:transform}.project-image img{display:block;width:100%;height:100%;object-fit:contain}.profile-project-copy{padding:30px 28px 35px;position:relative;background:#080d17}.profile-project-copy>small{font:10px Manrope;color:#8c9db7}.profile-project-copy h3{font-size:25px;font-weight:400;line-height:1.6;margin-top:15px}.profile-project-copy p{font-size:14px;color:#aabbd0;margin-top:15px;line-height:1.9;min-height:80px}.profile-project-copy>span{font-size:11px;border-bottom:1px solid #bdcadf;padding-bottom:4px}.profile-project:hover .profile-project-copy>span{color:#d0b4f3}.clients-section{padding-top:100px}.client-identities{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b6c9e82b;border:1px solid #b6c9e82b}.client-identity{height:195px;background:#0c1120;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;gap:17px}.client-identity img{max-width:100%;width:155px;height:87px;object-fit:contain}.client-identity>span{font-size:11px;color:#b0c0d4;text-align:center}.client-identity.official{background:#eeedf1}.client-identity.official>span{color:#3a3447}.solution-detail{display:block;max-width:750px}.solution-list h3{font-size:clamp(20px,2.15vw,29px)}.solution-list summary{min-height:94px}.contact h2{font-size:clamp(45px,7vw,105px)}@media(max-width:1000px){.client-identities{grid-template-columns:repeat(3,1fr)}.profile-project-copy{padding:25px 20px}.profile-project-copy h3{font-size:21px}}@media(max-width:650px){.profile-projects{grid-template-columns:1fr;gap:25px}.profile-project-copy h3{font-size:23px}.profile-project-copy p{min-height:0;font-size:13px;margin-bottom:20px}.client-identities{grid-template-columns:repeat(2,1fr)}.client-identity{height:155px;padding:20px;gap:12px}.client-identity img{height:65px;width:120px}.client-identity>span{font-size:10px}.clients-section{padding-top:65px}.solution-list h3{font-size:21px;line-height:1.6}.contact h2{font-size:53px}.project-image{transform:none!important}}

/* Native scroll and scene share one interpolated position. */
html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto!important}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.intro{height:260svh}.scene-footer:after{content:'';position:absolute;top:0;right:0;height:1px;width:100%;background:#c1a1f4;transform-origin:right;transform:scaleX(var(--journey-progress,0));opacity:.8}.intro-title,.chapter-two,.service-stage{backface-visibility:hidden}.intro-sticky{contain:paint}@media(max-width:650px){.intro{height:230svh}}@media(prefers-reduced-motion:reduce){.intro{height:100svh}.scene-footer:after{display:none}}

.contact-grid{grid-template-columns:1fr}.contact-grid #email{font-size:clamp(22px,3vw,38px)}
/* Compact bilingual service gallery */
.language-switch{font:12px Manrope,'IBM Plex Sans Arabic',sans-serif;color:#e9e1f5;border:1px solid #cfb8e545;background:#21172c60;min-height:38px;padding:6px 15px;border-radius:30px;margin-inline-start:auto;transition:background .2s;white-space:nowrap}.language-switch:hover{background:#654b784a}header{gap:24px}header nav{margin-inline:auto}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-card{padding:0;text-align:start;position:relative;overflow:hidden;background:linear-gradient(145deg,#1b1828cc,#0c1221ed);border:1px solid #a18ebd30;border-radius:11px;transition:border-color .3s,transform .3s;min-width:0}.service-card:hover{border-color:#cfb8e58c;transform:translateY(-4px)}.service-art{height:155px;position:relative;border-bottom:1px solid #ad94ce13;background:radial-gradient(ellipse at 50% 70%,#8262af22,transparent 70%);overflow:hidden}.service-art svg{display:block;width:100%;height:100%;overflow:visible}.service-card-copy{padding:16px 19px 18px;position:relative}.service-number{font:8px Manrope;color:#b296cf;letter-spacing:1px;position:absolute;inset-inline-end:17px;top:20px}.service-card h3{font-size:18px;line-height:1.7;font-weight:400;margin:0 0 6px;padding-inline-end:15px;letter-spacing:-.3px}.service-card p{font-size:11px;line-height:1.9;color:#9da7be;margin:0 0 12px;min-height:21px}.service-more{font-size:10px;color:#c4addc;border-bottom:1px solid #c4addc50;padding-bottom:3px}#solutions{padding-block:85px}#solutions .section-heading{margin-bottom:35px}#service-dialog{width:min(720px,calc(100% - 40px));padding:45px;max-height:85svh;overflow-y:auto}.service-close{position:absolute;inset-inline-end:20px;top:15px;font-size:12px;color:#c9bed8;padding:10px}#service-dialog-content article{border-top:1px solid #bda8d82e;padding:22px 0 5px}#service-dialog-content h3{font-size:19px;font-weight:400;color:#decaf0;margin:0 0 10px}#service-dialog-content p{font-size:14px;line-height:1.9;color:#aebbd0;margin:0 0 15px}.service-art .float-a{animation:art-float 5s ease-in-out infinite}.service-art .float-b{animation:art-float 5s ease-in-out -2.5s infinite}.service-art .layer-a{animation:layer-lift 5s ease-in-out infinite}.service-art .layer-b{animation:layer-lift 5s ease-in-out -.7s infinite}.service-art .layer-c{animation:layer-lift 5s ease-in-out -1.4s infinite}.service-art .nodes{animation:node-glow 4s ease-in-out infinite}.service-art .signal{animation:signal-wave 3s ease-in-out infinite}.service-art .check{stroke-dasharray:30;animation:check-write 5s ease-in-out infinite}.service-art .check-b{animation-delay:.4s}.service-art .check-c{animation-delay:.8s}.service-art .spin-object{transform-origin:145px 95px;animation:art-sway 8s ease-in-out infinite}.service-art .orbit-a{animation:node-glow 4s ease-in-out infinite}.service-art .chart-line{stroke-dasharray:210;animation:line-write 5s ease-in-out infinite}.service-art .strategy-path{animation:node-glow 5s ease-in-out infinite}.service-art *{animation-play-state:paused!important}.service-card.in-view .service-art *{animation-play-state:running!important}@keyframes art-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-4px)}}@keyframes layer-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes node-glow{0%,100%{opacity:.5}50%{opacity:1}}@keyframes signal-wave{0%,100%{opacity:.25;transform:translateX(0)}50%{opacity:.9;transform:translateX(4px)}}@keyframes check-write{0%,10%{stroke-dashoffset:30;opacity:.3}35%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.3}}@keyframes art-sway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes line-write{0%,10%{stroke-dashoffset:210}65%,100%{stroke-dashoffset:0}}
html[dir=ltr] body{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif}html[dir=ltr] .chapter-index{right:auto;left:22px}html[dir=ltr] .chapter-two,html[dir=ltr] .service-stage{right:auto;left:8vw}html[dir=ltr] .intro-title h1{font-size:clamp(32px,3.7vw,60px);line-height:1.3;letter-spacing:-1.8px;max-width:850px}html[dir=ltr] .chapter-two h2{font-size:clamp(34px,4.1vw,64px);line-height:1.3}html[dir=ltr] .service-stage h2{font-size:clamp(32px,4vw,57px);line-height:1.3}html[dir=ltr] .scene-footer:after{transform-origin:left}html[dir=ltr] .story h2{font-size:clamp(42px,5.9vw,88px);line-height:1.25;letter-spacing:-2px}html[dir=ltr] .story-copy p{font-size:16px;line-height:1.9}html[dir=ltr] .section-heading h2{line-height:1.25;font-size:clamp(32px,3.5vw,50px)}html[dir=ltr] .service-card h3{font-size:15px;line-height:1.6;letter-spacing:-.3px;min-height:48px}html[dir=ltr] .service-card p{font-size:10px;line-height:1.8;min-height:36px}html[dir=ltr] .profile-project{text-align:left}html[dir=ltr] .profile-project-copy h3{font-size:22px}html[dir=ltr] .profile-project-copy p{font-size:13px}html[dir=ltr] .contact h2{font-size:clamp(44px,6vw,90px);line-height:1.3}html[dir=ltr] .close{left:auto;right:20px}html[dir=ltr] .client-identity>span{font-size:10px}html[dir=ltr] .demo-note{text-align:left}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-art{height:145px}.service-card-copy{padding:17px 20px}.service-card{display:grid;grid-template-columns:125px 1fr;align-items:center}.service-art{border:0;height:150px}.service-card h3{font-size:17px}header nav{gap:20px}}
@media(max-width:650px){header{gap:9px}.language-switch{min-height:36px;font-size:10px;padding:6px 10px}.header-contact{display:none}.menu{margin-inline-start:4px}.service-grid{gap:10px}.service-card{display:block}.service-art{height:110px}.service-card-copy{padding:12px 12px 15px}.service-number{display:none}.service-card h3{font-size:15px;padding:0;min-height:47px;line-height:1.65;margin-bottom:7px}.service-card p{font-size:10px;min-height:38px;line-height:1.8;margin-bottom:10px}.service-more{font-size:9px}#solutions{padding-block:60px}#service-dialog{padding:45px 24px 25px}#service-dialog-content h3{font-size:18px}#service-dialog-content p{font-size:13px}html[dir=ltr] .chapter-two,html[dir=ltr] .service-stage{right:22px;left:22px}html[dir=ltr] .intro-title h1{font-size:clamp(28px,7.6vw,40px);letter-spacing:-1px;max-width:100%}html[dir=ltr] .chapter-two h2{font-size:35px;line-height:1.3}html[dir=ltr] .service-stage h2{font-size:37px}html[dir=ltr] .story h2{font-size:42px;line-height:1.25}html[dir=ltr] .section-heading h2{font-size:32px}html[dir=ltr] .service-card h3{font-size:13px;min-height:44px}html[dir=ltr] .service-card p{font-size:9px;min-height:48px}html[dir=ltr] .profile-project-copy h3{font-size:20px}html[dir=ltr] .contact h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.service-art *{animation:none!important}.service-card:hover{transform:none}}
/* Interactive service sculptures */
.service-card{--mx:50%;--my:50%;--tilt-x:0deg;--tilt-y:0deg;transform-style:preserve-3d;isolation:isolate;transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.service-card:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transition:opacity .4s;background:radial-gradient(circle at var(--mx) var(--my),#d4b6ff27,transparent 55%)}.service-card:hover,.service-card:focus-visible{border-color:#cda3ef99;box-shadow:0 16px 40px #0005,0 0 25px #a267d214;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-5px)}.service-card:hover:before,.service-card:focus-visible:before{opacity:1}.service-art{perspective:600px}.service-art svg{transform-origin:50% 52%;transition:transform .75s cubic-bezier(.22,1,.36,1),filter .5s;filter:drop-shadow(0 3px 8px #9c66d400)}.service-card:hover .service-art svg,.service-card:focus-visible .service-art svg{transform:rotateY(24deg) rotateZ(-5deg) scale(1.1);filter:drop-shadow(0 8px 14px #af74ef4d)}.service-card.hover-spin .service-art svg{animation:sculpture-turn 1.4s cubic-bezier(.25,.7,.25,1) both}.service-card.is-pressed .service-art svg{transform:rotateY(24deg) scale(.94);filter:drop-shadow(0 0 18px #c595ff80)}.service-card-copy{transition:transform .45s cubic-bezier(.22,1,.36,1)}.service-card:hover .service-card-copy{transform:translateY(-3px)}.service-more{transition:color .25s,letter-spacing .4s}.service-card:hover .service-more{color:#f0d9ff;letter-spacing:.3px}.click-ripple{position:absolute;z-index:4;pointer-events:none;width:12px;height:12px;border-radius:50%;border:1px solid #e6caff;background:#be8bf32b;transform:translate(-50%,-50%);animation:service-ripple .7s ease-out both}.service-dialog-art{height:150px;max-width:260px;margin:-15px auto 10px;perspective:600px}.service-dialog-art svg{width:100%;height:100%;filter:drop-shadow(0 0 15px #9a6cbd33);animation:detail-arrive .8s cubic-bezier(.22,1,.36,1) both}.service-dialog-art .float-a,.service-dialog-art .float-b{animation:art-float 5s ease-in-out infinite}#service-dialog[open]{animation:dialog-reveal .35s cubic-bezier(.22,1,.36,1)}#service-dialog[open]::backdrop{animation:backdrop-reveal .3s ease-out}@keyframes sculpture-turn{0%{transform:rotateY(0deg) rotateZ(0) scale(1)}70%{transform:rotateY(345deg) rotateZ(-5deg) scale(1.1)}100%{transform:rotateY(384deg) rotateZ(-5deg) scale(1.1)}}@keyframes service-ripple{to{width:260px;height:260px;opacity:0}}@keyframes detail-arrive{from{transform:rotateY(-60deg) scale(.8);opacity:0}to{transform:rotateY(0deg) scale(1);opacity:1}}@keyframes dialog-reveal{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes backdrop-reveal{from{opacity:0}to{opacity:1}}@media(hover:none){.service-card:hover{transform:none;box-shadow:none}.service-card.is-pressed{transform:scale(.98)}.service-card:before{opacity:.3}}@media(prefers-reduced-motion:reduce){.service-card,.service-card:hover,.service-card:focus-visible,.service-art svg,.service-card:hover .service-art svg,.service-card-copy{transform:none!important;animation:none!important;transition:none!important}.service-card.hover-spin .service-art svg,.service-dialog-art svg,#service-dialog[open]{animation:none!important}.click-ripple{display:none}}