*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#111;background:#fff}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.topbar{height:30px;background:#008b62;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;font-size:9px;letter-spacing:1.4px;font-weight:700}.header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:30;border-bottom:1px solid #e8e8e8}.logo img{width:190px}.header nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;font-weight:700}.header nav a:hover{color:#e21d2f}.head-right{display:flex;align-items:center;gap:10px}.head-right button{border:0;background:transparent;cursor:pointer}.quote-btn,.red-btn{background:#e21d2f;color:#fff;padding:14px 20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:0;display:inline-block}.hamb{display:none}.hero{height:calc(100vh - 112px);min-height:650px;position:relative;overflow:hidden;background:#111}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity .9s}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s ease}.hero-slide.active img{transform:scale(1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 70%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 45%);z-index:2}.hero-content{position:absolute;z-index:3;inset-inline-start:8vw;top:22%;color:#fff;max-width:680px}.kicker,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800}.kicker{display:flex;gap:9px;align-items:center;margin-bottom:24px}.kicker span:first-child{height:2px;width:35px;background:#e21d2f;flex:none}.hero h1{font-size:clamp(55px,7vw,108px);line-height:.86;letter-spacing:-5px;margin:0 0 28px}.hero h1 b{color:#fff}.hero p{font-size:15px;line-height:1.7;max-width:520px;color:#ddd}.actions{display:flex;gap:10px;margin-top:30px}.outline-btn{padding:14px 20px;border:1px solid #ffffff88;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.hero-meta{position:absolute;z-index:4;bottom:35px;inset-inline-start:8vw;color:#fff;display:flex;align-items:center;gap:8px}.hero-meta strong{font-size:22px}.slide-count{display:inline-flex;align-items:baseline;gap:8px}.slide-count span{color:#aaa}.progress{width:130px;height:2px;background:#ffffff55;margin-inline-start:15px}.progress i{display:block;height:100%;width:20%;background:#e21d2f;transition:width .3s}.hero-arrows{position:absolute;z-index:4;inset-inline-end:5vw;bottom:25px;display:flex}.hero-arrows button,.carousel-controls button{width:48px;height:48px;border:1px solid #ffffff66;background:#111b;color:#fff;cursor:pointer}.hero-arrows button:hover,.carousel-controls button:hover{background:#e21d2f}.intro{padding:110px 8vw;background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:28px}.intro h2,.section-head h2,.uae-copy h2,.projects h3,.quote h2,.contact h2{font-size:clamp(42px,5vw,75px);line-height:.95;letter-spacing:-3px;margin:0}.intro h2 span,.section-head em,.uae-copy em,.projects em,.quote em,.contact em{font-style:normal;color:#e21d2f}.intro-grid p{font-size:15px;line-height:1.9;color:#657078;max-width:560px}.green-link{display:inline-block;margin-top:15px;color:#008b62;font-size:10px;font-weight:800;letter-spacing:1.4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ddd;margin-top:80px}.stats div{padding-block:25px 0;padding-inline:0 15px;border-inline-end:1px solid #ddd}.stats div+div{padding-inline-start:20px}.stats b{font-size:43px}.stats small{font-size:9px;color:#768087;letter-spacing:1px}.services,.fleet{padding:105px 6vw;background:#f4f5f3}.fleet{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-head h2{margin-top:18px}.section-head .muted{color:#768087;font-size:12px;line-height:1.7;max-width:520px}.carousel-controls{display:flex;gap:5px}.carousel-controls button{color:#111;background:#fff;border-color:#bbb}.service-wrap,.fleet-wrap{overflow:hidden}.service-track,.fleet-track{display:flex;gap:18px;transition:transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform}.service-track article{flex:0 0 30%;min-height:330px;background:#fff;padding:28px;border-top:4px solid #008b62;position:relative;transition:.35s}.service-track article:nth-child(2){border-color:#e21d2f}.service-track article:hover{transform:translateY(-8px);box-shadow:0 18px 45px #0001}.num{font-size:10px;color:#008b62;font-weight:800}.service-track h3{font-size:29px;line-height:.95;margin:70px 0 15px}.service-track p{font-size:12px;color:#6c767c;line-height:1.7}.service-track span{position:absolute;bottom:25px;font-size:9px;font-weight:800;color:#e21d2f}.fleet-card{flex:0 0 31%;background:#f4f5f3;position:relative;overflow:hidden}.fleet-card .photo{height:330px;position:relative;overflow:hidden;background:#111}.fleet-card .photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.fleet-card:hover .photo img{transform:scale(1.07)}.fleet-card .photo-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:#111c;color:#fff;cursor:pointer;z-index:2;font-size:18px;line-height:1;padding:0}.fleet-card .photo-btn.prev{inset-inline-start:10px}.fleet-card .photo-btn.next{inset-inline-end:10px}.fleet-card .photo-btn:hover{background:#e21d2f}.fleet-card .photo-count{position:absolute;top:12px;inset-inline-end:12px;z-index:2;background:#111c;color:#fff;font-size:9px;font-weight:800;letter-spacing:1px;padding:5px 7px}.fleet-card .thumbs{position:absolute;inset-inline:10px;bottom:10px;z-index:2;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.fleet-card .thumbs::-webkit-scrollbar{display:none}.fleet-card .thumbs button{flex:0 0 48px;height:36px;padding:0;border:2px solid #fff9;background-size:cover;background-position:center;cursor:pointer;opacity:.82}.fleet-card .thumbs button.on{border-color:#e21d2f;opacity:1}.fleet-card .caption{padding:20px}.fleet-card h3{margin:0;font-size:20px}.fleet-card p{font-size:10px;color:#7b858a;margin:7px 0 0;line-height:1.6}.badge{display:inline-block;background:#008b62;color:#fff;padding:6px 8px;font-size:8px;font-weight:800;letter-spacing:1px;margin-bottom:10px}.uae-band{height:620px;position:relative;overflow:hidden}.uae-image{position:absolute;inset:-5%;background-size:cover;background-position:center;transition:transform 1.2s}.uae-band:hover .uae-image{transform:scale(1.04)}.uae-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 70%)}.uae-copy{position:absolute;inset-inline-start:8vw;top:50%;transform:translateY(-50%);color:#fff;max-width:600px}.uae-copy h2{margin:20px 0}.uae-copy p{max-width:500px;line-height:1.7;color:#ddd;font-size:13px}.white-btn{display:inline-block;background:#fff;color:#111;padding:15px 20px;font-size:10px;font-weight:800;text-transform:uppercase;margin-top:20px}.projects{padding:110px 8vw}.project-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:20px;margin-top:35px}.project-main{background:#f4f5f3}.project-image{height:470px;background-size:cover;background-position:center;transition:transform .8s}.project-main>div:last-child{padding:28px}.project-main small{color:#008b62;font-size:9px;font-weight:800;letter-spacing:1px}.projects h3{font-size:38px;margin:12px 0}.project-main p{color:#68737a;line-height:1.7;font-size:12px;max-width:600px}.project-side{display:grid;gap:20px}.mini{min-height:260px;background-size:cover;background-position:center;position:relative}.mini span{position:absolute;inset-inline-start:18px;bottom:18px;background:#111;color:#fff;padding:8px;font-size:8px;letter-spacing:1px}.quote{background:#111;color:#fff;padding:110px 8vw}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:35px}.quote h2{color:#fff}.quote p{color:#aeb4b8;line-height:1.8;font-size:13px;max-width:500px}.quote form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote input,.quote select,.quote textarea{background:transparent;border:0;border-bottom:1px solid #444;color:#fff;padding:13px 2px;outline:none}.quote textarea{grid-column:1/-1;resize:vertical}.quote select{grid-column:1/-1}.quote .red-btn{cursor:pointer;margin-top:10px}.contact{padding:95px 8vw;display:flex;justify-content:space-between;align-items:end;gap:40px}.contact>div:first-child span{font-size:10px;letter-spacing:2px;color:#008b62;font-weight:800}.contact-links{display:grid;gap:13px;text-align:end}.contact-links a{font-size:13px}.contact-links a:last-child{color:#e21d2f;font-weight:800}.contact h2{margin-top:18px}footer{background:#008b62;color:#fff;padding:25px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}footer img{width:150px;background:#fff}@media(max-width:900px){.header nav{display:none}.hamb{display:block!important;font-size:20px}.header nav.open{display:flex;position:absolute;left:0;right:0;top:82px;background:#fff;padding:20px;flex-direction:column}.service-track article{flex-basis:46%}.fleet-card{flex-basis:46%}.intro-grid,.quote-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar span:nth-child(2){display:none}.header{padding:0 18px}.logo img{width:150px}.quote-btn{display:none}.hero{min-height:700px}.hero-content{inset-inline:22px;top:20%}.hero h1{font-size:58px;letter-spacing:-3px}.hero p{font-size:13px}.intro,.services,.fleet,.projects,.quote,.contact{padding:75px 22px}.section-head{align-items:start}.service-track article,.fleet-card{flex-basis:86%}.fleet-card .photo{height:280px}.uae-copy{inset-inline:22px}.uae-band{height:560px}.project-image{height:300px}.contact{display:block}.contact-links{text-align:start;margin-top:40px}.quote form{grid-template-columns:1fr}.quote textarea,.quote select{grid-column:auto}footer{display:grid;gap:15px}.stats{margin-top:50px}.stats div{padding-bottom:20px}.stats b{font-size:32px}}
html[lang="ar"] body{font-family:Cairo,Inter,Arial,sans-serif}
html[lang="ar"] .hero h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0;line-height:1.25}
html[lang="ar"] .topbar,html[lang="ar"] .kicker,html[lang="ar"] .eyebrow,html[lang="ar"] .header nav,html[lang="ar"] .green-link,html[lang="ar"] .quote-btn,html[lang="ar"] .red-btn,html[lang="ar"] .outline-btn,html[lang="ar"] .white-btn,html[lang="ar"] footer,html[lang="ar"] .badge,html[lang="ar"] .mini span,html[lang="ar"] .project-main small{letter-spacing:0}
html[lang="ar"] .topbar{height:auto;min-height:30px;gap:8px 16px;flex-wrap:wrap;padding:6px 4vw;font-size:12px}
html[lang="ar"] .header nav{font-size:14px;text-transform:none}
html[lang="ar"] .quote-btn,html[lang="ar"] .red-btn,html[lang="ar"] .outline-btn,html[lang="ar"] .white-btn{font-size:13px;text-transform:none;letter-spacing:0}
html[lang="ar"] .service-track h3{line-height:1.35;margin-top:48px}
html[lang="ar"] .hero h1{line-height:1.15}
html[dir="rtl"] .hero-shade{background:linear-gradient(270deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 70%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 45%)}
html[dir="rtl"] .uae-overlay{background:linear-gradient(270deg,#000b,transparent 70%)}
html[dir="rtl"] .hero-arrows,html[dir="rtl"] .carousel-controls{flex-direction:row-reverse}
html[dir="rtl"] .hero-arrows button,html[dir="rtl"] .carousel-controls button{transform:scaleX(-1)}
html[dir="rtl"] .fleet-card .photo-btn{transform:translateY(-50%) scaleX(-1)}
html[dir="rtl"] .service-track span{inset-inline-start:28px}
.hero-arrows{bottom:100px}
.contact-links a.contact-wa{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;color:#111;font-weight:700}
.contact-links a.contact-wa span{color:#e21d2f;font-weight:800}
.contact-links a.contact-wa b{font-size:15px;font-weight:700}
.wa-float{position:fixed;z-index:40;inset-inline-end:22px;bottom:22px;display:flex;align-items:center;gap:10px;height:56px;padding-inline:18px 14px;background:#25D366;color:#fff;border-radius:999px;box-shadow:0 10px 28px #128c464d;font-size:13px;font-weight:800;letter-spacing:.2px}
.wa-float svg{width:28px;height:28px;flex:none}
.wa-float:hover{transform:translateY(-2px)}
.wa-float:focus-visible{outline:3px solid #111;outline-offset:3px}
@media(max-width:600px){.contact-links a.contact-wa{align-items:flex-start}.wa-float{inset-inline-end:16px;bottom:16px;width:56px;height:56px;padding:0;justify-content:center}.wa-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-arrows{bottom:84px}}
html[lang="ar"] .wa-float{letter-spacing:0;font-size:15px}
.header nav a.active{color:#e21d2f}
.service-track article>a{position:absolute;bottom:25px;font-size:9px;font-weight:800;color:#e21d2f}
html[dir="rtl"] .service-track article>a{inset-inline-start:28px}
html[lang="ar"] .service-track article>a{letter-spacing:0;font-size:13px}
.page-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;color:#fff;background:#111 center/cover no-repeat}
.page-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28) 72%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 42%)}
.page-hero .inner{position:relative;z-index:1;padding:90px 8vw 64px;max-width:860px}
.page-hero h1{font-size:clamp(52px,6.4vw,96px);line-height:.9;letter-spacing:-4px;margin:14px 0 18px}
.page-hero em{font-style:normal;color:#e21d2f}
.page-hero p{margin:0;max-width:560px;font-size:16px;line-height:1.7;color:#ddd}
.band{padding:100px 8vw 110px}
.band .section-head h2{margin-top:12px}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.value{background:#f4f5f3;padding:28px 24px 32px;border-top:4px solid #008b62;min-height:230px}
.value:nth-child(2){border-top-color:#e21d2f}
.value h3{margin:48px 0 12px;font-size:22px;line-height:1.2}
.value p{margin:0;color:#6c767c;font-size:13px;line-height:1.7}
.intro-grid p+p{margin-top:14px}
.service-details{padding:20px 8vw 110px;display:grid;gap:22px;background:#fff}
.service-detail{display:grid;grid-template-columns:1.05fr .95fr;background:#f4f5f3;scroll-margin-top:100px}
.service-detail .shot{min-height:340px;background:center/cover no-repeat}
.service-detail .copy{padding:42px 40px}
.service-detail h2{font-size:clamp(32px,3vw,46px);line-height:1;letter-spacing:-1.5px;margin:12px 0 16px}
.service-detail p{margin:0;color:#657078;font-size:15px;line-height:1.8;max-width:520px}
.stories{padding:80px 8vw 110px;display:grid;gap:22px}
.story{display:grid;grid-template-columns:1.15fr .85fr;background:#f4f5f3}
.story .shot{min-height:380px;background:center/cover no-repeat}
.story .copy{padding:42px 40px}
.story small{color:#008b62;font-size:10px;font-weight:800;letter-spacing:1.2px}
.story h2{font-size:clamp(32px,3vw,48px);line-height:1;letter-spacing:-1.5px;margin:12px 0 16px}
.story h2 em,.service-detail h2 em{font-style:normal;color:#e21d2f}
.story p{margin:0;color:#657078;font-size:15px;line-height:1.8}
html[dir="rtl"] .page-shade{background:linear-gradient(270deg,rgba(0,0,0,.78),rgba(0,0,0,.28) 72%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 42%)}
html[lang="ar"] .page-hero h1,html[lang="ar"] .service-detail h2,html[lang="ar"] .story h2,html[lang="ar"] .value h3{letter-spacing:0;line-height:1.25}
html[lang="ar"] .story small{letter-spacing:0}
@media(max-width:900px){.values{grid-template-columns:1fr 1fr}.service-detail,.story{grid-template-columns:1fr}}
.contact .muted{color:#768087;font-size:13px;line-height:1.7;margin:16px 0 0}
.contact-links a.red-btn{color:#fff}
@media(max-width:600px){.page-hero{min-height:440px}.page-hero .inner{padding:72px 22px 42px}.page-hero h1{font-size:48px;letter-spacing:-2px}.band,.service-details,.stories{padding:72px 22px}.values{grid-template-columns:1fr}.service-detail .copy,.story .copy{padding:26px 22px}.service-detail .shot,.story .shot{min-height:240px}}
.quote .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.quote .form-status{grid-column:1/-1;margin:0;font-size:14px;line-height:1.45}
.quote .form-status.ok{color:#8dffc1}
.quote .form-status.err{color:#ffb4b4}
.quote .red-btn:disabled{opacity:.65;cursor:wait}

/* Fluid layout from phones through large displays */
html{-webkit-text-size-adjust:100%}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
.topbar{height:auto;min-height:30px;flex-wrap:wrap;gap:4px 16px;padding:6px max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));font-size:clamp(9px,.75vw,18px)}
.topbar span{white-space:nowrap}
.header{height:auto;min-height:72px;gap:12px;padding-block:8px;padding-inline-start:max(16px,4vw,env(safe-area-inset-left));padding-inline-end:max(16px,4vw,env(safe-area-inset-right))}
.logo{flex:none}
.logo img{display:block;width:clamp(112px,14vw,190px);height:auto}
.header nav{gap:clamp(14px,1.6vw,32px)}
.head-right{flex:none;gap:8px}
.nav-quote{display:none}
.hamb{width:44px;height:44px;padding:0;font-size:22px;line-height:1}
.hero{height:auto;min-height:calc(100vh - 112px);min-height:clamp(460px,calc(100dvh - 108px),1080px);width:100%;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;align-items:stretch}
.hero-content{position:relative;z-index:3;grid-column:1/-1;grid-row:1;align-self:center;justify-self:start;inset:auto;top:auto;width:auto;max-width:min(980px,calc(100% - 32px));margin-block:clamp(28px,7vh,120px) clamp(12px,2vh,28px);margin-inline:clamp(16px,7vw,9vw) 16px}
.hero h1{font-size:clamp(34px,4.2vw,68px);letter-spacing:-.03em;line-height:1.05;overflow-wrap:break-word}
.hero p,.intro-grid p,.quote p,.uae-copy p,.page-hero p,.service-detail p,.story p,.contact .muted,.section-head .muted{font-size:clamp(14px,.35vw + 13px,22px);max-width:min(62ch,100%)}
.hero p,.intro-grid p,.quote p,.uae-copy p,.page-hero p,.service-detail p,.story p,.contact .muted,.section-head .muted,.service-track p,.fleet-card p,.value p,.project-main p{text-align:justify;text-justify:inter-word}
html[lang="en"] .hero p,html[lang="en"] .intro-grid p,html[lang="en"] .quote p,html[lang="en"] .uae-copy p,html[lang="en"] .page-hero p,html[lang="en"] .service-detail p,html[lang="en"] .story p,html[lang="en"] .project-main p{hyphens:auto}
.actions{flex-wrap:wrap}
.actions a{text-align:center}
.hero-meta{position:relative;z-index:4;grid-column:1;grid-row:2;inset:auto;bottom:auto;min-width:0;margin:0 0 clamp(16px,3vh,40px);margin-inline-start:clamp(16px,7vw,9vw)}
.hero-arrows{position:relative;z-index:4;grid-column:2;grid-row:2;inset:auto;bottom:auto;align-self:end;margin:0 0 clamp(12px,2.4vh,32px);margin-inline-end:clamp(16px,4vw,5vw)}
.progress{width:clamp(56px,16vw,180px)}
.hero-arrows button,.carousel-controls button{width:clamp(42px,4vw,56px);height:clamp(42px,4vw,56px)}
.intro,.projects,.quote{padding:clamp(56px,7vw,160px) clamp(16px,6vw,180px)}
.services,.fleet{padding:clamp(56px,6vw,150px) clamp(16px,5vw,140px)}
.band,.stories,.service-details,.contact{padding-inline:clamp(16px,6vw,180px)}
.band{padding-block:clamp(64px,7vw,140px)}
.stories{padding-block:clamp(56px,6vw,120px) clamp(72px,8vw,140px)}
.service-details{padding-block:20px clamp(72px,8vw,140px)}
.contact{padding-block:clamp(56px,7vw,140px);flex-wrap:wrap;align-items:flex-start;gap:clamp(24px,4vw,72px)}
.intro h2,.section-head h2,.uae-copy h2,.quote h2,.contact h2{font-size:clamp(28px,2.8vw,52px);letter-spacing:-.025em;line-height:1.12;overflow-wrap:break-word}
.projects h3{font-size:clamp(24px,2.2vw,40px);letter-spacing:-.02em;line-height:1.12;overflow-wrap:break-word}
.intro-grid,.quote-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(22px,5vw,120px)}
.intro-grid>*,.quote-grid>*,.project-grid>*,.contact>*,.values>*,.story>*,.service-detail>*,.quote form{min-width:0}
.project-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr)}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats b{font-size:clamp(28px,2.4vw,48px)}
.stats small{display:block;letter-spacing:.06em;line-height:1.45;overflow-wrap:anywhere}
.section-head{flex-wrap:wrap;align-items:flex-end;gap:16px 28px}
.service-wrap,.fleet-wrap{width:100%;max-width:100%;container-type:inline-size}
.service-track,.fleet-track{width:max-content;max-width:none}
.service-track article,.fleet-card{flex:0 0 calc((100cqi - 36px) / 3);min-width:0}
.service-track h3{font-size:clamp(20px,1.5vw,30px);line-height:1.15}
.fleet-card .photo{height:clamp(210px,28vw,520px)}
.fleet-card h3{font-size:clamp(18px,1.2vw,24px);line-height:1.2}
.project-image{height:clamp(220px,36vw,680px)}
.mini{min-height:clamp(180px,28vw,360px)}
.uae-band{height:auto;min-height:clamp(440px,62vh,900px);display:flex;align-items:center}
.uae-copy{position:relative;z-index:1;top:auto;right:auto;bottom:auto;left:auto;transform:none;inset-inline:auto;max-width:min(820px,calc(100% - 32px));margin-inline:clamp(16px,8vw,140px) 16px;padding-block:clamp(56px,9vh,130px)}
.page-hero{min-height:clamp(340px,48vh,860px)}
.page-hero .inner{padding:clamp(48px,9vh,150px) clamp(16px,8vw,160px) clamp(32px,6vh,96px);max-width:min(1200px,100%)}
.page-hero h1{font-size:clamp(32px,3.6vw,64px);letter-spacing:-.025em;line-height:1.08;overflow-wrap:break-word}
.values{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.value h3{font-size:clamp(18px,1.3vw,26px);line-height:1.25}
.service-detail .copy,.story .copy{padding:clamp(22px,3vw,64px)}
.service-detail h2,.story h2{font-size:clamp(26px,2.2vw,42px);letter-spacing:-.02em;line-height:1.15;overflow-wrap:break-word}
.service-detail .shot,.story .shot{min-height:clamp(200px,32vw,520px)}
.quote-btn,.red-btn,.outline-btn,.white-btn{font-size:clamp(10px,.75vw,16px)}
.quote form{width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.quote input,.quote select,.quote textarea{width:100%;min-width:0;max-width:100%;font-size:max(16px,1em)}
.quote textarea,.quote select{grid-column:1/-1}
.contact-links{min-width:0}
.contact-links a{overflow-wrap:anywhere}
footer{flex-wrap:wrap;gap:14px 28px;padding:22px clamp(16px,5vw,80px);padding-bottom:max(22px,env(safe-area-inset-bottom));font-size:clamp(10px,.8vw,16px)}
footer img{width:clamp(120px,12vw,220px);height:auto}
.mini span,.badge,.project-main small{font-size:clamp(9px,.75vw,14px)}
.kicker,.eyebrow{font-size:clamp(10px,.7vw,16px)}
.wa-float{inset-inline-end:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}

@media(max-width:1400px){
.header nav{gap:16px;font-size:11px}
.logo img{width:158px}
.quote-btn{padding:12px 14px}
}
@media(max-width:1120px){
.header nav{display:none}
.hamb{display:grid!important;place-items:center}
.head-right .quote-btn{display:none}
.header:has(nav.open){z-index:60}
.header nav.open{display:flex;position:absolute;inset-inline:0;top:100%;background:#fff;padding:6px 18px 18px;flex-direction:column;gap:0;border-bottom:1px solid #e8e8e8;box-shadow:0 16px 40px #0000001f;z-index:60;max-height:min(70dvh,520px);overflow:auto}
.header nav.open a{padding:14px 2px;border-bottom:1px solid #eee;font-size:15px}
.header nav.open .nav-quote{display:block;margin-top:14px;background:#e21d2f;color:#fff;text-align:center;padding:14px 16px;border:0}
.header nav.open .nav-quote:hover{color:#fff;background:#c41828}
}
@media(max-width:980px){
.topbar span:nth-child(2){display:none}
.service-track article,.fleet-card{flex-basis:calc((100cqi - 18px) / 2)}
}
@media(max-width:800px){
.project-grid,.service-detail,.story{grid-template-columns:1fr}
.stats{grid-template-columns:1fr 1fr}
.stats div:nth-child(2n){border-inline-end:0}
.contact{flex-direction:column}
.contact-links{text-align:start;width:100%}
.contact-links a.contact-wa{align-items:flex-start}
.section-head{align-items:flex-start}
}
@media(max-width:700px){
.service-track article,.fleet-card{flex-basis:calc(100cqi - 36px)}
.actions{flex-direction:column;align-items:stretch}
.hero-content{margin-inline:16px}
.hero-meta{margin-inline-start:16px}
}
@media(max-width:420px){
.progress{display:none}
.topbar span:nth-child(3){display:none}
footer{flex-direction:column;align-items:flex-start;padding-bottom:96px}
}
@media(max-height:500px) and (orientation:landscape){
.hero{min-height:100dvh}
.page-hero{min-height:300px}
.hero h1{font-size:clamp(28px,6vh,64px)}
}
@media(min-width:1600px){
.topbar{font-size:13px;min-height:36px}
.header{min-height:92px}
.header nav{font-size:15px;gap:28px}
.logo img{width:210px}
.quote-btn,.red-btn,.outline-btn,.white-btn{padding:16px 22px}
}
@media(min-width:2000px){
.service-track article,.fleet-card{flex-basis:calc((100cqi - 54px) / 4)}
}
@media(min-width:2200px){
.topbar{font-size:18px;letter-spacing:.14em;padding-block:10px}
.header{min-height:120px}
.header nav{font-size:20px;gap:40px}
.logo img{width:280px}
.quote-btn,.red-btn,.outline-btn,.white-btn{font-size:16px;padding:18px 28px}
.kicker,.eyebrow{font-size:16px}
.service-track p,.fleet-card p,.value p,.project-main p{font-size:18px}
.wa-float{height:68px;font-size:16px;padding-inline:22px 16px}
.wa-float svg{width:34px;height:34px}
}
@media(min-width:3200px){
.topbar{font-size:22px}
.header{min-height:148px}
.header nav{font-size:26px;gap:52px}
.logo img{width:340px}
.hero{min-height:clamp(720px,calc(100dvh - 180px),1400px)}
}

html[lang="ar"] .hero h1,html[lang="ar"] .page-hero h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0;line-height:1.25}
html[lang="ar"] .topbar{font-size:clamp(12px,.9vw,22px);letter-spacing:0}
html[lang="ar"] .quote-btn,html[lang="ar"] .red-btn,html[lang="ar"] .outline-btn,html[lang="ar"] .white-btn,html[lang="ar"] .green-link,html[lang="ar"] .header nav.open .nav-quote{font-size:clamp(13px,1vw,22px);letter-spacing:0;text-transform:none}
html[lang="ar"] .header nav{font-size:clamp(14px,1vw,24px);text-transform:none;letter-spacing:0}
html[dir="rtl"] .hero-meta{margin-inline-start:clamp(16px,7vw,9vw);margin-inline-end:0}
html[dir="rtl"] .hero-arrows{margin-inline-end:clamp(16px,4vw,5vw);margin-inline-start:0}