@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--bg:#0c1012;--panel:#12181b;--line:#ffffff1c;--gold:#c8ad70;--muted:#a0a8aa;--white:#f1f1eb;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Tajawal,Arial,sans-serif;line-height:1.65}html[lang=en] body{font-family:Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:wait}button{border:0}img{display:block;width:100%;object-fit:cover}header{height:98px;position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:28px;background:linear-gradient(#0c1012bb,transparent)}.brand{display:flex;align-items:center;gap:12px;direction:ltr;font:800 30px/1 Manrope,Arial;letter-spacing:4px}.brand small{display:block;font:500 6.5px/1.9 Manrope,Arial;letter-spacing:1.7px;margin-top:7px}.brand-icon{color:var(--gold);font-size:43px;position:relative;font-style:italic;letter-spacing:-5px;width:43px}.brand-icon span{position:absolute;font-size:23px;left:13px;top:-7px}.header-actions,nav{display:flex;align-items:center;gap:28px}nav{font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}#language{background:none;border:1px solid var(--line);border-radius:50%;width:37px;height:37px;font:12px Manrope}.quote{padding:16px 26px;background:var(--gold);color:#151a1b;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:800;min-height:52px;transition:background .2s,transform .2s}.quote:hover{background:#e0c68e;transform:translateY(-2px)}.quote.small{padding:10px 18px;font-size:13px;min-height:43px}.menu{display:none;background:none;font-size:24px}.hero{height:min(900px,100svh);min-height:740px;position:relative;overflow:hidden;isolation:isolate}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff04 50%,transparent 50.2%) 0 0/100px 100px,linear-gradient(#ffffff03 1px,transparent 1px) 0 0/100px 100px;mask-image:linear-gradient(black,transparent);z-index:-2}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--bg),transparent 18%);z-index:1}.hero-copy{position:relative;z-index:2;padding:200px 5% 100px;width:55%;pointer-events:none}.hero-copy button,.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--gold);display:flex;align-items:center;gap:10px;margin:0 0 30px;font-weight:500}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #c8ad7066}.hero-pre{font-size:14px;color:#d0d4d3;margin:0 0 16px}h1{font-size:clamp(48px,5.3vw,86px);line-height:1.17;letter-spacing:-1px;margin:0 0 30px;font-weight:800}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:17px;color:var(--muted);max-width:440px;line-height:1.9;margin:0 0 30px}.hero-ctas{display:flex;align-items:center;gap:28px}.text-link{background:none;padding:0;font-size:14px;color:var(--white);border-bottom:1px solid #c8ad7055;padding-bottom:5px}.hero-bottom{position:absolute;inset:auto 5% 24px;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:11px;color:var(--muted);letter-spacing:1px;border-top:1px solid var(--line);padding-top:21px}.hero-bottom a{color:var(--gold)}.coordinate{font:9px Manrope}.model-caption{position:absolute;left:14%;bottom:108px;font-size:9px;color:#768083;letter-spacing:1px}.model-controls{position:absolute;z-index:3;left:9%;bottom:140px;display:flex;gap:8px;direction:rtl}.model-controls button{background:#182123b3;backdrop-filter:blur(12px);border:1px solid #c8ad7038;border-radius:3px;padding:10px 15px;color:#d2c4a2;font-size:12px}.model-controls button[aria-pressed=true]{background:#c8ad7038}.orbit-label{position:absolute;left:9%;top:29%;color:var(--gold);font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:10px;z-index:2;pointer-events:none}.orbit-label i{width:26px;height:1px;background:var(--gold)}.label-two{left:33%;top:70%;font:8px Manrope;opacity:.6}#scene{position:absolute;inset:80px 38% 55px -10%;z-index:-1}#building{width:100%;height:100%;display:block}.scene-fallback{height:100%;background:linear-gradient(#0c101266,#0c1012bb),url('assets/hero.png') center/cover}html[dir=ltr] #scene{inset:80px -10% 55px 38%}html[dir=ltr] .model-controls{left:auto;right:9%}html[dir=ltr] .model-caption{left:auto;right:14%}html[dir=ltr] .label-one{left:auto;right:9%}html[dir=ltr] .label-two{left:auto;right:33%}html[lang=en] h1{font-size:clamp(42px,4.6vw,72px);letter-spacing:-3px;line-height:1.13}html[lang=en] .hero-copy{padding-top:190px}.client-strip{padding:35px 5%;border-block:1px solid var(--line);text-align:center;background:#0e1315}.client-strip>span{color:var(--muted);font-size:12px}.client-strip>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:65px;font:700 25px Manrope;letter-spacing:2px;color:#a8afae;margin:25px 0 10px}.client-strip small{font-size:10px;color:#657173}.section{padding:110px 7%}.section-top{position:relative;margin-bottom:54px}.section-top h2,h2{font-size:clamp(32px,3.6vw,56px);line-height:1.3;font-weight:700;letter-spacing:-1px;margin:0 0 28px;white-space:pre-line}.section-description{color:var(--muted);font-size:16px;max-width:420px;position:absolute;inset:auto auto 0 0}.section-top h2{max-width:650px}.service-explorer{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);padding-top:30px}.service-tabs{display:flex;flex-direction:column}.service-tabs button{background:none;padding:32px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;text-align:start;transition:.3s}.service-tabs span{color:#5f6c71;font:12px Manrope}.service-tabs b{font-size:24px;font-weight:500}.service-tabs i{font-style:normal;margin-inline-start:auto;font-size:22px;color:#586367}.service-tabs button.active{color:var(--gold);background:linear-gradient(90deg,transparent,#c8ad7009)}.service-tabs button.active i{color:var(--gold)}.service-detail{position:relative;padding:28px 0;min-height:340px}.service-detail h3{font-size:27px;font-weight:700;margin:0 0 15px}.service-detail p:not(.eyebrow){color:var(--muted);max-width:440px;font-size:15px}.service-detail ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:13px;color:#c1c6c5;margin:24px 0 30px}.service-detail li:before{content:'＋';color:var(--gold);margin-inline-end:10px}.technical-icon{position:absolute;inset:0 auto auto 0;color:#c8ad7025;font-size:100px;line-height:1;pointer-events:none}.service-detail .eyebrow{font:9px Manrope;letter-spacing:1.5px}.projects{background:#101618}.projects .section-top h2{margin-bottom:36px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{background:none;border:1px solid var(--line);color:var(--muted);padding:8px 22px;font-size:13px}.filters button.active{background:var(--gold);border-color:var(--gold);color:#11181b}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 30px}.project-card{display:block;text-align:start;background:none;padding:0}.project-card[hidden]{display:none}.project-photo{position:relative;overflow:hidden;aspect-ratio:1.6;background:#1b2325}.project-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009)}.project-photo img{height:100%;transition:transform .65s;filter:saturate(.65)}.project-card:hover img{transform:scale(1.055);filter:saturate(1)}.project-arrow{position:absolute;top:20px;inset-inline-end:20px;border:1px solid #ffffff88;background:#0c101244;width:40px;height:40px;display:grid;place-items:center;z-index:1;font:24px Manrope}.project-tag{position:absolute;bottom:18px;inset-inline-start:22px;font-size:11px;z-index:1;color:#e3ddcd;letter-spacing:1px}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px}.project-meta h3{font-size:21px;font-weight:500;margin:0}.project-meta>span{color:var(--muted);font-size:11px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.approach-visual{height:650px;position:relative}.approach-visual img{height:100%;filter:saturate(.65)}.approach-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#000a)}.visual-caption{position:absolute;z-index:1;bottom:28px;inset-inline-start:25px;font:10px Manrope;letter-spacing:2px}.visual-caption small{display:block;margin-top:12px;font:11px Tajawal}.approach-copy>p:not(.eyebrow){color:var(--muted);font-size:15px}.approach-row{display:flex;gap:22px;padding:20px 0;border-top:1px solid var(--line)}.approach-row>span{color:var(--gold);font:12px Manrope;padding-top:7px}.approach-row h3{font-size:20px;margin:0 0 3px;font-weight:500}.approach-row p{margin:0;color:var(--muted);font-size:13px}.contact{text-align:center;background:radial-gradient(ellipse at 50% 110%,#89713c27,transparent 65%);position:relative;border-top:1px solid var(--line);padding-bottom:100px}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(42px,5.5vw,80px);line-height:1.22}.contact .quote{margin:5px 0 35px}.contact-links{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;color:var(--muted);font-size:14px}.contact-links a:hover{color:var(--gold)}footer{padding:35px 5%;display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:24px;color:#c9ceca}footer .brand small{font-size:6px}footer small{font:10px Manrope}dialog{background:#131a1d;color:var(--white);padding:45px;border:1px solid #c8ad7044;max-width:600px;width:calc(100% - 32px);max-height:90svh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog h2{font-size:32px}dialog .eyebrow{margin-bottom:16px}.close{position:absolute;top:12px;inset-inline-end:15px;background:none;font-size:30px;color:var(--muted);width:35px;height:35px;z-index:2}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px}input,select,textarea{width:100%;border:1px solid #ffffff26;border-radius:0;background:#0c1113;padding:10px 12px;color:var(--white)}textarea{resize:vertical}.form-note,#form-status{font-size:12px;color:var(--muted);line-height:1.6}.form-note{margin:8px 0}#project-dialog img{height:260px;margin-bottom:25px}#project-dialog h2{font-size:28px}#project-dialog .quote{margin-top:20px}.skip{position:fixed;top:-100px;z-index:20;background:var(--gold);color:#111;padding:12px}.skip:focus{top:0}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}html[dir=ltr] .section-description{inset:auto 0 0 auto}html[lang=en] .section-description{max-width:350px}html[lang=en] .service-tabs b{font-size:21px}html[lang=en] .section-top h2{font-size:clamp(30px,3.2vw,49px);max-width:58%}html[lang=en] .hero-pre{font-size:10px;letter-spacing:1px}
@media(min-width:1600px){.hero-copy{padding-top:230px}.hero{max-height:1000px;height:90svh}.intro{max-width:500px}}@media(max-width:1100px){header{gap:15px}.header-actions,nav{gap:17px}.brand{font-size:24px}.brand small{font-size:5px}nav{font-size:12px}.hero-copy{padding-top:190px;width:58%}.hero-pre{font-size:12px}.hero-ctas{gap:15px}.hero-ctas .quote{padding:14px 20px}.section-description{position:static;max-width:600px!important}.section-top h2{max-width:100%!important}.project-meta{display:block}.project-meta>span{display:block;margin-top:4px}.service-tabs b{font-size:20px}.approach-visual{height:620px}.client-strip>div{gap:35px}html[lang=en] h1{font-size:47px}.model-controls{left:5%}.label-one{left:4%}.label-two{display:none}}
@media(max-width:760px){header{height:80px;padding:0 6%;gap:12px}.brand{font-size:23px;letter-spacing:3px}.brand small{font-size:4.8px;letter-spacing:1px}.brand-icon{font-size:34px;width:32px}.brand-icon span{font-size:19px}.header-actions{gap:12px}.header-actions .quote{display:none}.menu{display:block}nav{display:none;position:absolute;inset:80px 0 auto;background:#121a1f;padding:25px 7%;border-bottom:1px solid var(--line);font-size:17px}nav.open{display:flex;flex-direction:column;align-items:stretch}#language{height:32px;width:32px}.hero{height:auto;min-height:1030px}.hero-copy{width:100%;padding:140px 7% 0}h1,html[lang=en] h1{font-size:49px;line-height:1.17;letter-spacing:-1px}.hero-copy .eyebrow{font-size:10px;margin-bottom:23px}.intro{font-size:15px;line-height:1.8;max-width:100%;margin-bottom:24px}.hero-pre{font-size:12px}.hero-ctas{gap:22px}.hero-ctas .quote{font-size:13px}.hero-ctas .text-link{font-size:12px}#scene,html[dir=ltr] #scene{inset:470px -18% 80px;z-index:-1}.model-controls,html[dir=ltr] .model-controls{left:7%;right:auto;bottom:100px}.model-caption,html[dir=ltr] .model-caption{left:7%;right:auto;bottom:75px;font-size:8px}.orbit-label{display:none}.hero-bottom{inset-inline:7%;bottom:20px;font-size:9px;padding-top:15px}.hero-bottom .coordinate{display:none}.hero:after{background:linear-gradient(0deg,var(--bg),transparent 12%)}.client-strip{padding:30px 7%}.client-strip>div{gap:22px;font-size:17px}.client-strip small{font-size:9px}.section{padding:70px 7%}.eyebrow{font-size:11px;margin-bottom:20px}.section-top{margin-bottom:35px}.section-top h2,h2,html[lang=en] .section-top h2{font-size:34px;letter-spacing:-.6px}.section-description{font-size:15px}.service-explorer{grid-template-columns:1fr;gap:15px;padding-top:5px}.service-tabs button{padding:22px 0}.service-tabs b,html[lang=en] .service-tabs b{font-size:20px}.service-detail{padding-top:25px;min-height:320px}.service-detail h3{font-size:25px}.service-detail ul{font-size:12px}.technical-icon{font-size:80px}.project-grid{grid-template-columns:1fr;gap:33px}.filters{gap:6px}.filters button{padding:7px 15px;font-size:12px}.project-meta h3{font-size:21px}.project-meta>span{font-size:11px}.approach{grid-template-columns:1fr;gap:40px}.approach-visual{height:400px}.approach-copy h2{font-size:36px}.contact{padding-block:75px}.contact h2{font-size:45px}.contact-links{gap:15px 25px;font-size:13px}footer{flex-wrap:wrap;padding:30px 7%;gap:20px}footer .brand{width:100%}footer p{margin:0}dialog{padding:38px 25px 25px}dialog h2{font-size:27px}#project-dialog img{height:210px}html[lang=en] .hero-copy{padding-top:135px}html[lang=en] .hero{min-height:1060px}html[lang=en] .hero-pre{font-size:8px}html[lang=en] .intro{font-size:14px}html[lang=en] #scene{top:500px}.hero-bottom>span{max-width:65%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.brand-logo{width:74px;height:62px;object-fit:contain;letter-spacing:0}@media(max-width:760px){.brand-logo{width:57px;height:49px}.brand{gap:8px}}