@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-arabic-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+1EE00-1EEFF}
@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-arabic-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+1EE00-1EEFF}
@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-arabic-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+1EE00-1EEFF}
@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Cairo;src:url('/assets/fonts/cairo-latin-700-normal.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--navy:#081844;--ink:#101d32;--blue:#1a397a;--cyan:#44d4ff;--paper:#f5f7fa;--muted:#657287;--line:#dce2ea;--white:#fff;--on-dark:#aebed5;--radius:16px;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.9 Cairo,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}h1,h2{line-height:1.4}p{color:var(--muted)}button{color:inherit}svg{flex:none;width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4ba6ff;outline-offset:5px}::selection{background:#2563eb;color:#fff}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.dark{background:var(--navy);color:white}.dark p{color:var(--on-dark)}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:14px;font-weight:600;margin-bottom:20px}.eyebrow:before{content:'';width:26px;height:2px;background:currentColor}.dark .eyebrow{color:var(--cyan)}.label-en{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase}.section{padding:104px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px}.section-head h2{font-size:clamp(30px,3.2vw,44px);max-width:690px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:15px;font-weight:600;padding:9px 0;border-bottom:1px solid currentColor;flex:none}.text-link svg{width:18px;height:18px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 23px;border:1px solid transparent;border-radius:7px;font-size:15px;font-weight:600;line-height:1.7;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:#142d63}.button-outline{border-color:#344258;background:transparent;color:white}.button-outline:hover{background:#162238}.button-white{background:#fff;color:#102146}.button svg{width:20px;height:20px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.skip{position:fixed;z-index:200;top:-120px;inset-inline-start:16px;background:white;color:#111;padding:12px 20px}.skip:focus{top:12px}.scroll-progress{height:2px;position:fixed;top:0;inset-inline-start:0;z-index:150;background:var(--cyan);width:0}.site-header{height:94px;background:rgba(7,16,32,.97);color:#fff;position:sticky;top:0;z-index:80;border-bottom:1px solid #ffffff12}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px;direction:ltr}.brand{width:188px;display:block;flex:none}.brand img{width:188px;height:60px;object-fit:contain;mix-blend-mode:screen}.main-nav{display:flex;gap:30px;align-items:center;direction:rtl}.main-nav>a{font-size:14px;color:#b6c2d7;position:relative;white-space:nowrap}.main-nav>a:hover,.main-nav>a[aria-current=page]{color:white}.main-nav>a[aria-current=page]:after{content:'';position:absolute;inset-inline-start:0;bottom:-13px;width:16px;height:2px;background:var(--cyan)}.nav-actions{display:flex;gap:22px;align-items:center;direction:rtl}.language{font-family:Arial,sans-serif;display:inline-flex;gap:7px;align-items:center;font-size:14px}.language svg{width:17px;height:17px;color:#a8b8cf}.nav-actions .button{min-height:43px;font-size:14px;padding:10px 16px;gap:18px}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff30;border-radius:6px;width:44px;height:44px;align-items:center;justify-content:center}.hero{position:relative;overflow:hidden;padding:64px 0 0;background:radial-gradient(ellipse at 26% 36%,#13316588,transparent 46%),var(--navy)}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#fff02a08 1px,transparent 1px),linear-gradient(90deg,#fff02a08 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to left,transparent,#000,transparent)}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:28px;position:relative;min-height:535px}.hero-copy{padding-bottom:40px;position:relative;z-index:2}.hero-copy .eyebrow{font-size:14px;gap:9px}.hero h1{font-size:clamp(45px,4.5vw,66px);line-height:1.42;letter-spacing:-1.5px}.hero h1 span{color:var(--cyan)}.hero-copy p{max-width:485px;font-size:17px;line-height:2;margin:23px 0 30px}.hero-art{height:530px;position:relative;direction:ltr;isolation:isolate;perspective:1300px}.hero-rail{position:absolute;top:2px;left:18px;display:flex;align-items:center;gap:12px;color:#8fabc9}.hero-rail:before{content:'';height:1px;width:36px;background:#5278ad}.screen{position:absolute;display:block;border:1px solid #7288aa59;overflow:hidden;box-shadow:0 35px 90px #0006;border-radius:12px;background:#132139;transition:transform .5s;will-change:transform}.screen:hover{transform:translateY(-8px) rotate(0)}.screen-bar{height:27px;background:#122039;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#93a6c2;font:10px Arial}.screen-bar>span:first-child{display:flex;gap:4px}.screen-bar i{display:block;width:4px;height:4px;border-radius:50%;background:#6982a3}.screen img{width:100%;object-fit:cover;object-position:top}.screen-main{width:88%;height:322px;left:10%;top:54px;transform:rotate(-4deg);z-index:2}.screen-main img{height:295px}.screen-back{width:64%;height:236px;left:0;top:213px;transform:rotate(6deg);z-index:3}.screen-back img{height:209px}.hero-note{position:absolute;right:2%;bottom:11px;max-width:195px;text-align:right;direction:rtl}.hero-note strong{font-size:14px;font-weight:600}.hero-note p{font-size:12px;margin-top:4px;color:#8ca0bb}.hero-note:before{content:'03';display:block;font-family:Arial,sans-serif;line-height:1;font-weight:400;font-size:42px;color:#40d2ff;margin-bottom:8px}.hero-art .orbit-line{border:1px solid #7d9cce16;width:370px;height:370px;position:absolute;inset:30px 60px;border-radius:50%;z-index:-1}.hero-art .orbit-line:after{content:'';position:absolute;inset:-35px;border:1px solid #7d9cce0a;border-radius:50%}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;border-top:1px solid #ffffff1c;color:#8499b6;font-size:12px}.hero-bottom>span:first-child{display:flex;gap:18px;align-items:center}.hero-bottom strong{color:#e0e8f5;font-weight:400}.hero-bottom a{display:flex;align-items:center;gap:12px}.hero-bottom svg{width:15px;height:15px}.proof-band{background:#0c172a;color:white;border-top:1px solid #ffffff06}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 0}.metric{display:flex;align-items:center;gap:16px;padding-inline:30px;border-inline-start:1px solid #ffffff19}.metric:first-child{border:0;padding-inline-start:0}.metric strong{font-family:Arial,sans-serif;font-weight:400;font-size:45px;letter-spacing:-2px;direction:ltr;line-height:1.1}.metric span{color:#aebed5;font-size:13px;max-width:120px;line-height:1.7}.client-strip{padding:42px 0 46px;background:white;border-bottom:1px solid var(--line)}.clients{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;gap:26px}.clients>p{font-size:14px;max-width:170px;line-height:1.8}.client-name{text-align:center;line-height:1.4;color:#3a4860;min-height:60px;display:flex;flex-direction:column;justify-content:center}.client-name strong{font-size:17px;font-weight:600}.client-name small{display:block;font-size:10px;letter-spacing:.4px;color:#748097;line-height:1.7;margin-top:6px;font-family:Arial,sans-serif}.client-name.mcit strong{font-size:14px}.client-name .en-monogram{font:600 31px Arial;letter-spacing:2px;color:#485b78}.work-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.work-intro h2{font-size:43px;line-height:1.4}.work-intro p{max-width:470px;font-size:16px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px}.project-card{display:block;min-width:0}.project-visual{position:relative;overflow:hidden;border-radius:12px;background:#dde5f1;aspect-ratio:1.64;border:1px solid #dce3ed}.project-visual>img{height:100%;width:100%;object-fit:cover;object-position:top;transition:transform .65s cubic-bezier(.2,.65,.2,1)}.project-card:hover .project-visual>img{transform:scale(1.035)}.project-visual.slide>img{object-fit:contain;background:#040d23}.project-visual.app>img{width:calc(100% - 64px);margin:32px 32px 0;height:calc(100% - 32px);border-radius:6px 6px 0 0;box-shadow:0 4px 20px #101d3218;border:1px solid #0001}.project-visual.mizan{background:#dde7e1}.project-visual.dhofar{background:#e2e8d7}.project-visual.school{background:#dae5fa}.image-tag{position:absolute;top:17px;inset-inline-start:17px;z-index:2;font-size:11px;background:#081844db;color:#fff;line-height:1.6;padding:5px 10px;border-radius:4px;border:1px solid #ffffff1c}.project-arrow{position:absolute;bottom:18px;inset-inline-end:18px;display:flex;align-items:center;justify-content:center;background:white;color:var(--ink);width:43px;height:43px;border-radius:50%;box-shadow:0 3px 15px #0001;transition:background .2s,color .2s}.project-card:hover .project-arrow{background:var(--blue);color:white}.project-arrow svg{width:20px;height:20px}.project-info{display:flex;gap:22px;justify-content:space-between;margin-top:20px}.project-info h3{font-size:23px;line-height:1.6}.project-info .year{font-family:Arial,sans-serif;font-size:13px;color:#8490a2;padding-top:12px;white-space:nowrap}.project-info p{font-size:13px;color:#68768b;margin-top:4px}.project-summary{font-size:15px;margin-top:8px;line-height:1.85}.all-work{display:flex;justify-content:center;margin-top:48px}.all-work .button{border-color:#ced7e5;min-width:210px;background:white;color:var(--ink)}.feature-case{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:65px;align-items:center;margin:0 auto;padding:70px 0}.feature-case>*{min-width:0}.feature-case h2{font-size:39px;line-height:1.55}.feature-case p{font-size:16px;margin:23px 0 30px;max-width:460px}.feature-image{position:relative;aspect-ratio:1.75;border:1px solid #314260;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0003}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-case .text-link{color:#7edcf7}.sector-line{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.sector-line span{border:1px solid #33415b;font-size:12px;padding:4px 12px;color:#a9bfdc;border-radius:3px}.services-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.services-layout h2{font-size:43px;line-height:1.5}.services-intro>p{font-size:16px;margin-top:22px;max-width:350px}.services-intro .text-link{margin-top:26px;color:var(--blue)}.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:32px 1fr 34px;gap:22px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}.service-no{font-family:Arial,sans-serif;font-size:13px;color:#8b97a8;padding-top:7px}.service-row h3{font-size:22px;font-weight:600;line-height:1.5}.service-row p{font-size:14px;margin-top:8px;max-width:440px}.service-row>svg{color:var(--blue);margin-top:4px;width:26px;height:26px}.about{background:#eaf0f7;border-top:1px solid #e0e7ef;border-bottom:1px solid #dbe3ee}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.about h2{font-size:42px}.about-copy>p{font-size:17px;margin:23px 0}.foundation{display:flex;gap:36px;padding-top:24px;border-top:1px solid #ccd7e6;margin-top:30px}.foundation strong{font-family:Arial,sans-serif;display:block;font-size:31px;font-weight:400;line-height:1.3}.foundation span{font-size:13px;color:#69788f}.process{padding-top:14px}.process-item{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #cfdae7}.process-item:first-child{padding-top:0}.process-item>span{font-family:Arial,sans-serif;color:var(--blue);font-size:13px;padding-top:6px}.process-item h3{font-size:20px;line-height:1.4}.process-item p{font-size:14px;margin-top:8px}.tech-line{border-top:1px solid #cad7e5;display:flex;gap:28px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:35px;margin-top:60px;color:#597088}.tech-line>span{font-size:13px;color:#61748e}.tech-line strong{font-family:Arial,sans-serif;font-size:17px;color:#40597a;font-weight:500}.contact-section{background:#1559e4;color:white;padding:75px 0;position:relative;overflow:hidden}.contact-section:after{content:'';position:absolute;left:-20px;top:-110px;width:530px;height:530px;border:1px solid #ffffff18;transform:rotate(38deg);pointer-events:none}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;z-index:1}.contact-grid .eyebrow{color:#b7d3ff;margin-bottom:18px}.contact-grid h2{font-size:43px;line-height:1.5}.contact-grid p{color:#d1e2ff;font-size:16px;margin-top:16px}.contact-actions{text-align:center;flex:none}.contact-actions .button{min-width:240px}.contact-actions>a:last-child{display:block;font-family:Arial,sans-serif;letter-spacing:.5px;margin-top:16px;font-size:15px}.site-footer{padding:62px 0 24px;background:#060e1c;color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr .65fr 1.1fr .85fr;gap:55px}.footer-brand .brand{margin-bottom:18px}.footer-brand p{font-size:14px;max-width:260px;color:#889bb7}.footer-group h3{font-size:14px;margin-bottom:18px;font-weight:600;color:#e3eafb}.footer-group>a,.footer-group>span{display:block;font-size:13px;color:#96a8c2;line-height:2.4}.footer-group>a:hover{color:#fff}.footer-group [dir=ltr]{text-align:start;direction:ltr;unicode-bidi:embed;display:table;margin-top:6px;font-family:Arial,sans-serif;letter-spacing:.5px;font-size:15px}.footer-group p{font-size:13px;color:#8d9fbb;line-height:1.9;margin-top:10px}.footer-bottom{margin-top:45px;padding-top:23px;border-top:1px solid #fff1;display:flex;justify-content:space-between;gap:30px;color:#7d91ae;font-size:12px}.footer-bottom a{display:inline-flex;align-items:center;gap:7px}.footer-bottom svg{width:14px;height:14px}.listing-hero{padding:64px 0 55px;position:relative;background:radial-gradient(ellipse at 5% 100%,#17356a,transparent 45%),var(--navy)}.listing-hero h1{font-size:55px}.listing-hero p{max-width:680px;font-size:17px;margin-top:20px}.listing-top{display:flex;justify-content:space-between;align-items:end}.work-count{font-family:Arial,sans-serif;font-size:84px;line-height:1;color:#2d4262;font-weight:400}.listing-page .project-grid{row-gap:58px}.listing-page{padding-top:60px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#8eabc9;margin-bottom:34px}.breadcrumb a:hover{color:#fff}.breadcrumb svg{width:14px;height:14px}.case-hero{padding:40px 0 66px;background:radial-gradient(ellipse at 10% 30%,#17336577,transparent 50%),var(--navy)}.case-title-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.case-title-grid h1{font-size:46px;line-height:1.45}.case-title-grid .eyebrow{margin-bottom:13px}.case-title-grid p{font-size:18px;max-width:440px;margin-bottom:4px}.case-meta{display:grid;grid-template-columns:1.6fr .8fr .6fr 1fr;border-top:1px solid #ffffff1c;margin-top:44px;padding-top:27px;gap:28px}.case-meta dt{font-size:12px;color:#7f96b6;margin-bottom:8px}.case-meta dd{margin:0;font-size:14px;color:#edf3ff;line-height:1.7}.case-visual{background:#dce5f1;padding:40px 55px;border-radius:14px;margin-top:-1px;position:relative;overflow:hidden}.case-visual.portfolio{padding:0;background:#030d24}.case-visual.mizan{background:#dce8e2}.case-visual.dhofar{background:#e4e9db}.case-cover{width:100%;height:auto;max-height:720px;object-fit:cover;object-position:top;border-radius:7px;box-shadow:0 14px 45px #13234220}.case-visual.portfolio .case-cover{max-height:none;object-fit:contain;border-radius:0}.case-visual-wrap{margin-top:40px}.visual-caption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:12px;color:#75849b}.visual-caption .image-open{border:0;background:none;color:#687b95;font-size:12px;display:flex;align-items:center;gap:7px}.visual-caption svg{width:15px;height:15px}.case-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:90px;align-items:start;padding:68px 0 80px}.case-main>section{margin-bottom:43px}.case-main h2{font-size:28px;margin-bottom:18px}.case-main p{font-size:17px;line-height:2.05}.case-main .story-lead{font-size:20px;color:#344760;line-height:2}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:48px}.story-pair h2{font-size:23px}.story-pair p{font-size:15px}.capabilities{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}.capabilities li{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:16px 0;font-size:16px}.capabilities svg{width:18px;height:18px;color:var(--blue)}.project-aside{border-top:2px solid var(--blue);background:#fff;padding:28px;border-radius:0 0 8px 8px}.project-aside h2{font-size:21px}.project-aside>p{font-size:13px;margin:10px 0 20px}.tech-tags{display:flex;gap:8px;flex-wrap:wrap;direction:ltr;margin:20px 0}.tech-tags span{font-family:Arial,sans-serif;line-height:1.5;font-size:13px;padding:8px 11px;border:1px solid #dce4ef;background:#f7f9fc;border-radius:4px;color:#354c6e}.project-aside .aside-contact{padding-top:23px;margin-top:25px;border-top:1px solid var(--line)}.aside-contact p{font-size:14px;margin-bottom:15px}.aside-contact a{font-size:14px;color:var(--blue);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px}.aside-contact svg{width:18px;height:18px}.project-note{font-size:13px!important;background:#ebf1f9;border-inline-start:3px solid #7899c7;padding:17px 20px;color:#526781!important}.gallery{background:#eaf0f6;padding:70px 0 80px}.gallery .section-head{margin-bottom:32px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery-item{margin:0}.gallery-item .gallery-trigger{display:block;width:100%;border:1px solid #d4ddea;padding:0;background:#fff;border-radius:9px;overflow:hidden;position:relative;aspect-ratio:1.6;cursor:zoom-in}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.gallery-item .gallery-trigger:hover img{transform:scale(1.02)}.gallery-item.portfolio img{object-fit:contain;background:#040d23}.gallery-item figcaption{font-size:13px;color:#6b7c94;margin-top:11px}.gallery-item .gallery-trigger>span{position:absolute;bottom:13px;inset-inline-end:13px;background:var(--navy);color:#fff;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%}.gallery-item svg{width:17px;height:17px}.related{padding:75px 0 90px}.related h2{font-size:32px}.related .project-info h3{font-size:21px}.related .project-grid{grid-template-columns:repeat(3,1fr);gap:26px}.related .project-visual{aspect-ratio:1.5}.related .project-summary{display:none}.related .project-visual.app>img{width:calc(100% - 36px);margin:18px 18px 0;height:calc(100% - 18px)}.related .project-info p{font-size:12px}.image-dialog{padding:0;border:1px solid #3c4c68;border-radius:12px;background:#081844;color:white;width:min(1350px,96vw);max-width:96vw;max-height:94dvh;overflow:auto}.image-dialog::backdrop{background:#030816e8;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 20px;position:sticky;top:0;background:#081844;z-index:1}.dialog-top p{font-size:14px;color:#d0dcef}.dialog-top button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;background:#192b47;border:1px solid #365173;color:white;border-radius:50%}.image-dialog>img{width:100%;height:auto}.menu-open{overflow:hidden}.back-top{display:inline-flex;align-items:center;gap:8px}.fade-in{animation:fade-in .85s both}.hero-art{animation:art-in 1.1s both}.reveal-armed{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.revealed{opacity:1;transform:none}@keyframes fade-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes art-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
html[lang=en] .main-nav,html[lang=en] .nav-actions{direction:ltr}html[lang=en] .hero h1{font:600 clamp(48px,4.65vw,68px)/1.14 Cairo,Arial,sans-serif;letter-spacing:-2px}html[lang=en] .hero-copy p{font-size:17px;line-height:1.8}html[lang=en] .hero-copy .eyebrow{font-size:12px}html[lang=en] .hero-note{text-align:left;direction:ltr}html[lang=en] .section-head h2,html[lang=en] .work-intro h2,html[lang=en] .services-layout h2,html[lang=en] .about h2{line-height:1.3}html[lang=en] .client-name strong{font-size:15px}html[lang=en] .service-row h3{font-size:21px}html[lang=en] .contact-grid h2{line-height:1.3}html[lang=en] .case-title-grid h1{line-height:1.25}html[lang=en] .feature-case h2{line-height:1.3}
@media(min-width:1550px){.hero-grid{min-height:570px}.hero-art{height:555px}.screen-main{top:68px;height:342px}.screen-main img{height:315px}.screen-back{top:249px}.hero{padding-top:80px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.main-nav{gap:20px}.nav-wrap{gap:18px}.nav-actions{gap:16px}.brand,.brand img{width:161px}.nav-actions .button{font-size:13px;padding:10px 12px;gap:10px}.hero h1{font-size:50px}.hero-grid{gap:20px;grid-template-columns:1fr 1fr}.hero-art{height:485px}.screen-main{height:287px;top:67px}.screen-main img{height:260px}.screen-back{top:230px;height:205px}.screen-back img{height:178px}.hero-note{right:0;bottom:-15px;max-width:150px}.hero-note strong{font-size:12px}.metric{padding-inline:18px;gap:12px}.metric strong{font-size:37px}.metric span{font-size:12px}.services-layout,.about-grid{gap:55px}.case-content{gap:50px;grid-template-columns:minmax(0,1fr) 300px}.feature-case{gap:40px}.footer-grid{gap:30px}.main-nav>a{font-size:13px}.case-title-grid{gap:40px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.site-header{height:80px}.brand,.brand img{width:158px}.menu-toggle{display:flex}.nav-actions{margin-inline-start:auto}.nav-actions .button{display:none}.main-nav{display:none;position:absolute;top:79px;left:0;right:0;background:#0c192f;flex-direction:column;padding:28px 24px;align-items:stretch;gap:0;border-bottom:1px solid #314666}.main-nav.open{display:flex}.main-nav>a{padding:14px 10px;font-size:17px}.main-nav>a[aria-current=page]:after{display:none}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr 1fr;gap:12px;min-height:460px}.hero h1{font-size:41px;letter-spacing:-1px}.hero-copy p{font-size:15px}.hero-copy .eyebrow{font-size:12px}.hero .button{font-size:13px;padding:11px 15px;gap:13px;min-height:48px}.hero-art{height:420px}.hero-copy{padding-bottom:25px}.screen-main{height:235px;top:60px}.screen-main img{height:208px}.screen-back{top:208px;height:176px}.screen-back img{height:149px}.hero-note{display:none}.hero-rail{font-size:9px;letter-spacing:1px;top:30px}.metrics{padding:29px 0}.metric{display:block}.metric span{display:block;max-width:none;margin-top:10px}.metric strong{font-size:40px}.clients{gap:22px;grid-template-columns:repeat(4,1fr)}.clients>p{grid-column:1/-1;max-width:none;text-align:center;font-size:13px}.client-strip{padding:30px 0}.section{padding:74px 0}.work-intro{gap:30px}.work-intro h2,.section-head h2,.services-layout h2,.about h2{font-size:34px}.work-intro p{font-size:15px}.project-grid{gap:33px 22px}.project-visual.app>img{width:calc(100% - 36px);margin:18px 18px 0;height:calc(100% - 18px)}.project-info h3{font-size:20px}.project-info p{font-size:12px}.project-info{gap:10px}.project-summary{font-size:14px}.feature-case{padding:60px 0;gap:28px}.feature-case h2{font-size:30px}.feature-case p{font-size:14px}.services-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.service-row{grid-template-columns:25px 1fr 24px;gap:12px}.service-row h3{font-size:19px}.service-row p{font-size:13px}.about-grid{gap:45px}.about-copy>p{font-size:15px}.about h2{font-size:32px}.process-item h3{font-size:18px}.process-item p{font-size:13px}.contact-grid h2{font-size:34px}.contact-grid p{font-size:14px}.contact-actions .button{min-width:190px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 70px}.case-title-grid h1{font-size:38px}.case-title-grid p{font-size:16px}.case-content{grid-template-columns:1fr;gap:15px}.project-aside{display:block;max-width:none}.case-meta{grid-template-columns:1.3fr 1fr;gap:25px}.related .project-grid{grid-template-columns:1fr 1fr}.related .project-card:last-child{display:none}html[lang=en] .hero h1{font-size:43px}html[lang=en] .hero-copy p{font-size:15px}html[lang=en] .service-row h3{font-size:18px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.site-header{height:74px}.main-nav{top:73px}.nav-wrap{gap:17px}.brand,.brand img{width:142px;height:49px}.nav-actions{gap:12px}.language{font-size:13px}.hero{padding-top:34px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:0}.hero-copy .eyebrow{font-size:12px;gap:8px;margin-bottom:17px}.hero h1{font-size:46px;line-height:1.43;letter-spacing:-1.2px}.hero-copy p{font-size:15px;line-height:1.9;max-width:370px;margin:19px 0 25px}.hero .button{font-size:14px;padding:11px 20px}.hero-art{height:370px;margin-top:22px;max-width:440px;width:100%;margin-inline:auto}.hero-rail{font-size:9px;top:8px}.screen-main{width:87%;height:243px;top:38px}.screen-main img{height:216px}.screen-back{width:62%;height:178px;top:171px}.screen-back img{height:151px}.hero-art .orbit-line{width:230px;height:230px;inset:30px 60px}.hero-bottom{padding:16px 0;font-size:10px}.hero-bottom>span:first-child{gap:9px}.hero-bottom>a{font-size:0;gap:0}.hero-bottom>a svg{width:18px;height:18px}.metrics{grid-template-columns:1fr 1fr;gap:24px 0;padding:29px 0}.metric{padding-inline:22px;display:flex;align-items:center}.metric:nth-child(3){border:0;padding-inline-start:0}.metric strong{font-size:36px;letter-spacing:-1.2px}.metric span{font-size:12px;max-width:82px;margin-top:0}.clients{grid-template-columns:1fr 1fr;gap:21px 18px}.clients>p{margin-bottom:2px}.client-name strong{font-size:15px}.client-name.mcit strong{font-size:13px}.client-name{min-height:49px}.client-name small{font-size:9px}.client-name .en-monogram{font-size:27px}.section{padding:60px 0}.eyebrow{font-size:13px;margin-bottom:17px}.work-intro{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.work-intro h2,.section-head h2{font-size:31px}.work-intro p{font-size:14px}.project-grid{grid-template-columns:1fr;gap:33px}.project-info{margin-top:16px}.project-info h3{font-size:22px}.project-info p{font-size:12px;max-width:300px}.project-info .year{font-size:12px}.project-summary{font-size:14px;margin-top:6px}.project-visual{border-radius:9px;aspect-ratio:1.59}.project-visual.app>img{margin:24px 24px 0;width:calc(100% - 48px);height:calc(100% - 24px)}.image-tag{font-size:10px;top:12px;inset-inline-start:12px}.project-arrow{width:38px;height:38px;bottom:14px;inset-inline-end:14px}.all-work{margin-top:34px}.feature-case{grid-template-columns:1fr;gap:31px;padding:55px 0}.feature-case h2{font-size:32px}.feature-case p{font-size:15px;margin:19px 0 22px}.feature-image{grid-row:2}.sector-line{margin-top:24px}.services-layout{grid-template-columns:1fr;gap:31px}.services-layout h2{font-size:32px}.services-intro>p{max-width:none;font-size:15px}.services-intro .text-link{margin-top:20px}.service-row{padding:24px 0;grid-template-columns:26px 1fr 25px;gap:12px}.service-row h3{font-size:20px}.service-row p{font-size:14px}.about-grid{grid-template-columns:1fr;gap:38px}.about h2{font-size:32px}.about-copy>p{font-size:15px}.foundation{gap:55px}.tech-line{margin-top:35px;padding-top:26px;gap:20px 25px;justify-content:flex-start}.tech-line>span{width:100%}.tech-line strong{font-size:16px}.contact-section{padding:55px 0}.contact-grid{display:block}.contact-grid h2{font-size:33px}.contact-grid p{font-size:15px}.contact-actions{text-align:start;margin-top:29px}.contact-actions .button{min-width:224px}.contact-actions>a:last-child{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 22px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:330px;font-size:14px}.footer-group h3{font-size:14px}.footer-group>a,.footer-group>span{font-size:12px}.footer-group [dir=ltr]{font-size:13px}.footer-group p{font-size:12px}.footer-bottom{display:block;font-size:11px;margin-top:32px}.footer-bottom>span{display:block;margin-top:8px}.site-footer{padding-top:40px}.section-head{align-items:start;gap:20px;margin-bottom:27px;flex-direction:column}.section-head .text-link{font-size:14px}.listing-hero{padding:42px 0}.listing-hero h1{font-size:40px}.listing-hero p{font-size:15px}.work-count{font-size:54px}.listing-page{padding-top:40px}.case-hero{padding:27px 0 39px}.breadcrumb{font-size:12px;gap:8px;margin-bottom:28px;flex-wrap:wrap}.case-title-grid{grid-template-columns:1fr;gap:20px}.case-title-grid h1{font-size:34px}.case-title-grid p{font-size:16px}.case-meta{margin-top:30px;padding-top:23px;gap:24px 20px;grid-template-columns:1.3fr 1fr}.case-meta dd{font-size:13px}.case-meta dt{font-size:11px}.case-visual-wrap{margin-top:24px}.case-visual{padding:17px 17px 0;border-radius:8px}.case-cover{max-height:360px;border-radius:4px 4px 0 0}.visual-caption{font-size:11px;gap:10px}.visual-caption .image-open{font-size:0;flex:none}.visual-caption .image-open svg{width:18px;height:18px}.case-content{padding:37px 0 45px;gap:7px}.case-main h2{font-size:26px}.case-main p{font-size:15px;line-height:2}.case-main .story-lead{font-size:18px;line-height:1.95}.story-pair{grid-template-columns:1fr;gap:27px;margin-top:32px}.story-pair h2{font-size:23px;margin-bottom:13px}.story-pair p{font-size:15px}.capabilities li{font-size:15px;line-height:1.9;align-items:start}.capabilities li svg{margin-top:7px}.project-aside{padding:24px}.project-note{font-size:12px!important}.gallery{padding:45px 0 50px}.gallery-grid{grid-template-columns:1fr;gap:25px}.gallery-item figcaption{font-size:12px}.gallery-item .gallery-trigger{aspect-ratio:1.4}.related{padding:48px 0 55px}.related .project-grid{grid-template-columns:1fr}.related .project-card:last-child{display:block}.related .project-grid{gap:30px}.related .project-visual{aspect-ratio:1.65}.related .project-info h3{font-size:22px}.dialog-top{padding:8px 12px;gap:15px}.dialog-top p{font-size:12px}.dialog-top button{width:34px;height:34px}.image-dialog{border-radius:7px}.image-dialog>img{min-width:0}.case-main>section{margin-bottom:32px}html[lang=en] .hero h1{font-size:47px;line-height:1.15}html[lang=en] .hero-copy .eyebrow{font-size:11px}html[lang=en] .service-row h3{font-size:19px}html[lang=en] .case-title-grid h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-armed{opacity:1;transform:none}.screen:hover{transform:none}}

/* Royal navy brand surfaces and triangular EMarbles identity. */
:root{--navy:#081844;--brand-deep:#081640;--brand-mid:#102653;--brand-light:#47dcff;--on-dark:#d2e3ff;--cyan:#6ce4ff}
.site-header{background:linear-gradient(110deg,#0b1d4d,#081844 68%,#0c2054);border-bottom:1px solid #73bdff35;box-shadow:0 5px 24px #03348718;isolation:isolate;transition:box-shadow .3s}
.site-header:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/brand-grid.svg') right center/170px 147px;opacity:.2;mask-image:linear-gradient(90deg,transparent 15%,#000)}
.site-header.is-scrolled{box-shadow:0 8px 28px #03267340}
.nav-wrap{position:relative}.main-nav>a{color:#d2e3ff}.main-nav>a:before{content:'';position:absolute;inset-inline-start:0;bottom:-13px;height:2px;width:0;background:#65e3ff;transition:width .28s}.main-nav>a:hover:before{width:100%}.main-nav>a[aria-current=page]:after{background:#65e3ff;width:18px;clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}
.nav-actions .button-primary{background:#f5fcff;color:#102650;border-color:#fff;box-shadow:0 3px 12px #04297116}.nav-actions .button-primary:hover{background:#ceefff}.language svg{color:#c5e7ff}.brand{transition:transform .3s}.brand:hover{transform:translateY(-2px)}
.motion-toggle{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #b0dfff40;background:#ffffff09;color:#d5f1ff;border-radius:50%;flex:none;transition:background .2s,border-color .2s}.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:#ffffff1f;border-color:#b0dfff8c}.motion-toggle svg{width:16px;height:16px;stroke-width:2}.motion-toggle .motion-play{display:none}.motion-toggle[aria-pressed=true] .motion-play{display:block}.motion-toggle[aria-pressed=true] .motion-pause{display:none}
.hero{background:radial-gradient(ellipse at 18% 32%,#172d61 0%,transparent 58%),linear-gradient(110deg,#0c2259,#091a48 52%,#081640);isolation:isolate}.hero:before{background:none}.hero>.container,.case-hero>.container,.listing-hero>.container,.site-footer>.container,.expertise-section>.container{position:relative;z-index:1}.hero h1 span{background:linear-gradient(105deg,#d2f7ff 0%,#69e7ff 52%,#45c6ff 100%);color:#79eaff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy p{color:#d3e4ff}.hero .button-primary{background:#fff;color:#102650;box-shadow:0 6px 22px #03267430;border-color:#fff}.hero .button-primary:hover{background:#d9f3ff}.button-outline{border-color:#aacbff66;background:#fff05a00}.button-outline:hover{background:#ffffff13;border-color:#acd6ff}.hero .button-outline{border-color:#b4d4ff70}.hero-bottom{border-top-color:#a8d6ff35;color:#c0d6f8}.hero-bottom strong{color:#ecf7ff}.hero-rail{color:#c5e9ff;top:-7px;left:auto;right:0}.hero-rail:before{background:#7acfff}.hero-note strong{color:#f4fbff}.hero-note p{color:#c5ddff}.hero-note:before{color:#83eaff}
.identity-pattern{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.identity-pattern:before{content:'';position:absolute;inset:-40px;background:url('/assets/brand-grid.svg') center/240px 208px;mask-image:linear-gradient(110deg,#000 15%,#0007 60%,transparent 95%);opacity:.7}
.identity-mosaic{position:absolute;width:660px;height:590px;left:-105px;top:-10px;background:url('/assets/brand-mosaic.svg') center/contain no-repeat;transform:rotate(-8deg);opacity:.86;animation:identity-drift 22s ease-in-out infinite alternate}
.identity-hero{right:29%}.identity-hero:before{opacity:.65}.identity-hero .identity-mosaic{width:760px;height:680px;top:-60px;left:-65px}.identity-facet{position:absolute;display:block;width:68px;aspect-ratio:1.15;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(145deg,#90eeff88,#30beff12);opacity:.5;animation:facet-drift 12s ease-in-out infinite alternate}.facet-one{top:15%;left:13%;width:42px;animation-delay:-4s}.facet-two{top:66%;left:58%;width:90px;opacity:.25;transform:rotate(180deg);animation-delay:-7s}.facet-three{top:30%;left:75%;width:25px;opacity:.6;animation-delay:-2s}
.screen{border-color:#aedaff70;box-shadow:0 28px 65px #00246955,0 1px 0 #ffffff50 inset;will-change:transform}.screen-bar{background:#102551;color:#d2e9ff;border-bottom:1px solid #b7e8ff25}.screen-bar i{background:#95cdff}.screen-main{top:82px;animation:screen-main-drift 9s ease-in-out infinite alternate;z-index:3}.screen-back{top:271px;width:61%;animation:screen-back-drift 10.5s ease-in-out infinite alternate;animation-delay:-3s;z-index:4}.screen-third{width:49%;height:180px;left:-3%;top:9px;transform:rotate(5deg);z-index:1;animation:screen-third-drift 11.5s ease-in-out infinite alternate;animation-delay:-5s}.screen-third img{height:153px}.screen:hover,.screen:focus-visible{animation-play-state:paused;border-color:#d7f8ff;box-shadow:0 30px 70px #00246970}.screen img{transition:scale .7s}.screen:hover img{scale:1.025}.hero-art{animation:none;translate:var(--scene-x,0px) var(--scene-y,0px);transition:translate .7s cubic-bezier(.2,.7,.2,1);will-change:translate}.hero-art .orbit-line{display:none}
.proof-band{position:relative;background:#07163f;border-top:1px solid #4b9bea40}.proof-band:before{content:'';position:absolute;inset:0;background:url('/assets/brand-grid.svg') center/160px 139px;opacity:.14;pointer-events:none}.metrics{position:relative}.metric{border-color:#cbe3ff24}.metric strong{color:#fff}.metric strong b{font:inherit}.metric span{color:#d3e5ff}.metric{transition:translate .3s}.metric:hover{translate:0 -3px}.metric:hover strong{color:#8be9ff}
.eyebrow:before{width:17px;height:15px;clip-path:polygon(50% 0,100% 100%,0 100%);background:currentColor;flex:none}.dark .eyebrow{color:#a0ecff}.client-strip{background:linear-gradient(180deg,#fff,#f8fbff)}.client-name{transition:color .3s,translate .3s}.client-name:hover{color:#1347a4;translate:0 -3px}.section#work{position:relative;isolation:isolate}.section#work:before{content:'';position:absolute;top:10px;inset-inline-end:0;width:330px;height:320px;background:url('/assets/brand-mosaic.svg') center/contain no-repeat;opacity:.2;pointer-events:none;z-index:-1}
.project-card .project-visual{transition:translate .45s,box-shadow .45s,border-color .45s}.project-card:hover .project-visual{translate:0 -6px;border-color:#5d9be7;box-shadow:0 20px 42px #1648941a}.project-info h3{transition:color .3s}.project-card:hover h3{color:#1a3b77}.project-arrow{background:#faffff;border:1px solid #daeaff;transition:background .3s,color .3s,rotate .3s}.project-card:hover .project-arrow{background:#163675;color:#fff;rotate:-6deg}.project-card:focus-visible .project-visual{outline:2px solid #2263eb;outline-offset:4px}.project-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff6 49%,transparent 73%);transform:translateX(-120%);opacity:0}.project-card:hover .project-visual:after{animation:project-sheen .95s ease-out 1}.project-visual.school{background:linear-gradient(140deg,#deefff,#c9dbfa)}.project-visual.app{background-image:url('/assets/brand-grid.svg');background-size:190px 165px;background-blend-mode:multiply}.image-tag{background:#0d2251ec;border-color:#afd9ff50}.reveal-armed{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.expertise-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#102656,#081a47 74%)}.identity-expertise{left:40%;opacity:.5}.identity-expertise .identity-mosaic{left:auto;right:-200px;top:-180px;rotate:180deg}.feature-image{border-color:#9dd9ff55;transition:translate .5s,box-shadow .5s}.feature-image:hover{translate:0 -5px;box-shadow:0 28px 50px #042d7640}.feature-case .text-link{color:#a5f0ff}.sector-line span{border-color:#8fc4ff55;background:#ffffff08;color:#d2eaff}
.services-layout{position:relative}.services-intro:after{content:'';display:block;width:200px;height:125px;margin-top:30px;background:url('/assets/brand-mosaic.svg') center 40%/210px auto no-repeat;opacity:.7;mask-image:linear-gradient(180deg,#000,transparent)}.service-row{transition:background .35s,padding .35s;border-bottom-color:#d6e3f3}.service-row:hover{background:#eaf3ff70;padding-inline:13px}.service-row>svg{width:34px;height:34px;padding:5px;background:#e2edff;border-radius:7px;transition:background .35s,color .35s,rotate .35s}.service-row:hover>svg{background:#183c7e;color:#fff;rotate:-6deg}.service-no{color:#5479b1}.service-row:hover h3{color:#18356e}
.about{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#eef5ff,#e8f0fc);border-color:#cfddf1}.about:before{content:'';position:absolute;inset-inline-start:-210px;bottom:-250px;width:650px;height:650px;background:url('/assets/brand-mosaic.svg') center/contain no-repeat;opacity:.23;z-index:-1}.process{position:relative}.process:before{content:'';position:absolute;top:29px;bottom:28px;inset-inline-start:10px;width:1px;background:linear-gradient(#3c89ed,#c8e1ff)}.process-item{position:relative}.process-item>span{position:relative;z-index:1;padding:4px 0;min-width:24px;text-align:center;align-self:start;background:#eaf2fd;color:#1460c7}.process-item h3{transition:color .3s}.process-item:hover h3{color:#1055b4}.tech-line strong{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;background:#fff8;border:1px solid #ccdcf1;border-radius:5px;transition:translate .3s,color .3s,border-color .3s}.tech-line strong:hover{translate:0 -3px;border-color:#77a8e9;color:#165bbf}
.contact-section{isolation:isolate;background:linear-gradient(105deg,#112858,#0c2050 58%,#081842)}.contact-section:after{display:none}.identity-contact{left:45%;opacity:.72}.identity-contact .identity-mosaic{left:auto;right:-110px;top:-170px;width:650px}.contact-grid .eyebrow{color:#beefff}.contact-grid p{color:#dcf0ff}.button svg{transition:translate .3s}.button:hover svg,.text-link:hover svg{translate:-4px -1px}html[lang=en] .button:hover svg,html[lang=en] .text-link:hover svg{translate:4px -1px}.button-white{color:#102650}.button-white:hover{background:#dff4ff}
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#0a1b49,#0c1f52 46%,#07163f);border-top:1px solid #a8d9ff35}.identity-footer{left:29%;opacity:.6}.identity-footer:before{background-size:180px 156px;opacity:.8;mask-image:linear-gradient(135deg,transparent,#000)}.identity-footer .identity-mosaic{left:auto;right:-100px;top:-240px;width:720px;height:680px;opacity:.65}.identity-footer .identity-facet{opacity:.13}.footer-brand p,.footer-group>a,.footer-group>span,.footer-group p{color:#c4dafa}.footer-group h3{color:#f0f8ff}.footer-bottom{border-top-color:#a9d6ff33;color:#bfd8fc}.footer-group>a{width:fit-content;transition:color .2s,translate .3s}.footer-group>a:hover{color:#9ef3ff;translate:-3px 0}html[lang=en] .footer-group>a:hover{translate:3px 0}.footer-bottom .label-en{color:#a5d5ff}
.listing-hero,.case-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#102653,#081843 72%)}.identity-inner{right:40%;opacity:.6}.identity-inner .identity-mosaic{top:-240px;left:-70px;rotate:15deg}.work-count{color:#8edfff77}.breadcrumb{color:#c0dcff}.case-meta{border-top-color:#a4c9ff45}.case-meta dt{color:#bfd9ff}.case-meta dd{color:#f4faff}.case-title-grid p{color:#d7eaff}.image-dialog{background:#081844;border-color:#72b8ff}.dialog-top{background:#081844}.dialog-top p{color:#e6f5ff}.dialog-top button{background:#152d5d;border-color:#87c7ff60}.gallery-item .gallery-trigger{transition:box-shadow .3s,border-color .3s}.gallery-item .gallery-trigger:hover{border-color:#71a8ed;box-shadow:0 10px 28px #104a9b18}.project-aside{border-top-color:#234881}.gallery{background:linear-gradient(140deg,#eaf3ff,#e5edfa)}
@keyframes screen-main-drift{from{transform:translate3d(0,0,0) rotate(-4deg)}to{transform:translate3d(4px,-11px,0) rotate(-2.5deg)}}
@keyframes screen-back-drift{from{transform:translate3d(0,0,0) rotate(6deg)}to{transform:translate3d(-4px,-10px,0) rotate(4deg)}}
@keyframes screen-third-drift{from{transform:translate3d(0,0,0) rotate(5deg)}to{transform:translate3d(5px,9px,0) rotate(2deg)}}
@keyframes identity-drift{from{transform:translate3d(0,0,0) rotate(-8deg)}to{transform:translate3d(12px,-18px,0) rotate(-4deg)}}
@keyframes facet-drift{from{translate:0 0;opacity:.25}to{translate:10px -18px;opacity:.6}}
@keyframes project-sheen{0%{transform:translateX(-120%);opacity:0}25%{opacity:.55}100%{transform:translateX(120%);opacity:0}}
html[lang=en] .identity-hero{left:29%;right:0}html[lang=en] .identity-inner{left:40%;right:0}html[lang=en] .identity-expertise{left:0;right:40%}
@media(min-width:1550px){.screen-main{top:85px}.screen-back{top:288px}.screen-third{height:193px}.screen-third img{height:166px}}
@media(max-width:1150px){.nav-wrap{gap:20px}.nav-actions{gap:14px}.main-nav{gap:24px}.brand,.brand img{width:150px}.main-nav>a{font-size:14px}.screen-main{top:88px}.screen-back{top:267px;height:205px}.screen-back img{height:178px}.screen-third{height:150px;top:14px}.screen-third img{height:123px}.hero-rail{top:-6px}.hero-note{bottom:-12px}.identity-hero .identity-mosaic{width:650px;left:-150px}.site-header .nav-actions .button{gap:9px;font-size:13px}}
@media(max-width:900px){.brand,.brand img{width:158px}.main-nav{background:linear-gradient(120deg,#0c2051,#081844);border-bottom-color:#8ac8ff55}.main-nav>a{font-size:17px}.main-nav>a:before{display:none}.nav-actions{gap:15px}.screen-main{top:79px}.screen-back{top:230px;height:176px}.screen-back img{height:149px}.screen-third{top:10px;height:123px;width:53%}.screen-third img{height:96px}.hero-rail{font-size:8px;letter-spacing:1px;top:-12px}.identity-hero .identity-mosaic{width:590px;top:-20px;left:-160px}.identity-footer{left:15%}.services-intro:after{width:160px;height:105px}.identity-facet.facet-two{width:58px}.hero-note{display:none}}
@media(max-width:640px){.brand,.brand img{width:142px}.nav-wrap{gap:13px}.nav-actions{gap:11px}.motion-toggle{width:31px;height:31px}.hero-grid{gap:0}.hero-art{height:394px;margin-top:34px;max-width:425px}.hero-rail{top:-11px;font-size:8px;right:0}.screen-main{top:69px;height:243px;width:87%;left:11%}.screen-main img{height:216px}.screen-back{top:211px;height:166px;width:61%;left:0}.screen-back img{height:139px}.screen-third{width:52%;height:135px;top:0;left:0}.screen-third img{height:108px}.screen-bar{font-size:8px}.identity-hero{right:0;top:34%;opacity:.9}.identity-hero .identity-mosaic{width:590px;height:530px;top:-10px;left:-125px}.identity-hero:before{background-size:190px 165px;mask-image:linear-gradient(0deg,#000,transparent)}.identity-hero .facet-one{left:4%;top:13%}.identity-hero .facet-three{left:89%;top:34%}.identity-hero .facet-two{left:84%;top:75%;width:48px}.hero-bottom{font-size:10px}.hero-bottom>span:nth-child(2){max-width:175px;text-align:center}.metric span{font-size:12px}.section#work:before{width:180px;height:180px;opacity:.17;top:15px}.project-card:hover .project-visual{translate:0 -3px}.services-intro:after{display:none}.service-row:hover{padding-inline:0}.identity-expertise{left:0;top:5%;opacity:.38}.identity-expertise .identity-mosaic{right:-230px;top:20px}.identity-contact{left:22%;opacity:.5}.identity-contact .identity-mosaic{right:-220px;top:-15px}.identity-footer{left:0;opacity:.33}.identity-footer .identity-mosaic{right:-300px;top:80px}.identity-inner{right:10%;opacity:.4}.identity-inner .identity-mosaic{width:500px;height:450px;left:-195px;top:-130px}.case-meta{position:relative}.footer-bottom .label-en{font-size:10px;letter-spacing:1.5px}.tech-line{gap:13px 14px}.tech-line strong{font-size:14px;padding:6px 10px}.about:before{width:410px;height:410px;bottom:-120px}.process:before{top:0}.service-row>svg{width:30px;height:30px;padding:4px}.main-nav>a{font-size:17px}html[lang=en] .identity-hero{left:0;right:0}html[lang=en] .identity-inner{left:0;right:0}html[lang=en] .identity-expertise{left:0;right:0}}
@media(max-width:370px){.container.nav-wrap{width:calc(100% - 32px)}.nav-wrap{gap:8px}.brand,.brand img{width:120px}.nav-actions{gap:8px}.language{font-size:12px;gap:5px}.language svg{width:15px}.menu-toggle{width:38px;height:38px}.motion-toggle{width:29px;height:29px}.hero-art{height:366px}.screen-main{height:222px}.screen-main img{height:195px}.screen-back{top:199px;height:151px}.screen-back img{height:124px}.screen-third{height:119px}.screen-third img{height:92px}}
.motion-offscreen .identity-mosaic,.motion-offscreen .identity-facet,.motion-offscreen .screen,.motion-suspended *{animation-play-state:paused!important}
.motion-disabled *,.motion-disabled *:before,.motion-disabled *:after{animation:none!important;transition:none!important}.motion-disabled .hero-art{translate:none}.motion-disabled .reveal-armed{opacity:1;transform:none}.motion-disabled .screen-main{transform:rotate(-4deg)}.motion-disabled .screen-back{transform:rotate(6deg)}.motion-disabled .screen-third{transform:rotate(5deg)}
@media(prefers-reduced-motion:reduce){.identity-pattern *,.screen,.hero-art,.project-visual:after{animation:none!important;transition:none!important}.hero-art{translate:none}.screen-main{transform:rotate(-4deg)}.screen-back{transform:rotate(6deg)}.screen-third{transform:rotate(5deg)}.reveal-armed{opacity:1;transform:none}}

/* Saturated royal navy, with restrained cyan identity accents. */
.dark .identity-pattern,.contact-section .identity-pattern,.site-footer .identity-pattern{filter:saturate(.7) brightness(.68)}
.hero h1 span{background:linear-gradient(105deg,#d0f1f8,#8fd5e5 60%,#66bed4);color:#8fd5e5;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero,.expertise-section,.listing-hero,.case-hero,.contact-section,.site-footer{background-color:#081844}
.site-header{background-color:#081844;box-shadow:0 5px 24px #030b231c}
.site-header.is-scrolled{box-shadow:0 8px 28px #030b2350}
.hero .button-outline{background:#09193e20;border-color:#abc7e45c}
.screen{box-shadow:0 28px 65px #020a254d,0 1px 0 #ffffff38 inset}
.screen:hover,.screen:focus-visible{box-shadow:0 30px 70px #020a2560}

/* A restrained identity: one quiet motif, generous clear surfaces. */
.site-header:before,.proof-band:before,.section#work:before,.services-intro:after,.about:before{display:none}
.identity-pattern:before,.identity-facet{display:none}
.hero .identity-hero{opacity:.14;filter:none;top:0;left:0;right:43%}
.hero .identity-hero .identity-mosaic{width:460px;height:415px;top:65px;left:-110px;opacity:1;animation:none;transform:rotate(-8deg)}
.project-visual.app{background-image:none}
.brand img{mix-blend-mode:normal;background:transparent;filter:none}
html[lang=en] .hero .identity-hero{left:43%;right:0}
@media(max-width:640px){.hero .identity-hero{top:43%;right:0;left:0;opacity:.1}.hero .identity-hero .identity-mosaic{width:325px;height:295px;left:-115px;top:35px}html[lang=en] .hero .identity-hero{left:0;right:0}}

/* Original partner artwork, arranged as an open gallery. */
.client-strip{padding:76px 0 80px;background:#fff;border-bottom:1px solid #e5eaf1}
.partners-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:38px}
.partners-intro h2{font-size:39px;line-height:1.45;margin:0}
.partners-intro h2 span{color:#47617c}
.partners-intro p{font-size:16px;line-height:1.9;color:#60718a;max-width:330px;margin:0 0 7px}
.partners-gallery{background:#081844;border-radius:18px;padding:12px 48px;isolation:isolate}
.partner-band{display:grid;grid-template-columns:145px minmax(0,1fr);gap:42px;align-items:center;padding:35px 0;background:#081844}
.partner-band+.partner-band{border-top:1px solid #aec4e51f}
.partner-band-label{display:flex;flex-direction:column;gap:12px}
.partner-index{font:400 14px/1.3 Arial,sans-serif;letter-spacing:2px;color:#75bfd8}
.partner-band h3{font-size:14px;line-height:1.9;font-weight:500;color:#d0dff1;margin:0;max-width:140px}
.partner-logos{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:space-around;gap:38px;min-width:0}
.partner-logo{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}
.partner-logo img{display:block;width:225px;max-width:100%;height:92px;object-fit:contain;mix-blend-mode:lighten;filter:contrast(1.25);transition:transform .45s}
.partner-logo:nth-child(2) img{transform:translateY(-5px)}
.partner-logo:hover img{transform:translateY(-7px)}
.partner-qarar{flex:.72}
.partner-qarar img{width:122px;height:96px}
.partner-acca{flex:1.15}
.partner-band-2 .partner-logos{padding-inline:18px 0}
.partner-band-3 .partner-logos{gap:27px}
.partner-band-3 .partner-logo img{width:182px;height:82px}

/* A borderless technology composition in three gently staggered tracks. */
.technology-section{padding:85px 0 88px;background:#fff}
.technology-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:78px}
.technology-copy{min-width:0}
.technology-copy h2{font-size:37px;line-height:1.6;margin-bottom:20px}
.technology-copy p{font-size:16px;line-height:1.9;color:#60718a;max-width:320px;margin:0}
.technology-composition{min-width:0;padding:12px 0}
.technology-track{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:25px;padding:25px 0 29px}
.technology-track+ .technology-track{border-top:1px solid #e5edf3}
.technology-track:nth-child(2){margin-inline:45px 0}
.technology-track:nth-child(3){margin-inline:17px 23px}
.technology-track h3{font-size:14px;line-height:1.8;font-weight:500;color:#64788e;margin:0}
.technology-grid{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;margin:0;padding:0;direction:ltr;min-width:0}
.technology-item{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:11px;text-align:center}
.technology-item:nth-child(even){padding-top:13px}
.technology-icon{display:flex;align-items:center;justify-content:center;width:64px;max-width:100%;height:57px;background:none;border:0;border-radius:0;animation:technology-float 8s ease-in-out infinite;animation-delay:var(--float-delay,0s);transition:scale .3s}
.technology-icon img{display:block;width:43px;height:43px;max-width:100%;object-fit:contain}
.technology-icon>svg{width:43px;height:43px;color:#e57322}
.technology-oracle .technology-icon img,.technology-aws .technology-icon img{width:64px;height:50px}
.technology-php .technology-icon img{width:53px;height:47px}
.technology-ios .technology-icon img{width:37px;height:43px}
.technology-mysql .technology-icon img{width:48px;height:45px}
.technology-name{font:400 14px/1.5 Arial,sans-serif;color:#334e6d;max-width:110px}
.technology-item:hover .technology-icon{scale:1.12}
@keyframes technology-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
.motion-offscreen .technology-icon{animation-play-state:paused}
@media(max-width:1150px){
 .partners-gallery{padding-inline:32px}.partner-band{grid-template-columns:116px minmax(0,1fr);gap:30px}.partner-logos{gap:24px}.partner-band-3 .partner-logos{gap:19px}
 .technology-layout{gap:40px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.technology-copy h2{font-size:32px}.technology-track{grid-template-columns:75px minmax(0,1fr);gap:18px}.technology-grid{gap:12px}.technology-track:nth-child(2){margin-inline-start:20px}.technology-track:nth-child(3){margin-inline:0 12px}
}
@media(max-width:900px){
 .client-strip{padding:58px 0 62px}.partners-intro{gap:35px}.partners-intro h2{font-size:33px}.partners-intro p{max-width:290px}
 .partner-band{grid-template-columns:1fr;gap:19px;padding-block:27px}.partner-band-label{flex-direction:row;align-items:center;gap:15px}.partner-band h3{max-width:none}.partner-logos{padding-inline:14px}.partner-band-2 .partner-logos{padding-inline:37px 0}.partner-logo img{height:80px}.partner-qarar img{height:90px}
 .technology-section{padding:66px 0}.technology-layout{grid-template-columns:1fr;gap:27px}.technology-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:center}.technology-copy .eyebrow{grid-column:1/-1}.technology-copy h2{margin:0;line-height:1.5}.technology-copy p{justify-self:end}.technology-composition{padding:0;max-width:730px;width:100%;margin-inline:auto}.technology-track{grid-template-columns:110px minmax(0,1fr);padding-block:24px}.technology-track:nth-child(2){margin-inline:40px 0}.technology-track:nth-child(3){margin-inline:15px 25px}
}
@media(max-width:640px){
 .feature-case{row-gap:32px;padding-block:50px}.feature-case h2{font-size:30px}.feature-case p{font-size:16px}.feature-case .text-link{max-width:100%;font-size:16px}.sector-line{flex-wrap:wrap}
 .client-strip{padding:47px 0 50px}.partners-intro{display:block;margin-bottom:28px}.partners-intro h2{font-size:31px}.partners-intro p{font-size:16px;max-width:320px;margin-top:18px}.partners-gallery{padding:4px 22px;border-radius:13px}.partner-band{gap:21px;padding:25px 0}.partner-band-label{gap:12px}.partner-band h3{font-size:14px}.partner-logos,.partner-band-2 .partner-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;padding:0}.partner-logo img{width:180px;height:67px}.partner-logo:nth-child(2) img{transform:translateY(-3px)}.partner-logo:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:72%;max-width:240px}.partner-logo:last-child:nth-child(odd) img{width:100%;height:66px}.partner-qarar img{width:90px;height:74px}.partner-band-3 .partner-logos{gap:20px 22px}.partner-band-3 .partner-logo img{height:70px;width:166px}
 .technology-section{padding:48px 0 52px}.technology-copy{display:block}.technology-copy h2{font-size:30px;margin-bottom:16px}.technology-copy p{max-width:300px}.technology-layout{gap:23px}.technology-track{grid-template-columns:1fr;gap:18px;padding:23px 0}.technology-track h3{font-size:14px}.technology-track:nth-child(2){margin-inline:22px 0}.technology-track:nth-child(3){margin-inline:0 15px}.technology-grid{gap:12px}.technology-icon{height:49px;width:58px}.technology-icon img{width:38px;height:38px}.technology-icon>svg{width:38px;height:38px}.technology-name{font-size:14px}.technology-item:nth-child(even){padding-top:10px}
}
@media(prefers-reduced-motion:reduce){.technology-icon{animation:none}.partner-logo img{transition:none}}

/* Quote intake shares the site's navy, spacing and typographic rhythm. */
[hidden]{display:none!important}
.main-nav .nav-quote{display:none}
.quote-hero{background:#081844;padding:46px 0 62px}
.quote-hero .breadcrumb{display:flex;gap:17px;align-items:center;margin-bottom:34px;font-size:14px}
.quote-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:65px;align-items:end}
.quote-heading h1{font-size:48px;line-height:1.55;color:#fff}
.quote-heading h1 span{color:#99d6e5}
.quote-heading p{font-size:17px;line-height:1.95;color:#cbdcef;max-width:355px;margin-bottom:12px}
.quote-section{padding:74px 0 86px;background:#f6f8fc}
.quote-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:78px;align-items:start}
.quote-guide{position:sticky;top:128px}
.quote-guide h2{font-size:32px;line-height:1.6;margin-bottom:30px}
.quote-steps{list-style:none;padding:0;margin:0;display:grid;gap:27px}
.quote-steps li{display:flex;gap:20px;align-items:flex-start}
.quote-steps li>span{font:400 14px/2 Arial,sans-serif;color:#557896;border-bottom:1px solid #9dbbcc;flex:none;padding:1px 0 5px}
.quote-steps h3{font-size:17px;font-weight:600;margin-bottom:5px}
.quote-steps p{font-size:16px;line-height:1.85;max-width:310px;color:#62738c}
.quote-direct{border-top:1px solid #d4dfeb;margin-top:35px;padding-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.quote-direct p{font-size:15px;margin-bottom:5px}
.quote-direct a{font:400 16px/1.9 Arial,sans-serif;color:#173963}
.quote-direct a:hover{text-decoration:underline}
.quote-workspace{min-width:0}
.quote-form{padding:37px 38px;background:white;border:1px solid #dbe4ed;border-radius:14px;box-shadow:0 10px 40px #0c204906}
.quote-form-intro{margin-bottom:30px}
.quote-form-intro h2{font-size:27px;margin-bottom:8px}
.quote-form-intro p{font-size:14px;color:#697b92}
.quote-form fieldset{min-width:0;margin:0;padding:0;border:0}
.quote-form fieldset+fieldset{margin-top:33px;padding-top:27px;border-top:1px solid #e2e8f0}
.quote-form legend{font-size:18px;font-weight:600;padding:0;margin:0 0 22px;display:flex;gap:14px;align-items:center}
.quote-form legend>span{font:400 13px Arial,sans-serif;letter-spacing:1px;color:#7891ac}
.quote-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 20px}
.quote-field{min-width:0;display:flex;flex-direction:column;gap:8px}
.quote-field-full{grid-column:1/-1}
.quote-field label{font-size:14px;font-weight:600;color:#233b5f;line-height:1.8}
.quote-field label>span{color:#44617e}
.quote-field label small{font-size:12px;color:#718198;font-weight:400}
.quote-field input,.quote-field select,.quote-field textarea{width:100%;min-width:0;max-width:100%;border:1px solid #cbd7e4;border-radius:7px;background:#fff;color:#142e51;padding:12px 13px;font:400 16px/1.6 Cairo,Arial,sans-serif;outline-offset:3px;transition:border-color .2s,box-shadow .2s}
.quote-field input,.quote-field select{min-height:52px}
.quote-field textarea{resize:vertical;min-height:166px;max-height:540px}
.quote-field input::placeholder,.quote-field textarea::placeholder{color:#8a99ad;opacity:1}
.quote-field input:focus,.quote-field select:focus,.quote-field textarea:focus{border-color:#427ea7;box-shadow:0 0 0 3px #5cb6d316;outline:2px solid transparent}
.quote-field [aria-invalid=true]{border-color:#aa394d;box-shadow:none}
.field-error{color:#a32d43;font-size:13px;line-height:1.7;display:block}
.field-error:empty{display:none}
.quote-input-help{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#73849a;line-height:1.6}
.quote-reference{padding-inline-start:15px;border-inline-start:2px solid #7cc9dc;display:flex;gap:6px;flex-direction:column;font-size:14px;color:#596f88}
.quote-reference strong{font-size:15px;color:#173758;font-weight:600}
.quote-scope-note{font-size:14px;line-height:1.85;margin-top:22px;color:#687a91}
.quote-form-actions{margin-top:29px;padding-top:25px;border-top:1px solid #e2e8f0}
.quote-form-actions>p:first-child{font-size:14px;line-height:1.8;color:#65788f;margin-bottom:20px}
.quote-form .button-primary,.quote-review .button-primary{background:#102c5b;border:1px solid #102c5b;color:#fff;min-height:54px;white-space:normal;text-align:center}
.quote-form .button-primary:hover,.quote-review .button-primary:hover{background:#173e74;border-color:#173e74}
.quote-form button:disabled{opacity:.55;cursor:not-allowed}
.quote-form-actions .button{width:100%;justify-content:center;gap:18px}
.quote-form-actions .button>span{font-size:23px;font-family:Arial,sans-serif;font-weight:400}
.quote-status{font-size:14px;color:#65778f;margin-top:12px}
.quote-status:empty{display:none}
.quote-review{margin-top:25px;padding:32px 35px;background:#fff;border:1px solid #aecddc;border-radius:14px;scroll-margin-top:116px}
.quote-review h2{font-size:27px;line-height:1.6;margin-bottom:10px}
.quote-review>p{font-size:16px}
.quote-message{font:400 15px/1.85 Cairo,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7fb;border-inline-start:2px solid #79baca;margin:24px 0;padding:20px;color:#294364;max-height:430px;overflow:auto;text-align:start}
.quote-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.quote-copy,.quote-edit{border:0;background:transparent;color:#315577;font:400 14px/1.8 Cairo,Arial,sans-serif;padding:9px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.quote-review-heading:focus{outline:none}
.listing-hero .breadcrumb{display:flex;gap:13px;align-items:center;font-size:14px;margin-bottom:28px}
.listing-hero .breadcrumb svg{width:15px;height:15px}

/* Visible answers and their structured data use the same content. */
.faq-section{padding:72px 0 78px;background:#f5f8fc;border-top:1px solid #e2eaf3}
.faq-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:78px;align-items:start}
.faq-layout h2{font-size:34px;line-height:1.65;margin-bottom:23px}
.faq-list{min-width:0}
.faq-list details{border-top:1px solid #d1dfea;padding:21px 0}
.faq-list details:last-child{border-bottom:1px solid #d1dfea}
.faq-list summary{font-size:17px;font-weight:600;line-height:1.8;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;color:#193756}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font:400 26px/1.1 Arial,sans-serif;color:#7390ac;flex:none;transition:rotate .25s}
.faq-list details[open] summary>span{rotate:45deg}
.faq-list details p{font-size:16px;line-height:1.95;color:#5b718b;padding-top:15px;padding-inline-end:36px}
@media(max-width:1150px){.quote-layout,.faq-layout{gap:45px}.quote-heading{gap:45px}.quote-heading h1{font-size:40px}.quote-form{padding:30px 27px}.quote-fields{gap:18px 15px}.quote-guide h2{font-size:29px}.quote-guide{top:115px}.quote-field label{font-size:14px}}
@media(max-width:900px){.main-nav .nav-quote{display:block}.quote-heading{grid-template-columns:1fr;gap:23px}.quote-heading p{max-width:530px}.quote-layout{grid-template-columns:1fr;gap:35px}.quote-guide{position:static}.quote-guide>.eyebrow,.quote-guide>h2,.quote-guide .quote-steps{display:none}.quote-direct{margin:0;padding:0;border:0;display:flex;flex-direction:row;gap:14px 26px;flex-wrap:wrap;align-items:center}.quote-direct p{margin:0}.quote-section{padding:43px 0 65px}.quote-form{padding:34px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-layout h2{font-size:31px}.faq-layout h2 br{display:none}.faq-section{padding:58px 0}.quote-review{scroll-margin-top:100px}}
@media(max-width:640px){.quote-hero{padding:29px 0 39px}.quote-hero .breadcrumb{margin-bottom:24px}.quote-heading h1{font-size:31px;line-height:1.7}.quote-heading p{font-size:16px}.quote-heading{gap:19px}.quote-section{padding:30px 0 46px}.quote-direct{gap:7px 22px}.quote-direct p{width:100%;font-size:14px}.quote-direct a{font-size:14px}.quote-layout{gap:27px}.quote-form{padding:25px 20px;border-radius:11px}.quote-form-intro h2{font-size:25px}.quote-form-intro{margin-bottom:23px}.quote-fields{grid-template-columns:1fr;gap:18px}.quote-form legend{font-size:17px;gap:11px}.quote-form fieldset+fieldset{margin-top:28px;padding-top:23px}.quote-field label{font-size:15px}.quote-review{padding:25px 20px;border-radius:11px}.quote-review h2{font-size:24px}.quote-review-actions .button{width:100%;justify-content:center;font-size:15px}.quote-message{padding:15px;font-size:14px}.quote-input-help{font-size:12px}.faq-section{padding:44px 0 48px}.faq-layout{gap:27px}.faq-layout h2{font-size:28px}.faq-list summary{font-size:16px;gap:17px}.faq-list details p{padding-inline-end:0}.faq-list details{padding:19px 0}}
/* Portfolio rhythm, readable content and consistent interaction states. */
:root{scrollbar-gutter:stable}
main:focus{outline:none}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:normal}
.project-summary,.service-row p,.process-item p,.story-pair p,.capabilities li,.aside-contact p{font-size:1rem}
.project-info p,.metric span,.foundation span,.sector-line span,.case-meta dt,.case-meta dd,.tech-tags span{font-size:.875rem}
.project-aside>p{font-size:1rem;line-height:1.9}
.project-note{font-size:.875rem!important;line-height:1.95}
.hero-note p,.image-tag{font-size:.75rem}
.hero-copy .eyebrow,html[lang=en] .hero-copy .eyebrow{font-size:.875rem}
.breadcrumb{font-size:.875rem}
.project-details,.project-info>div,.footer-group{min-width:0}
.project-info .year{color:#596b83;font-size:.8125rem}
.project-card:focus-visible{border-radius:12px;outline-offset:8px}
.project-card:focus-visible .project-arrow{background:var(--blue);color:white}
.project-card:focus-visible .project-visual>img{transform:scale(1.025)}
.portfolio-group+.portfolio-group{margin-top:86px}
.portfolio-group-head{display:flex;align-items:center;gap:24px;border-top:1px solid #c7d2e1;padding-top:24px;margin-bottom:34px}
.portfolio-group-index{font:400 2.6rem/1 Arial,sans-serif;color:#677e9d;letter-spacing:-2px}
.portfolio-group-head h2{font-size:clamp(1.5rem,2.2vw,2rem);flex:1}
.portfolio-group-count{font-size:.875rem;color:#657287;white-space:nowrap}
.portfolio-group .project-grid>.project-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.portfolio-group .project-grid>.project-card:last-child:nth-child(odd) .project-info{margin-top:0}
.portfolio-group .project-grid>.project-card:last-child:nth-child(odd) .project-details{padding:20px 24px}
.about .about-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}
.about .process{margin-top:10px}
.about .process-item:first-child{padding-top:0}
.about .process-item:last-child{border-bottom:0;padding-bottom:0}
.menu-toggle span{display:flex;align-items:center;justify-content:center}
.menu-toggle .menu-close-icon{display:none}
.menu-toggle[aria-expanded=true] .menu-close-icon{display:flex}
.menu-toggle[aria-expanded=true] .menu-open-icon{display:none}
.language{min-height:44px;min-width:44px;justify-content:center}
.motion-toggle{width:44px;height:44px}
.screen:focus-visible{animation-play-state:paused;outline:3px solid #a5f0ff;outline-offset:5px}
.footer-group a[dir=ltr]{overflow-wrap:anywhere}
.quote-field input,.quote-field select,.quote-field textarea{scroll-margin-top:130px}
.quote-status:empty{display:none}
.gallery-trigger{display:block}
.visual-caption .image-open{min-width:44px;min-height:44px;justify-content:center}
.gallery-open{overflow:hidden}
.image-dialog{width:min(1200px,96vw);height:min(920px,92dvh);max-height:92dvh;overflow:hidden;border-color:#40547b}
.image-dialog[open]{display:flex;flex-direction:column}
.dialog-top{flex:none;position:relative;min-height:68px;border-bottom:1px solid #ffffff1c;padding:12px 20px}
.dialog-top p{font-size:.875rem;line-height:1.8}
.dialog-top button{width:44px;height:44px}
.dialog-canvas{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;background:#0b1732}
.dialog-canvas img{width:100%;height:auto;display:block}
.dialog-bottom{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;border-top:1px solid #ffffff1c;background:#081844}
.gallery-controls{display:flex;align-items:center;gap:15px}
.gallery-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;color:#fff;border:1px solid #607598;border-radius:50%}
.gallery-controls button:disabled{opacity:.3;cursor:default}
.gallery-controls button:not(:disabled):hover{background:#193361;border-color:#a5f0ff}
.gallery-controls span{font-size:.875rem;color:#d6e5f7;min-width:100px;text-align:center;font-variant-numeric:tabular-nums}
.dialog-bottom>a{display:inline-flex;align-items:center;gap:12px;color:#a5f0ff;font-size:.875rem;min-height:44px}
.dialog-bottom>a svg{width:18px;height:18px}
.gallery-error{padding:48px 24px;text-align:center;color:#d6e5f7;font-size:1rem}
@media(max-width:900px){
 .main-nav{top:100%;max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;border:1px solid #53668b;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 24px 40px #030a202b}
 .menu-toggle{width:44px;height:44px;flex:none}
 .site-header:not(.navigation-ready){height:auto}
 .site-header:not(.navigation-ready) .nav-wrap{flex-wrap:wrap;padding-block:12px}
 .site-header:not(.navigation-ready) .main-nav{display:flex;position:static;flex-basis:100%;order:3;max-height:none;border:0;box-shadow:none;padding:12px;gap:0}
 .site-header:not(.navigation-ready) .menu-toggle{display:none}
 .feature-case p,.about-copy>p,.case-main p,.listing-hero p{font-size:1rem}
 .about .about-grid{grid-template-columns:1fr;gap:40px}
 .about .process{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 35px}
 .about .process:before{display:none}
 .about .process-item{padding:0;border:0}
 .portfolio-group .project-grid>.project-card:last-child:nth-child(odd) .project-details{padding:8px}
 .quote-field input,.quote-field select,.quote-field textarea{scroll-margin-top:105px}
}
@media(max-width:640px){
 .nav-actions{gap:6px}
 .motion-toggle{width:44px;height:44px}
 .hero-rail{font-size:.75rem;letter-spacing:.5px}
 .hero-bottom,.footer-bottom .label-en{font-size:.75rem}
 .project-info p,.metric span,.case-meta dt,.case-meta dd,.gallery-item figcaption{font-size:.875rem}
 .project-summary,.service-row p,.process-item p,.story-pair p,.capabilities li{font-size:1rem}
 .project-info{gap:12px}
 .project-info h3{font-size:1.375rem}
 .project-info .year{padding-top:8px}
 .portfolio-group+.portfolio-group{margin-top:52px}
 .portfolio-group-head{gap:14px;padding-top:20px;margin-bottom:25px;align-items:start;flex-wrap:wrap}
 .portfolio-group-index{font-size:2rem;margin-top:3px}
 .portfolio-group-head h2{font-size:1.375rem;flex-basis:calc(100% - 64px)}
 .portfolio-group-count{margin-inline-start:48px;margin-top:-8px}
 .portfolio-group .project-grid>.project-card:last-child:nth-child(odd){display:block}
 .portfolio-group .project-grid>.project-card:last-child:nth-child(odd) .project-details{padding:0}
 .portfolio-group .project-grid>.project-card:last-child:nth-child(odd) .project-info{margin-top:20px}
 .about .process{grid-template-columns:1fr;gap:26px}
 .visual-caption{font-size:.8125rem;align-items:center}
 .visual-caption .image-open{font-size:0;flex:none}
 .dialog-top{padding:10px 12px;gap:12px}
 .dialog-top p{font-size:.875rem}
 .dialog-bottom{padding:10px 12px;gap:8px;flex-wrap:wrap}
 .gallery-controls{gap:8px}
 .gallery-controls span{min-width:90px;font-size:.8125rem}
 .dialog-bottom>a{gap:7px;font-size:.8125rem}
 .image-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:92dvh}
}
@media(max-width:370px){
 .nav-wrap{gap:8px}.nav-actions{gap:2px}.brand,.brand img{width:110px}
 .language{font-size:.875rem;gap:5px}.motion-toggle{width:44px;height:44px}
 .dialog-bottom>a{margin-inline-start:auto}
}