@font-face{font-family:PlexArabic;src:url('/assets/fonts/plex-ar-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:PlexArabic;src:url('/assets/fonts/plex-ar-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ManropeLocal;src:url('/assets/fonts/manrope-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:ManropeLocal;src:url('/assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--base:#0b1117;--depth:#0c151e;--white:#eceeea;--muted:#9ba6ad;--accent:#7caaae;--rule:#ffffff16;--edge:clamp(28px,6.3vw,120px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--base);color:var(--white);font:400 16px/1.85 ManropeLocal,Arial,sans-serif;-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:PlexArabic,Tahoma,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid var(--accent);outline-offset:8px}.skip{position:fixed;top:-100px;z-index:50;padding:12px;background:var(--white);color:var(--base)}.skip:focus{top:10px}header{position:relative;z-index:10}.header-wrap{height:108px;display:flex;align-items:center;gap:48px;margin-inline:var(--edge)}.brand-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;background:transparent;line-height:0}.brand-logo img{display:block;width:224px;height:auto;max-width:100%;object-fit:contain}nav{display:flex;align-items:center;gap:42px;margin:auto}nav a{font-size:14px;font-weight:400;color:#aab4bb;padding-block:12px;transition:color .2s}nav a:hover,nav a[aria-current]{color:var(--white)}.language{font-size:13px;min-width:145px;text-align:end;color:#bdc6cc;padding-block:12px}.menu{display:none;background:none;border:0;color:var(--white);padding:10px 0;font-size:14px}.hero{height:calc(100svh - 108px);min-height:650px;max-height:1020px;position:relative;isolation:isolate;overflow:hidden}.material{position:absolute;left:0;bottom:30px;width:65%;height:88%;z-index:-1}.material img{width:100%;height:100%;object-fit:cover;object-position:30% center;opacity:.82}.hero-copy{position:relative;width:47%;margin-inline-start:0;margin-inline-end:auto;padding-top:clamp(115px,18vh,205px);padding-inline-start:var(--edge);padding-inline-end:20px}.hero h1{font-size:clamp(36px,3.3vw,54px);line-height:1.65;font-weight:300;letter-spacing:0}.hero p{font-size:16px;font-weight:300;color:#b3bec6;max-width:365px;margin-top:25px;line-height:2}.hero-foot{position:absolute;bottom:38px;inset-inline:var(--edge);display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:300;color:#a9b6c0}.hero-foot a{font-size:14px;padding:8px 0}.hero-foot a:hover{color:white}.editorial{padding:135px var(--edge);display:grid;grid-template-columns:24% 1fr;gap:30px}.section-index{display:flex;gap:25px;font-size:13px;font-weight:300;color:var(--muted);padding-top:14px}.section-index span:first-child{font-family:ManropeLocal,Arial,sans-serif;color:var(--accent);font-size:11px;line-height:2.2}.editorial h2{font-size:clamp(30px,3vw,44px);line-height:1.65}.editorial p{font-size:16px;font-weight:300;line-height:2.2;color:var(--muted);max-width:465px}.about{padding-block:160px}.about-body p{margin-top:48px;margin-inline-start:auto;width:64%}.expertise{background:var(--depth)}.expertise-body{display:grid;grid-template-columns:1fr 1.1fr;gap:75px}.disciplines article{padding:0 0 42px}.disciplines article+article{padding:36px 0 0;border-top:1px solid var(--rule)}h3{font-size:23px;line-height:1.6;margin-bottom:21px}.disciplines p{font-size:15px;max-width:360px}.projects{padding-block:150px}.projects p,.contact p{margin-top:30px}.contact{margin-inline:var(--edge);padding-inline:0;border-top:1px solid var(--rule);padding-block:90px 105px}.contact h2{font-size:34px}footer{padding:30px var(--edge) 28px;background:#080d12}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px}.footer-top{font-size:14px;color:#b7c0c6}.footer-bottom{margin-top:28px;font-size:12px;font-weight:300;color:#7f8d97}.footer-top span[dir=ltr]{font-family:ManropeLocal,Arial,sans-serif;font-size:12px}html[lang=en] .hero-copy{margin-inline-start:var(--edge);padding-inline-start:0;padding-inline-end:20px;width:48%}html[lang=en] .hero h1{font-size:clamp(36px,3.4vw,54px);line-height:1.45;letter-spacing:-.035em}html[lang=en] .material{left:auto;right:0}html[lang=en] .editorial h2{line-height:1.45;letter-spacing:-.025em}html[lang=en] h3{font-size:21px}
@media(min-width:1700px){.hero-copy{width:45%}.material{width:63%}}
@media(max-width:1120px){.header-wrap{gap:25px}.language{min-width:45px}nav{gap:29px}.hero-copy{width:49%}.hero h1{font-size:38px}.expertise-body{gap:40px}.editorial{grid-template-columns:19% 1fr;gap:30px}.section-index{gap:15px}.expertise-body{grid-template-columns:1fr}.disciplines{max-width:550px;margin-top:20px}.disciplines p{max-width:480px}}
@media(max-width:900px){.header-wrap{height:96px;gap:24px}.brand-logo{padding:0}.brand-logo img{width:192px}.language{min-width:0;margin-inline-start:auto}.menu{display:block}nav{display:none;position:absolute;top:96px;inset-inline:0;background:var(--base);padding:25px var(--edge) 35px;flex-direction:column;align-items:flex-start;gap:14px;border-bottom:1px solid var(--rule)}nav.open{display:flex}.hero{height:calc(100svh - 96px);min-height:680px;max-height:1000px}.hero-copy{width:70%;padding-top:80px;padding-inline-start:var(--edge)}.hero h1{font-size:38px}.hero p{max-width:330px;font-size:16px;margin-top:20px}.material{width:90%;height:67%;bottom:35px;left:-15%}.material img{object-position:35% center;opacity:.7}.hero-foot{bottom:24px}.editorial{padding-block:85px;grid-template-columns:1fr;gap:37px}.section-index{padding:0;gap:20px}.editorial h2{font-size:34px}.about-body p{margin-top:32px;margin-inline-start:18%;width:82%}.expertise-body{gap:25px}.projects{padding-block:95px}.contact{padding-block:70px 85px}.contact h2{font-size:31px}html[lang=en] .hero-copy{width:78%;padding-top:80px}html[lang=en] .hero h1{font-size:39px}html[lang=en] .material{left:auto;right:-15%}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:450px){:root{--edge:27px}.hero-copy{width:100%;padding-inline:var(--edge);padding-top:70px}.hero h1{font-size:34px;line-height:1.65}.hero p{max-width:290px;font-size:15px;line-height:2;margin-top:18px}.hero{min-height:660px}.material{width:112%;left:-25%;height:58%;bottom:35px}.material img{object-position:32% center;opacity:.66}.hero-foot{font-size:11px}.hero-foot a{font-size:13px}.editorial h2{font-size:29px}.editorial p{font-size:15px}.about-body p{margin-inline-start:0;width:100%}.disciplines h3{font-size:22px}.contact h2{font-size:28px}html[lang=en] .hero-copy{width:auto;margin:0;padding-inline:var(--edge)}html[lang=en] .hero h1{font-size:34px}html[lang=en] .material{left:auto;right:-25%}.footer-top{font-size:13px}.footer-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
html[lang=en] .material img{transform:scaleX(-1)}
@media(max-width:360px){.header-wrap{gap:18px}.brand-logo{padding:0}.brand-logo img{width:164px}}
.contact-phone{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:30px}.contact-phone-label{font-size:14px;font-weight:300;color:var(--muted)}.contact-phone a{display:inline-flex;align-items:center;gap:13px;min-height:44px;font:300 23px/1.6 ManropeLocal,Arial,sans-serif;color:var(--white);transition:color .2s}.contact-phone a:hover{color:var(--accent)}.contact-phone svg{flex-shrink:0;color:var(--accent)}



