:root{--navy:#1F3D57;--blue:#32609A;--mid:#285C80;--cyan:#36FFED;--teal:#218C92;--paper:#F5F8FA;--body:'Noto Kufi Arabic',sans-serif;--title:'Tajawal',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--body);font-size:14px;line-height:2}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--title);font-weight:700;line-height:1.16}h2{white-space:pre-line}.latin{font-family:Inter,sans-serif;direction:ltr;letter-spacing:.12em;font-size:11px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:var(--navy);padding:12px}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;width:100%;height:115px;padding:18px 5%;z-index:20;display:flex;align-items:center;gap:65px;color:white;border-bottom:1px solid #ffffff24}.brand img{width:62px;height:auto}.header nav{display:flex;gap:36px;font-size:12px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-5px;right:0;width:0;height:1px;background:var(--cyan);transition:width .3s}.header nav a:hover:after{width:100%}.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:28px}#language{background:transparent;border:0;color:white;font:12px Inter,sans-serif;letter-spacing:.1em;padding:12px}.nav-contact{display:flex;align-items:center;gap:30px;border:1px solid #ffffff60;padding:8px 22px;font-size:12px;transition:.3s}.nav-contact:hover{color:var(--navy);background:var(--cyan);border-color:var(--cyan)}#menu{display:none}.hero{position:relative;min-height:800px;height:100svh;max-height:1160px;overflow:hidden;background:var(--navy);color:white}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(270deg,rgba(31,61,87,.96) 5%,rgba(31,61,87,.72) 45%,rgba(31,61,87,.08) 100%),linear-gradient(0deg,rgba(31,61,87,.8),transparent 45%),url('assets/architecture.jpg');background-size:cover;background-position:center;animation:heroPhoto 2s ease-out both}.hero-photo:after{content:'';position:absolute;inset:0;background:#32609A;mix-blend-mode:color;opacity:.45}.hero-grid{position:absolute;inset:0 5%;border-right:1px solid #ffffff09;border-left:1px solid #ffffff09;pointer-events:none}.hero-content{position:relative;padding:185px 8% 145px;width:79%;z-index:2}.eyebrow{font-size:11px;display:flex;align-items:center;gap:12px;letter-spacing:.02em;margin-bottom:33px;animation:enter 1s .1s both}.dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px #36ffed70}h1{font-size:clamp(64px,6.9vw,112px);line-height:1.17;letter-spacing:-.025em}h1>span{display:block;animation:enter 1.2s both}h1>span:nth-child(2){animation-delay:.14s}h1>span:nth-child(3){animation-delay:.28s}.accent{color:var(--cyan)}.hero-description{display:flex;gap:45px;align-items:flex-end;margin-top:30px;animation:enter 1.2s .5s both}.hero-description p{font-size:12px;max-width:280px;color:#e2e9ee;line-height:2.2}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:22px;white-space:nowrap}.circle-arrow{border:1px solid #ffffff70;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:24px;transition:.3s}.text-link:hover .circle-arrow{background:var(--cyan);border-color:var(--cyan);color:var(--navy);transform:rotate(-45deg)}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid #ffffff30;color:#d7e4ed;z-index:3}.hero-bottom>a{display:flex;gap:24px;font-size:10px}.hero-index{opacity:.6}.image-caption{position:absolute;left:5%;top:50%;writing-mode:vertical-rl;opacity:.7}.section{padding:100px 8%}.section-label{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--teal);line-height:2}.section-label .latin{font-size:10px}.intro{background:var(--paper);padding-top:110px;padding-bottom:38px}.intro-main{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:end;margin-top:55px}.statement{font-size:clamp(35px,4.5vw,70px);line-height:1.35}.intro-copy{display:flex;gap:22px}.intro-copy p{font-size:12px;line-height:2.6;color:#536a7b}.line-mark{flex:0 0 30px;height:2px;background:var(--blue);margin-top:15px}.intro-foot{margin-top:75px;padding-top:25px;border-top:1px solid #1f3d5726;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#597184}.intro-foot .latin{font-size:9px}.expertise{background:white;display:grid;grid-template-columns:1fr 1.35fr;gap:9%;padding-top:110px;padding-bottom:115px}.expertise h2{font-size:clamp(36px,4.2vw,65px);margin-top:44px}.services{border-top:1px solid #1f3d5729}details{border-bottom:1px solid #1f3d5729}summary{display:flex;align-items:center;gap:24px;padding:30px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:700;line-height:1.8}summary::-webkit-details-marker{display:none}.service-number{font-size:10px;font-weight:400;color:var(--teal)}.plus{position:relative;width:20px;height:20px;margin-inline-start:auto;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:var(--blue);width:14px;height:1px;top:10px;left:3px;transition:transform .25s}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}details[open] summary{color:var(--blue)}.service-content{padding:0 40px 30px 0}.service-content p{font-size:12px;line-height:2.5;color:#5c7181;max-width:440px}.service-content .text-link{margin-top:24px;color:var(--teal);font-size:10px}.service-content .text-link span:last-child{font-size:22px}.approach{position:relative;background:var(--navy);color:white;overflow:hidden}.approach:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff08;border-radius:50%;right:-300px;top:-300px;box-shadow:0 0 0 100px #ffffff03,0 0 0 200px #ffffff02;pointer-events:none}.approach .section-label{color:var(--cyan)}.approach-title{display:flex;align-items:flex-end;justify-content:space-between;gap:80px;margin-top:46px}.approach h2{font-size:clamp(40px,4.8vw,75px)}.approach-title p{max-width:340px;font-size:12px;color:#bfd0dc;line-height:2.5}.process{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px}.process article{padding-inline-end:50px;position:relative}.process-number{color:#8fa9bb;font-size:12px}.process-node{position:relative;height:1px;background:#ffffff30;width:calc(100% + 50px);margin:22px 0 30px}.process article:last-child .process-node{width:100%}.process-node:before{position:absolute;content:'';width:7px;height:7px;right:0;top:-3px;background:var(--cyan);border-radius:50%}.process h3{font-size:17px;font-weight:700;margin-bottom:15px}.process p{font-size:11px;line-height:2.4;color:#b7ccda;max-width:260px}.perspective{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:var(--paper)}.perspective-image{background:linear-gradient(#1f3d5725,#1f3d5725),url('assets/architecture.jpg') 22% 50%/cover;order:2}.perspective-content{padding:90px 16%;display:flex;flex-direction:column;justify-content:center}.perspective h2{font-size:clamp(50px,6vw,90px);margin-top:45px}.perspective p{font-size:12px;line-height:2.5;color:#5c7181;margin-top:30px}.contact{background:var(--blue);color:white;padding-top:85px;padding-bottom:65px}.contact .section-label{color:#d0e4f3}.contact-title{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:50px}.contact-title h2{font-size:clamp(65px,8.5vw,130px);line-height:1.12}.contact-title>span{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;border:1px solid #ffffff50;color:var(--cyan);font:100px Inter,sans-serif;transition:.4s}.contact-title:hover>span{background:var(--cyan);color:var(--navy);transform:rotate(-10deg)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:50px;border-top:1px solid #ffffff40;padding-top:30px}.contact-bottom p{font-size:12px}.button{display:flex;gap:42px;align-items:center;padding:15px 25px;background:var(--cyan);color:var(--navy);font-size:11px;transition:.2s}.button:hover{background:white}.button>span:last-child{font:24px Inter,sans-serif}.contact-note{font-size:9px;color:#cedceb;text-align:end;margin-top:15px}footer{padding:50px 8% 20px;background:var(--navy);color:white}.footer-main{display:flex;align-items:center;gap:50px;padding-bottom:45px}.footer-main p{font-size:12px;margin-bottom:8px}.footer-main span{font-size:10px;color:#a8bfce}.footer-contact{margin-inline-start:auto;display:flex;flex-direction:column;gap:12px;letter-spacing:0;font-size:12px;align-items:flex-start}.footer-contact a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #ffffff20;font-size:9px;color:#a8bfce}.footer-bottom .latin{font-size:9px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1)}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes heroPhoto{from{transform:scale(1.07);opacity:.5}to{transform:scale(1);opacity:1}}html[dir=ltr]{--body:'Inter',sans-serif;--title:'Inter',sans-serif}html[dir=ltr] .hero-photo{background-image:linear-gradient(90deg,rgba(31,61,87,.95) 5%,rgba(31,61,87,.7) 45%,rgba(31,61,87,.08) 100%),linear-gradient(0deg,rgba(31,61,87,.8),transparent 45%),url('assets/architecture.jpg')}html[dir=ltr] h1{font-size:clamp(64px,6.5vw,100px);letter-spacing:-.055em}html[dir=ltr] h2{letter-spacing:-.045em}html[dir=ltr] .image-caption{left:auto;right:5%}html[dir=ltr] .service-content{padding:0 0 30px 40px}html[dir=ltr] .process-node:before{left:0;right:auto}html[dir=ltr] .contact-title>span{transform:rotate(90deg)}
@media(min-width:1600px){.hero-content{padding-top:22vh}}@media(max-height:800px) and (min-width:901px){.hero{min-height:760px}.hero-content{padding-top:165px}h1{font-size:82px}.hero-description{margin-top:22px}}@media(max-width:1000px){.header{gap:35px}.header nav{gap:20px}.hero-content{width:90%;padding-top:190px}.hero-description{gap:30px}.section{padding-left:6%;padding-right:6%}.intro-main{gap:5%}.expertise{gap:5%;grid-template-columns:1fr 1.5fr}summary{font-size:13px;gap:15px}.approach-title{gap:40px}.perspective-content{padding:65px 12%}.contact-title>span{width:110px;height:110px;font-size:75px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:91px;padding:15px 6%;gap:0}.brand img{width:48px}.header-actions{gap:8px}.nav-contact{font-size:10px;padding:7px 13px;gap:15px}#language{font-size:11px}#menu{display:flex;width:36px;height:36px;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;margin-inline-start:8px}#menu span{height:1px;background:white;width:23px;transition:.3s}#menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}#menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{position:absolute;top:90px;left:0;right:0;background:var(--navy);display:none;flex-direction:column;padding:25px 8% 30px;gap:22px;border-bottom:1px solid #ffffff25}.header nav.open{display:flex}.hero{min-height:760px;height:100svh;max-height:950px}.hero-content{width:100%;padding:175px 8% 130px}.hero-photo{background-position:38% center;background-image:linear-gradient(270deg,rgba(31,61,87,.91),rgba(31,61,87,.4)),linear-gradient(0deg,rgba(31,61,87,.85),transparent),url('assets/architecture.jpg')}h1{font-size:clamp(51px,11.9vw,80px);line-height:1.24}.eyebrow{font-size:9px;margin-bottom:30px}.hero-description{display:block;margin-top:25px}.hero-description p{font-size:11px;max-width:270px}.hero-description .text-link{margin-top:24px;font-size:10px}.circle-arrow{width:37px;height:37px;font-size:22px}.hero-bottom{left:8%;right:8%;bottom:24px;padding-top:20px}.hero-bottom .latin{font-size:8px}.hero-index,.image-caption{display:none}.hero-bottom>a{font-size:9px;gap:12px}.section{padding:65px 8%}.section-label{font-size:9px;gap:12px}.section-label .latin{font-size:9px}.intro-main{display:block;margin-top:35px}.statement{font-size:36px;line-height:1.45}.intro-copy{margin-top:30px;gap:15px}.intro-copy p{font-size:11px}.line-mark{flex-basis:20px}.intro-foot{margin-top:40px;flex-direction:column;gap:10px;font-size:9px}.intro-foot .latin{font-size:8px}.expertise{display:block}.expertise h2{font-size:42px;margin-top:30px}.services{margin-top:35px}summary{font-size:12px;padding:25px 0;gap:17px}.service-content{padding-inline-start:31px;padding-inline-end:0}.service-content p{font-size:11px}.approach-title{display:block;margin-top:32px}.approach h2{font-size:43px}.approach-title p{margin-top:25px;font-size:11px}.process{display:block;margin-top:40px}.process article{display:grid;grid-template-columns:45px 1fr;padding:26px 0;border-top:1px solid #ffffff25;gap:8px 10px}.process-number{grid-row:1/3;margin-top:6px}.process-node{display:none}.process h3{font-size:14px;margin:0}.process p{font-size:10px;max-width:none}.perspective{display:flex;flex-direction:column;min-height:0}.perspective-content{padding:65px 8%}.perspective h2{font-size:60px;margin-top:30px}.perspective p{font-size:11px;max-width:320px}.perspective-image{height:350px;order:2;background-position:center}.contact-title{margin-top:35px;gap:15px}.contact-title h2{font-size:63px}.contact-title>span{height:70px;width:70px;font-size:45px;flex-shrink:0}.contact-bottom{margin-top:35px;display:block}.contact-bottom p{font-size:11px}.button{margin-top:20px;width:fit-content;font-size:10px;padding:12px 20px;gap:30px}.contact-note{text-align:start;font-size:8px}footer{padding:40px 8% 20px}.footer-main{flex-wrap:wrap;gap:25px;padding-bottom:30px}.footer-logo img{width:62px}.footer-main p{font-size:10px}.footer-main span{font-size:9px}.footer-contact{width:100%;margin:0;font-size:11px;gap:8px}.footer-bottom{font-size:8px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}html[dir=ltr] h1{font-size:clamp(49px,11vw,72px)}html[dir=ltr] .hero-content{padding-top:175px}html[dir=ltr] .statement{font-size:35px}html[dir=ltr] .contact-title h2{font-size:50px}html[dir=ltr] .service-content{padding:0 0 25px 31px}html[dir=ltr] .expertise h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* Readability refinement: preserve editorial scale without undersized Arabic prose. */
.hero-description p{font-size:15px;max-width:340px}.intro-copy p,.service-content p,.approach-title p,.perspective p{font-size:15px}.process p{font-size:14px;max-width:285px}.contact-bottom p,.footer-main p{font-size:14px}.header nav,.nav-contact{font-size:12px}.text-link,.service-content .text-link{font-size:12px}.button{font-size:13px}summary{font-size:16px}.hero-description{gap:30px}.hero-description .text-link{flex-shrink:0}
@media(max-width:1000px){summary{font-size:14px}.hero-description p{font-size:14px}}
@media(max-width:700px){.hero{min-height:840px}.hero-content{padding-top:160px}.hero-description p{font-size:14px;max-width:300px}.hero-description .text-link{font-size:12px}.intro-copy p,.service-content p,.approach-title p,.perspective p,.process p{font-size:14px;line-height:2.25}.process p{max-width:none}.contact-bottom p,.footer-main p{font-size:12px}.nav-contact{font-size:12px}.header-actions{gap:2px}.nav-contact{gap:10px;padding:7px 10px}.button{font-size:12px}.service-content .text-link{font-size:12px}summary{font-size:14px}.contact-note{font-size:10px}.footer-contact{font-size:12px}.footer-main span{font-size:11px}}

/* Custom drawn vector wayfinding, inheriting the approved brand palette */
.arrow-icon{display:inline-block;width:21px;height:21px;flex-shrink:0;vertical-align:middle}.circle-arrow .arrow-icon{width:20px;height:20px}.nav-contact .arrow-icon{width:18px;height:18px}.hero-bottom .arrow-icon,.footer-bottom .arrow-icon{width:16px;height:16px}.direction-line{display:flex;align-items:center;gap:12px}.direction-line .arrow-icon{width:17px;height:17px}.contact-title>span .arrow-icon{width:72%;height:72%}.button .arrow-icon{width:24px;height:24px}

.credentials{background:#fff}.credentials-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;margin:45px 0 65px;align-items:start}.credentials h2{font-size:clamp(38px,4.5vw,68px);line-height:1.3}.credentials-intro p{font-size:16px;line-height:2.3}.credentials-intro .credentials-context{font-size:14px;color:#5c7181;margin-top:20px;line-height:2.4}.credential-list{border-top:1px solid #1f3d5733}.credential-row{display:grid;grid-template-columns:.45fr 1.35fr 1.25fr;gap:5%;padding:34px 0;border-bottom:1px solid #1f3d5726;align-items:start}.credential-meta{display:flex;flex-direction:column;gap:18px;padding-top:6px;color:var(--teal)}.credential-meta .latin{font-size:10px}.credential-provider{letter-spacing:.08em}.credential-name h3{font-size:16px;line-height:2;font-weight:700}.certificate-title{font-family:Inter,sans-serif;text-align:start;direction:ltr;font-size:12px;letter-spacing:0;line-height:1.65;margin-top:11px;color:#607584}.credential-application{font-size:14px;line-height:2.4;color:#536a7b}.credentials-foot{display:flex;align-items:center;gap:20px;padding-top:25px;color:var(--teal)}.credentials-foot p{font-size:11px;line-height:2}.credentials-foot>.latin{margin-inline-start:auto;white-space:nowrap;font-size:10px}.knowledge-mark{display:block;flex-shrink:0;width:28px;height:28px}.knowledge-mark svg{width:100%;height:100%}
@media(max-width:1000px){.credential-row{grid-template-columns:.4fr 1fr 1fr;gap:4%}.credential-name h3{font-size:14px}.credentials-intro{gap:5%}.credentials-intro p{font-size:15px}}
@media(max-width:700px){.credentials-intro{display:block;margin:30px 0 35px}.credentials h2{font-size:42px}.credentials-intro>div{margin-top:25px}.credentials-intro p,.credentials-intro .credentials-context{font-size:14px;line-height:2.25}.credential-row{grid-template-columns:35px 1fr;gap:15px 12px;padding:26px 0}.credential-meta{grid-row:1/3;gap:0}.credential-provider{display:none}.credential-name h3{font-size:15px}.certificate-title{font-size:12px;margin-top:9px}.credential-application{grid-column:2;font-size:14px;line-height:2.25}.credentials-foot{flex-wrap:wrap;gap:12px}.credentials-foot p{font-size:10px;flex:1}.credentials-foot>.latin{width:100%;padding-inline-start:40px}.knowledge-mark{width:25px;height:25px}}

.experience-block{display:grid;grid-template-columns:.65fr 1.7fr;gap:8%;border-top:1px solid #1f3d5726;margin-top:65px;padding-top:48px;align-items:center}.experience-number{display:flex;flex-direction:column;gap:8px}.experience-number>.latin{font-size:88px;letter-spacing:-.065em;line-height:1;color:var(--blue)}.experience-number>span:last-child{font-size:11px;color:var(--teal)}.experience-block h3{font-family:var(--title);font-size:32px;line-height:1.4;white-space:pre-line;margin-bottom:18px}.experience-block p{font-size:15px;line-height:2.4;color:#536a7b}.intro-foot{margin-top:45px}.purpose{background:var(--mid);color:white}.purpose .section-label{color:var(--cyan)}.purpose-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:40px}.purpose h2{font-size:clamp(40px,4.5vw,68px);line-height:1.3}.purpose-symbol{width:130px;height:130px;flex-shrink:0;color:var(--cyan);opacity:.65}.purpose-symbol svg{width:100%;height:100%}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:55px}.purpose-grid article{border-top:1px solid #ffffff40;padding-top:25px}.purpose-grid .latin{font-size:10px;color:var(--cyan)}.purpose h3{font-size:21px;margin:13px 0 20px}.purpose-grid p{font-size:15px;line-height:2.4;color:#e3edf3}
@media(max-width:700px){.experience-block{grid-template-columns:1fr;gap:28px;margin-top:40px;padding-top:32px}.experience-number>.latin{font-size:76px}.experience-block h3{font-size:30px}.experience-block p{font-size:14px;line-height:2.25}.purpose-heading{margin-top:30px;gap:16px}.purpose h2{font-size:37px}.purpose-symbol{width:66px;height:66px}.purpose-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.purpose h3{font-size:18px;margin:10px 0 15px}.purpose-grid p{font-size:14px;line-height:2.25}}