@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
@import url('/pages.css');

:root{--navy:#101f2b;--ink:#172733;--muted:#69747a;--gold:#bc9970;--paper:#f5f5f0;--line:#daddda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(30px,3.4vw,52px);line-height:1.2;letter-spacing:-1.8px;font-weight:700;margin-bottom:25px}h3{font-size:21px;line-height:1.4}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.6px;color:#94724b;margin-bottom:25px}.lead{font-size:18px;line-height:1.8}.section{padding:105px max(6vw,24px)}.button{background:var(--gold);color:#10202c;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 24px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--gold);transition:background .2s}.button:hover{background:#d1b08a}.button.small{padding:13px 18px;font-size:10px}.actions{display:flex;gap:35px;align-items:center}.text-link{font-size:11px;letter-spacing:1px;font-weight:700}.under-link{display:inline-block;margin-top:22px;font-size:12px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:7px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}header{height:100px;position:fixed;top:0;width:100%;z-index:20;display:flex;align-items:center;gap:30px;padding:0 5vw;color:white;border-bottom:1px solid #ffffff25;transition:background .25s}header.solid{background:var(--navy)}.brand{display:flex;flex-direction:column;line-height:1.1;white-space:nowrap}.brand b{font-size:39px;font-weight:800;letter-spacing:-1.5px}.brand b span{color:var(--gold);font-size:25px;padding-left:3px}.brand small{font-size:6.5px;letter-spacing:1.55px;margin-top:8px}nav{margin-inline-start:auto;display:flex;align-items:center;gap:23px;font-size:11px;font-weight:600}nav a:hover,nav summary:hover{color:var(--gold)}nav details{position:relative}nav summary{cursor:pointer;list-style:none}nav summary:after{content:'⌄';padding-inline-start:7px}nav details div{position:absolute;top:32px;left:-18px;min-width:170px;background:var(--navy);padding:18px;display:grid;gap:10px;border:1px solid #ffffff25}.language{color:inherit;border:0;border-inline-start:1px solid #ffffff40;background:transparent;padding-inline-start:20px;font-size:12px}#menu{display:none}.hero{min-height:820px;height:92vh;max-height:1080px;background:var(--navy);color:white;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,32,.93),rgba(7,22,32,.62) 45%,rgba(7,22,32,.12)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=85') center 40%/cover}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1d28b0,transparent 35%)}.hero-inner{position:relative;padding:175px 6vw 110px;max-width:850px}.hero .eyebrow{color:#d4bb9a;font-size:9px}.hero h1{font-size:clamp(58px,6.7vw,103px);line-height:1.03;letter-spacing:-4px;margin-bottom:30px;font-weight:800}.hero h1 span{display:block}.accent{color:#c8aa86}.hero-copy{max-width:470px;color:#d7dee1;font-size:15px;margin-bottom:32px}.hero-base{position:absolute;bottom:28px;left:6vw;right:6vw;display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:25px;font-size:8px;letter-spacing:2px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.intro p:not(.eyebrow){max-width:480px;color:var(--muted)}.intro-image{margin:0;position:relative;height:480px}.intro-image img{filter:saturate(.4)}figcaption{font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-top:9px}.image-label{position:absolute;bottom:25px;left:-30px;background:var(--navy);color:#fff;padding:30px;font-size:33px;font-weight:800;line-height:1.2}.image-label small{font-size:8px;letter-spacing:1.4px;color:var(--gold)}.divisions{background:var(--paper)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:13px}.division-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.division{position:relative;height:430px;color:white;overflow:hidden}.division img{transition:transform .6s;filter:saturate(.4)}.division:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081824f5,transparent 90%)}.division-info{position:absolute;bottom:28px;left:23px;right:23px;z-index:1}.division-number{position:absolute;top:22px;left:23px;z-index:1;font-size:11px;color:#e0c4a0}.division h3{font-size:18px;letter-spacing:.2px;margin-bottom:8px}.division p{font-size:11px;color:#dde2e4;margin:0}.division .detail{max-height:0;overflow:hidden;opacity:0;transition:all .4s}.division .arrow{position:absolute;top:20px;right:20px;z-index:1}.division:hover img,.division:focus img{transform:scale(1.04)}.division:hover .detail,.division:focus .detail{max-height:100px;opacity:1;margin-top:14px}.dark{background:var(--navy);color:white}.dark .eyebrow{color:#c6a57e}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.principle{border-top:1px solid #ffffff30;padding-top:24px}.principle>span{color:var(--gold);font-size:12px}.principle h3{font-size:14px;letter-spacing:1px;margin:18px 0 12px}.principle p{color:#a9b5bd;font-size:12px;max-width:220px}.process{background:linear-gradient(#ffffffee,#ffffffee),repeating-linear-gradient(90deg,#c3c8cd 0,#c3c8cd 1px,transparent 1px,transparent 80px)}.process>.lead{color:var(--muted);font-size:15px}.timeline{display:grid;grid-template-columns:repeat(7,1fr);margin-top:60px}.step{position:relative;border-top:1px solid var(--line);padding:30px 16px 0 0}.step:before{content:'';position:absolute;top:-4px;width:7px;height:7px;background:var(--gold)}.step span{font-size:24px;color:var(--gold)}.step h3{font-size:10px;letter-spacing:1px;margin:18px 0 10px}.step p{font-size:11px;color:var(--muted);max-width:130px}.amc{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.amc-image{background:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80') center/cover;min-height:600px;filter:saturate(.4)}.amc-content{padding:75px 6vw}.amc h2{font-size:37px}.amc p:not(.eyebrow){font-size:13px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:25px 0 35px;font-size:12px}.check-list li{padding:9px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:'↗';color:#91704a;margin-inline-end:12px}.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.industry{padding:30px 25px;background:#fff;min-height:155px;transition:background .25s}.industry:hover{background:var(--paper)}.industry>span{color:#9b7a55;font-size:10px}.industry h3{font-size:14px;margin:18px 0 10px}.industry p{font-size:11px;color:var(--muted);margin:0}.projects{background:var(--paper)}.project-note{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:40px 0 0;border-top:1px solid var(--line);margin-top:40px}.outline-number{font-size:95px;color:transparent;-webkit-text-stroke:1px #aeb8bb;font-weight:800;line-height:1}.project-note p{color:var(--muted);font-size:13px;max-width:560px}.boq{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.boq p:not(.eyebrow){color:#aebbc2;font-size:13px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;border:1px dashed #7c8a92;cursor:pointer;gap:12px;padding:20px}.drop.drag{border-color:var(--gold);background:#ffffff0b}.upload-symbol{font-size:34px;color:var(--gold)}.drop strong{font-size:18px}.drop>span:not(.upload-symbol){font-size:9px;letter-spacing:1px;color:#b9c2c6}.drop .upload-button{padding:9px 18px;border:1px solid #ffffff50;color:#fff}.quality{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.quality .lead{font-size:16px;color:var(--muted)}.quality-lines{display:grid;font-size:12px}.quality-lines span{border-top:1px solid var(--line);padding:16px 0}.corporate-cta{background:linear-gradient(90deg,#10202ce8,#10202c88),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff;padding:90px 6vw}.corporate-cta .eyebrow{color:#d0b38f}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.contact .lead{color:var(--muted)}.contact-details{margin:40px 0 30px;border-top:1px solid var(--line);padding-top:25px}.contact-details span{font-weight:700;font-size:13px}.contact-details p,.notice{font-size:12px;color:var(--muted);max-width:320px}.notice{border-inline-start:2px solid var(--gold);padding-inline-start:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);padding:12px;background:#fff;color:var(--ink);width:100%;border-radius:0;font-size:13px}.form-grid .full{grid-column:1/-1}.form-note{font-size:11px;color:var(--muted);margin:20px 0}#form-status{font-size:12px}footer{background:#0c1923;color:#c6cdd1;padding:60px 6vw 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.footer-top>p{color:var(--gold);font-size:12px;letter-spacing:2px}.footer-top>a:last-child{font-size:10px}.footer-links{display:flex;gap:26px;border-block:1px solid #ffffff20;padding:25px 0;font-size:10px;flex-wrap:wrap}.footer-links button{background:transparent;border:0;color:inherit;padding:0;font-size:inherit}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;line-height:1.8;padding-top:25px;color:#8e9ca4}.mobile-bar{display:none}dialog{border:0;max-width:620px;width:90%;padding:50px;color:var(--ink)}dialog::backdrop{background:#061725b0}dialog h2{font-size:28px}dialog p{font-size:14px}#close-dialog{position:absolute;top:8px;right:15px;background:transparent;border:0;font-size:28px}html[dir=rtl] body{font-family:'Noto Sans Arabic',Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0}html[dir=rtl] .hero-photo{transform:scaleX(-1)}html[dir=rtl] .hero-inner{margin-inline-end:auto}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .brand{direction:ltr}html[dir=rtl] .step{padding:30px 0 0 16px}
@media(min-width:1500px){.section{padding-inline:max(6vw,calc((100vw - 1400px)/2))}}@media(max-width:1150px){header{gap:20px;padding-inline:4vw}nav{gap:14px;font-size:10px}.division-grid{grid-template-columns:repeat(2,1fr)}.division{height:390px}.hero h1{font-size:88px}.hero{min-height:800px}.amc h2{font-size:32px}.timeline{gap:8px}}@media(max-width:850px){header{height:80px}.brand b{font-size:32px}.brand small{font-size:5.5px}header>.button{display:none}#menu{display:block;order:3;background:none;border:0;color:white;font-size:23px;margin-inline-start:0}.language{margin-inline-start:auto}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--navy);padding:25px;font-size:14px;align-items:stretch}nav.open{display:grid;gap:20px}nav details div{position:static;margin-top:15px}.section{padding:70px 6vw}.hero{height:90svh;min-height:690px}.hero-inner{padding-top:155px}.hero h1{font-size:76px}.hero-copy{max-width:420px}.intro{gap:40px}.intro-image{height:390px}.intro h2{font-size:34px}.principles{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(4,1fr);row-gap:40px}.amc-content{padding:50px 6vw}.amc-image{min-height:540px}.industries{grid-template-columns:repeat(2,1fr)}.contact,.boq{gap:40px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-bottom{flex-wrap:wrap}.footer-top>p{display:none}}@media(max-width:600px){html{scroll-padding-top:90px}header{padding-inline:6vw}.hero{min-height:730px;max-height:900px}.hero-inner{padding:150px 6vw 130px}.hero .eyebrow{font-size:8px;max-width:260px;line-height:1.8}.hero h1{font-size:clamp(56px,14vw,78px);letter-spacing:-2.5px}.hero-copy{font-size:13px}.actions{gap:22px;flex-wrap:wrap}.button{padding:16px 20px;gap:20px;font-size:10px}.hero-base{font-size:7px;letter-spacing:1px;gap:25px;bottom:35px}.hero-base span{max-width:150px}.hero-photo{background-position:65% center}.intro,.amc,.boq,.quality,.contact{grid-template-columns:1fr}.intro-image{height:350px;margin-inline-start:15px}.image-label{left:-15px}.section-heading{display:block}.section-heading>p{margin:22px 0 0}.division-grid{gap:12px}.division{height:320px}.division-info{left:15px;right:15px;bottom:20px}.division h3{font-size:13px}.division p{font-size:10px}.division .detail{display:none}.principles{gap:25px}.timeline{display:block;margin-top:40px}.step{border-top:0;border-inline-start:1px solid var(--line);padding:0 0 30px 30px;display:grid;grid-template-columns:48px 1fr;gap:0 10px}.step:before{top:12px;left:-4px}.step h3{margin:7px 0;font-size:12px}.step p{grid-column:2;max-width:none;font-size:12px}.amc-image{min-height:340px}.amc-content{padding:60px 6vw}.amc h2{font-size:32px}.industry{padding:22px 18px}.project-note{grid-template-columns:1fr;gap:25px}.outline-number{font-size:70px}.boq{gap:35px}.quality{gap:20px}.corporate-cta{padding:65px 6vw}.contact{gap:35px}.form-grid{grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.footer-top .brand b{font-size:37px}.footer-links{gap:20px}.footer-bottom{display:grid;gap:12px}footer{padding-bottom:90px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--navy);color:white;z-index:25;box-shadow:0 -1px 0 #ffffff20;justify-content:space-around;font-size:10px}.mobile-bar a{padding:17px 10px}.mobile-bar a:last-child{color:var(--gold)}html[dir=rtl] .step{padding:0 30px 30px 0}html[dir=rtl] .step:before{left:auto;right:-4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
