@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap);html{scroll-behavior:smooth}body{margin:0}.brand>img{width:58px;height:58px;object-fit:cover}.aboutLabel>img{width:34px;height:34px}.aboutVisual>img,.portfolioImage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}footer .brand>img{width:50px;height:50px}.portfolioGrid article[hidden]{display:none!important}.hero i{font-style:normal}
.headerActions{display:flex;align-items:center;gap:18px}.languageSwitch{display:flex;align-items:center;gap:7px;font-size:10px;color:#8f8aa8}.languageSwitch button{border:0;background:transparent;color:#aaa6bf;padding:6px 2px;cursor:pointer;font-weight:700}.languageSwitch button.active{color:var(--gold)}main[dir="rtl"]{font-family:Tahoma,Arial,sans-serif}main[dir="rtl"] .brand,main[dir="rtl"] .headerActions{direction:ltr}main[dir="rtl"] .heroCopy,main[dir="rtl"] .sectionHead,main[dir="rtl"] .projectTitle,main[dir="rtl"] .aboutCopy,main[dir="rtl"] .formSide{text-align:right}main[dir="rtl"] .kicker{flex-direction:row-reverse;justify-content:flex-end}main[dir="rtl"] .actions{justify-content:flex-start}main[dir="rtl"] .serviceGrid h3{transform:translateX(18px)}main[dir="rtl"] .serviceGrid article:hover h3,main[dir="rtl"] .serviceGrid article:focus-visible h3{transform:translateX(0)}main[dir="rtl"] .submitButton{flex-direction:row-reverse}main[dir="rtl"] .mapCard{text-align:right}@media(max-width:700px){.headerActions .outline{display:none}.headerActions{margin-left:auto}main[dir="rtl"] .headerActions{margin-left:0;margin-right:auto}}
.formDelivery{font-size:11px;color:#6d6860;margin:0}.formDelivery b{color:var(--navy)}
.contactPanel{display:grid;grid-template-columns:1fr 1fr;background:#f3efe5;color:var(--ink);padding:110px clamp(24px,7vw,108px);gap:34px}.formSide{padding-right:clamp(0px,3vw,45px)}.formSide h2{font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.05em;text-transform:uppercase;margin:18px 0 38px}.formSide form{display:flex;flex-direction:column;gap:17px}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formSide label{display:flex;flex-direction:column;gap:8px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#625e58}.formSide input,.formSide select,.formSide textarea{width:100%;border:1px solid #cbc5b8;background:#fff;color:var(--ink);padding:14px 15px;font:inherit;font-size:14px;outline:none;border-radius:0}.formSide input:focus,.formSide select:focus,.formSide textarea:focus{border-color:var(--navy);box-shadow:0 0 0 2px #17104d18}.formSide textarea{resize:vertical}.submitButton{background:var(--navy);color:#fff;border:0;padding:17px 20px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.submitButton:hover{background:var(--gold);color:var(--deep)}.formSuccess{background:#e8e2d5;border-left:3px solid var(--gold);padding:12px 14px;margin:0;font-size:12px;line-height:1.6}.mapSide{position:relative;min-height:680px;background:var(--navy);overflow:hidden}.mapSide iframe{width:100%;height:100%;border:0;filter:saturate(.65) contrast(1.05)}.mapCard{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(12,9,43,.94);color:#fff;padding:24px;border-top:3px solid var(--gold)}.mapCard span{font-size:9px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase}.mapCard h3{font-size:22px;margin:9px 0}.mapCard p{font-size:12px;color:#b9b5ca}.mapCard a{display:inline-block;margin-top:8px;font-size:11px;border-bottom:1px solid var(--gold);padding-bottom:5px}@media(max-width:850px){.contactPanel{grid-template-columns:1fr;padding:80px 22px}.formSide{padding-right:0}.mapSide{min-height:520px}}@media(max-width:520px){.formRow{grid-template-columns:1fr}.mapSide{min-height:460px}.mapCard{left:14px;right:14px;bottom:14px}}
.portfolioTabs{display:flex;gap:8px;margin-top:52px;border-bottom:1px solid #ffffff30}.portfolioTabs button{border:0;background:transparent;color:#aaa6bf;padding:15px 20px;font:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;position:relative}.portfolioTabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--gold);transform:scaleX(0);transition:transform .3s ease}.portfolioTabs button.active{color:#fff}.portfolioTabs button.active:after{transform:scaleX(1)}.portfolioGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.portfolioGrid article{background:#100c38;overflow:hidden;animation:portfolioIn .45s ease both}.portfolioImage{position:relative;min-height:390px;overflow:hidden}.portfolioImage img{object-fit:cover;transition:transform .65s ease}.portfolioGrid article:hover .portfolioImage img{transform:scale(1.045)}.portfolioInfo{padding:23px 25px 27px;border-top:3px solid var(--gold)}.portfolioInfo span{font-size:9px;color:var(--gold);letter-spacing:.15em;text-transform:uppercase}.portfolioInfo h3{font-size:25px;margin:10px 0 7px}.portfolioInfo p{margin:0;color:#aaa6bf;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.portfolioNote{display:block;color:#8f8aa8;margin-top:20px;line-height:1.6}@keyframes portfolioIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.portfolioTabs{overflow-x:auto}.portfolioTabs button{white-space:nowrap;padding-left:12px;padding-right:12px}.portfolioGrid{grid-template-columns:1fr}.portfolioImage{min-height:300px}}@media(prefers-reduced-motion:reduce){.portfolioGrid article{animation:none}.portfolioImage img{transition:none}}
.serviceGrid .serviceTop>span{font-size:22px;line-height:1;letter-spacing:-.03em}
.serviceGrid{gap:10px;border:0!important}.serviceGrid article{background:var(--navy);color:#fff;border:0!important;overflow:hidden;transition:background .35s ease,color .35s ease,transform .35s ease}.serviceGrid article:after{content:"";position:absolute;width:150px;height:150px;border:28px solid #ffffff0d;border-radius:50%;right:-60px;top:-60px;transition:transform .5s ease,border-color .35s ease}.serviceTop{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.serviceTop>span{color:var(--gold)!important;font-weight:700}.serviceTop i{font-style:normal;font-family:"Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-size:34px;filter:grayscale(1) brightness(0) invert(1);opacity:.9;transition:transform .4s ease,filter .35s ease}.serviceGrid h3{position:relative;z-index:1;transform:translateX(-18px);opacity:.82;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.serviceGrid article>p,.serviceGrid article>b{position:relative;z-index:1;color:#c7c3d7!important}.serviceGrid article:hover,.serviceGrid article:focus-visible{background:var(--gold);color:var(--deep);transform:translateY(-7px);outline:none}.serviceGrid article:hover:after,.serviceGrid article:focus-visible:after{transform:scale(1.18);border-color:#17104d12}.serviceGrid article:hover h3,.serviceGrid article:focus-visible h3{transform:translateX(0);opacity:1}.serviceGrid article:hover .serviceTop>span,.serviceGrid article:focus-visible .serviceTop>span{color:var(--deep)!important}.serviceGrid article:hover .serviceTop i,.serviceGrid article:focus-visible .serviceTop i{transform:rotate(-7deg) scale(1.12);filter:grayscale(1) brightness(.25)}.serviceGrid article:hover>p,.serviceGrid article:hover>b,.serviceGrid article:focus-visible>p,.serviceGrid article:focus-visible>b{color:#4a401d!important}@media(prefers-reduced-motion:reduce){.serviceGrid article,.serviceGrid h3,.serviceGrid article:after,.serviceTop i{transition:none!important}}
.about{grid-template-columns:.42fr 1fr .72fr!important;align-items:start}.aboutLabel{display:flex;align-items:center;gap:11px}.aboutLabel img{border-radius:50%;flex:0 0 auto}.aboutLabel .sectionTag{margin:0}.aboutVisual{position:relative;min-height:430px;margin:0;overflow:hidden;background:var(--navy)}.aboutVisual>img{object-fit:cover;object-position:65% center}.aboutVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(12,9,43,.9))}.aboutVisual figcaption{position:absolute;z-index:2;left:24px;bottom:22px;color:#fff;display:flex;flex-direction:column;gap:4px}.aboutVisual figcaption b{font-size:17px}.aboutVisual figcaption span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d2cede}@media(max-width:1050px){.about{grid-template-columns:.4fr 1fr!important}.aboutVisual{grid-column:2;min-height:360px}}@media(max-width:850px){.about{grid-template-columns:1fr!important}.aboutVisual{grid-column:auto;min-height:330px}.aboutLabel{margin-bottom:8px}}
.hero{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transition:background-image .5s ease}.hero .grid{opacity:.38}
.heroCopy{animation:slideIn .65s ease both}.sliderControls{position:absolute;z-index:3;left:clamp(22px,7vw,108px);bottom:55px;display:flex;align-items:center;gap:16px}.sliderControls>button{width:38px;height:38px;border:1px solid #ffffff55;background:transparent;color:#fff;cursor:pointer;font-size:16px}.sliderControls>div{display:flex;gap:7px}.sliderControls>div button{width:24px;height:3px;padding:0;border:0;background:#ffffff45;cursor:pointer}.sliderControls>div button.active{background:var(--gold);width:42px}.sliderControls span{font-size:9px;letter-spacing:.16em;color:#aaa6bf;margin-left:4px}@keyframes slideIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.sliderControls{position:relative;left:auto;bottom:auto;margin-top:32px}.stats{margin-top:45px}}@media(prefers-reduced-motion:reduce){.heroCopy{animation:none}}
:root{--navy:#17104d;--deep:#0c092b;--gold:#ffd11a;--paper:#f3efe5;--ink:#171717}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.header{height:90px;display:flex;align-items:center;padding:0 clamp(22px,6vw,94px);position:absolute;width:100%;z-index:5;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:50%}.brand span{display:flex;flex-direction:column;letter-spacing:.15em}.brand b{font-size:18px}.brand small{font-size:8px;color:#c9c5db;margin-top:3px}.header nav{display:flex;gap:34px;margin:auto;font-size:13px;color:#d8d5e6}.outline{font-size:12px;padding:13px 18px;border:1px solid #ffffff66}.hero{min-height:820px;padding:175px clamp(22px,7vw,108px) 60px;position:relative;overflow:hidden;background:linear-gradient(108deg,var(--navy) 0 52%,var(--deep) 52%)}.grid{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}.heroCopy{position:relative;z-index:2}.kicker,.sectionTag{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:12px;color:#cbc7dc}.kicker span{width:33px;height:2px;background:var(--gold)}h1{font-size:clamp(56px,7.5vw,112px);line-height:.87;letter-spacing:-.065em;margin:30px 0 27px;font-weight:800}h1 em,.promise em{font-family:Georgia,serif;color:var(--gold);font-weight:400;text-transform:none}.lead{max-width:570px;color:#c7c2d8;line-height:1.7}.actions{display:flex;align-items:center;gap:28px;margin-top:36px;font-size:13px}.gold{background:var(--gold);color:#15102f;padding:17px 22px;font-weight:700;display:inline-flex;gap:35px}.structure{position:absolute;right:-5%;top:110px;width:48%;height:580px;transform:rotate(-40deg)}.structure i{display:block;height:64px;background:linear-gradient(90deg,#ffda1e,#b98e00);margin:68px 0;box-shadow:0 22px 35px #0008}.structure i:nth-child(2){width:80%;margin-left:15%}.structure i:nth-child(3){width:60%;margin-left:35%}.stats{position:absolute;right:7%;bottom:54px;z-index:2;display:flex;gap:46px}.stats div{display:flex;gap:10px;align-items:center}.stats b{font-size:28px;color:var(--gold)}.stats span{max-width:70px;font-size:9px;line-height:1.4;text-transform:uppercase;color:#b8b3ca}.about,.contact{padding:120px clamp(24px,8vw,125px);display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;background:var(--paper);color:var(--ink)}.sectionTag{color:#6f6b66}.about h2,.services h2,.projects h2,.contact h2{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 38px;text-transform:uppercase}.about>div p{max-width:680px;font-size:18px;line-height:1.8;color:#57534e}.about>div a{display:inline-block;margin-top:18px;font-size:13px;border-bottom:2px solid var(--gold);padding-bottom:8px}.services{background:#fff;color:var(--ink);padding:110px clamp(24px,7vw,108px)}.sectionHead,.projectTitle{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.sectionHead>p,.projectTitle>p{max-width:360px;line-height:1.7;color:#68645f}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #ccc}.serviceGrid article{padding:28px 25px 34px;border-right:1px solid #ddd;min-height:260px;position:relative}.serviceGrid article:first-child{border-left:1px solid #ddd}.serviceGrid span{color:#999;font-size:11px}.serviceGrid h3{font-size:22px;margin:46px 0 16px}.serviceGrid p{font-size:13px;line-height:1.6;color:#69655f}.serviceGrid article>b{position:absolute;bottom:24px;color:#aaa}.projects{padding:110px clamp(24px,7vw,108px);background:var(--navy)}.projectCards{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:55px}.projectCards article{min-height:500px;padding:28px;position:relative;overflow:hidden;background:#272151 linear-gradient(135deg,#ffffff0a,#0008)}.projectCards article:before{content:"";position:absolute;width:70%;height:120%;right:-25%;top:-10%;border:55px solid #ffd11a22;transform:rotate(35deg)}.projectCards>article>span{font-size:9px;letter-spacing:.15em;border:1px solid #ffffff55;padding:8px 10px}.projectCards>article>div{position:absolute;left:28px;bottom:28px}.projectCards h3{font-size:28px;margin:8px 0}.projectCards p,.projectCards small{color:#bbb6ce}.projectTwo{background-color:#151135!important}.promise{padding:120px clamp(24px,8vw,125px);background:#0d0a2d}.promise h2{font-size:clamp(52px,7vw,102px);line-height:.9;letter-spacing:-.06em;margin:40px 0 80px}.promise>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #ffffff38;padding-top:30px}.promise p{color:#aaa6bf;line-height:1.7}.promise b{color:#fff;font-size:18px}.contact{background:var(--gold)}.contact .sectionTag{color:#4c421d}.contact>div:nth-child(2){align-self:end}.contact>div:nth-child(2)>p{font-size:18px;line-height:1.7;max-width:480px}.contact .gold{background:var(--deep);color:#fff;margin-top:18px}.contact small{display:block;margin-top:18px;color:#71611f}footer{padding:36px clamp(24px,7vw,108px);display:flex;align-items:center;justify-content:space-between;background:#090721;color:#aaa6bf;font-size:11px}footer .brand{color:#fff}@media(max-width:850px){.header nav{display:none}.outline{margin-left:auto}.hero{background:var(--navy)}.structure{opacity:.2;width:100%}.stats{position:relative;right:auto;bottom:auto;margin-top:75px}.about,.contact{grid-template-columns:1fr}.serviceGrid{grid-template-columns:1fr 1fr}.projectCards{grid-template-columns:1fr}.projectCards article{min-height:380px}.promise>div{grid-template-columns:1fr}.sectionHead,.projectTitle{display:block}footer{gap:25px;flex-wrap:wrap}}@media(max-width:520px){.header{height:76px}.brand img{width:45px;height:45px}.outline{display:none}.hero{padding-top:140px;min-height:760px}.actions{flex-direction:column;align-items:flex-start}.stats{gap:20px;flex-wrap:wrap}.serviceGrid{grid-template-columns:1fr}.projectCards article{min-height:340px}.about,.services,.projects,.promise,.contact{padding:80px 22px}footer{align-items:flex-start;flex-direction:column}}
.header{position:fixed!important;top:0;left:0;z-index:1000!important;background:rgba(12,9,43,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}main[dir="rtl"]{font-family:"Noto Kufi Arabic","Rudaw",Tahoma,Arial,sans-serif!important}.menuToggle{display:none;width:42px;height:42px;padding:9px;border:1px solid #ffffff4d;background:transparent;cursor:pointer}.menuToggle span{display:block;height:2px;background:#fff;margin:5px 0;transition:transform .25s,opacity .25s}.menuToggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menuToggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menuToggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:850px){.menuToggle{display:block;margin-left:10px}.header nav{display:flex!important;position:fixed;top:90px;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:12px 22px 24px;background:rgba(12,9,43,.98);border-bottom:1px solid #ffffff24;transform:translateY(-130%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.header nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.header nav a{padding:15px 4px;border-bottom:1px solid #ffffff18}.headerActions{margin-left:auto}}@media(max-width:520px){.header nav{top:76px}.languageSwitch{display:none}}
@media(max-width:520px){.headerActions{gap:7px}.languageSwitch{display:flex!important}.languageSwitch button{min-width:30px;padding:8px 3px;font-size:10px}}