/* Oil & Gas presentation, inspired by the reference's full-width hierarchy. */
:root{--green:#153e35;--paper:#fff;--ink:#152d37;--muted:#62717b;--accent:#d85b34;--navy:#102733}body{background:#fff}h1,h2,h3{letter-spacing:-.8px}header{position:sticky;top:0;z-index:25;background:white;padding:20px 5%;gap:22px;box-shadow:0 1px 10px #1027330a}.topline{background:var(--navy);font-size:9px;letter-spacing:1.3px}.brand{min-width:218px}.brand b{font-size:27px;font-style:italic;letter-spacing:-1.5px;color:#16523d}.brand b span{font-weight:800;color:#b52736}.brand small{font-size:8px;letter-spacing:2.5px;margin-top:3px}nav{gap:21px;font-size:12px}header .button.small{background:var(--navy);padding:12px;font-size:10px}header select{width:75px}.button{border-radius:4px;background:var(--accent);font-weight:600;padding:15px 25px}.button:hover{background:#b84425}.button.outline{border:1px solid #ffffff75;background:#ffffff08}.button.outline:hover{background:#ffffff20}.hero{display:block;position:relative;min-height:660px;color:#fff;background:var(--navy);overflow:hidden}.hero-backdrop,.hero-shade{position:absolute;inset:0}.hero-backdrop img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,#071a25ec 0%,#091c29c9 42%,#0b202c66 80%),linear-gradient(0deg,#071a25d9,transparent 45%)}.hero-copy{position:relative;z-index:1;padding:65px 5% 135px;max-width:950px}.hero .eyebrow{color:#ffad80;font-size:12px;letter-spacing:2.5px;margin-bottom:22px}h1{font-size:clamp(39px,4.7vw,67px);line-height:1.08;font-weight:800;letter-spacing:-2.4px;margin-bottom:23px}h1 em{color:#ffa274}.hero .lead{color:#e4e8e8;max-width:710px;font-size:15px;line-height:1.8}.hero-disciplines{display:flex;flex-wrap:wrap;gap:10px 0;font-size:12px;margin-bottom:22px;color:#e1e7e7}.hero-disciplines a{padding:0 14px;border-right:1px solid #8d9da077}.hero-disciplines a:first-child{padding-left:0}.hero-disciplines a:last-child{border:0}.hero .actions{margin-top:28px;gap:14px}.hero-note{color:#c0cdd1;font-size:10px;margin-top:25px}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #ffffff38;padding-top:18px}.hero-bottom>div:first-child{display:grid;grid-template-columns:65px 1fr;gap:7px 15px}.hero-bottom span{font-size:10px;color:#ffac80;grid-row:span 2;padding-top:4px;letter-spacing:1px}.hero-bottom strong{font-size:15px;font-weight:500}.hero-bottom small{font-size:9px;color:#aebec5}.slide-controls{display:flex;gap:7px}.slide-controls button{background:#ffffff08;border:1px solid #ffffff50;color:#c7d0d5;padding:9px 11px;font-size:10px;cursor:pointer;border-radius:2px}.slide-controls button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.sector-strip{background:#f2f5f7;padding:25px 5%;gap:25px;border:0;letter-spacing:0}.sector-strip>div{display:grid;gap:9px;flex:1;border-right:1px solid #d8e0e3}.sector-strip>div:last-child{border:0}.sector-strip b{font-size:9px;color:#bb4d2d;letter-spacing:1.4px}.sector-strip span{font-size:12px;color:#354d5a}section:not(.hero){padding:78px 5%}.eyebrow{color:#b95331;font-size:10px;letter-spacing:1.8px}h2{font-size:clamp(30px,3.4vw,45px);font-weight:750;line-height:1.2;color:#152d37;letter-spacing:-1.5px}.section-heading.centered{display:block;text-align:center;margin-bottom:40px}.section-heading.centered .eyebrow{margin-bottom:15px}.section-heading.centered>p{max-width:650px;margin:20px auto 0}.service-grid{grid-template-columns:repeat(4,1fr);gap:22px;border:0}.service-grid article{border:1px solid #e1e6e9;border-radius:7px;padding:25px 22px;min-height:300px;scroll-margin-top:120px;box-shadow:0 5px 22px #12324006;display:flex;flex-direction:column}.service-icon{height:46px;width:46px;border-radius:9px;background:#fcf0e9;color:#be532e;display:grid;place-items:center;font-size:12px;font-weight:700}.service-grid h3{font-size:18px;font-weight:700;line-height:1.4;margin:20px 0 10px;letter-spacing:-.4px}.service-grid p{font-size:12px;line-height:1.85;margin:0 0 23px}.service-grid a{margin-top:auto;font-size:10px;font-weight:600;color:#b44a2a}.service-grid a span{float:right}.deliverable-band{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;background:#f3f6f7;padding:30px;border-radius:6px;margin-top:30px;border-left:3px solid var(--accent)}.deliverable-band .eyebrow{margin:0 0 10px;font-size:9px}.deliverable-band h3{font-size:20px;line-height:1.5;margin:0 0 10px}.deliverable-band p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.deliverable-tags{display:flex;align-content:center;flex-wrap:wrap;gap:10px}.deliverable-tags span{padding:9px 12px;border:1px solid #d8e0e3;background:white;border-radius:3px;font-size:10px;color:#4c6270}.building-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#f0f3f4;align-items:center}.building-feature>img{width:100%;height:380px;object-fit:cover;border-radius:6px}.building-feature .eyebrow{margin-bottom:15px}.building-feature p:not(.eyebrow),.building-feature li{font-size:13px;line-height:1.9;color:var(--muted)}.building-feature ul{padding-left:18px;margin:20px 0 25px}.specialized-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.specialized-grid article{padding:24px;border:1px solid #e1e6e9;border-radius:6px}.specialized-grid article>span{font-size:10px;color:var(--accent)}.specialized-grid h3{font-size:17px;margin:15px 0 10px;line-height:1.4;font-weight:700}.specialized-grid p{font-size:12px;line-height:1.9;color:var(--muted)}.specialized-grid a{font-size:10px;color:#b14e2e}.projects{background:#f3f6f7}.project-grid{gap:25px}.project-grid article{border:1px solid #dfe6e9;padding:0;background:white;border-radius:6px;overflow:hidden}.project-grid img{height:200px}.project-copy{padding:0 23px 25px}.project-grid .eyebrow{color:#b95331;font-size:9px}.project-grid h3{font-size:20px;font-weight:700;line-height:1.4}.project-grid p{color:var(--muted);font-size:12px;line-height:1.85}.project-grid a{font-size:10px;color:#b14e2e}.filters button{border-radius:4px;border-color:#ccd6dc;padding:10px 18px;font-size:11px}.filters button.active{background:var(--navy);border-color:var(--navy)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{padding:0;text-align:left;cursor:pointer;background:#f3f6f7;border:1px solid #e2e7e9;border-radius:5px;overflow:hidden;color:var(--ink)}.gallery-item img{width:100%;height:210px;object-fit:cover;display:block}.gallery-item span{display:block;padding:17px;font-size:12px;font-weight:600}.gallery-item b{float:right;color:var(--accent)}dialog{width:min(1000px,92vw);max-height:92vh;border:0;padding:40px 20px 15px;border-radius:6px;background:#fff}dialog::backdrop{background:#071a25d9}dialog>img{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}dialog>p{text-align:center;font-size:12px}#close-image{position:absolute;right:10px;top:4px;background:none;border:0;font-size:28px;cursor:pointer}.about{background:#f3f6f7}.about .lead{font-size:16px!important}.principles h3{font-weight:650}.principles span{color:var(--accent)}.process{background:var(--navy)}.process b{color:#ffad80}.process h3{color:white;font-weight:650}.resource-grid h3{font-weight:650}.resource-grid article{border-top-color:#dce3e6}.help{background:#f3f6f7}.contact h2{font-size:48px}.contact form{background:#f4f6f7;padding:30px;border-radius:6px}.contact .button{width:100%}footer{background:var(--navy);color:#dae1e4;padding:50px 5%}footer .brand b{color:white}footer .brand b span{color:#ffa274}footer .brand small{color:#bdc9ce}footer>small{color:#b1c1c9}.whatsapp{background:#18784d}.caption{color:#6f7e86}html[dir=rtl] .hero-copy{padding:65px 5% 135px;max-width:none}html[dir=rtl] .hero-shade{background:linear-gradient(270deg,#071a25ec,#091c29b9 65%,#0b202c66)}html[dir=rtl] .hero .lead{margin-left:0;margin-right:0}html[dir=rtl] .hero-disciplines a:first-child{padding-right:0;padding-left:14px}html[dir=rtl] .hero-disciplines a{border:0}html[dir=rtl] .hero-bottom{direction:ltr}
@media(max-width:1100px){header{gap:15px;flex-wrap:wrap}.brand{min-width:200px}header nav{order:4;justify-content:center;width:100%;margin:0;gap:28px}header select{margin-left:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding-top:55px}.hero{min-height:650px}}
@media(max-width:720px){header{padding:16px 5%;gap:14px}.brand{min-width:180px}.brand b{font-size:24px}.brand small{font-size:7px}header .button.small{display:none}header nav{gap:10px;justify-content:space-between;overflow:auto;font-size:10px;white-space:nowrap}header select{font-size:11px}.topline{padding:9px 5%;font-size:8px;letter-spacing:.6px}.hero{min-height:730px}.hero-copy,html[dir=rtl] .hero-copy{padding:48px 6% 185px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}h1{font-size:42px;letter-spacing:-1.5px;line-height:1.1}.hero .lead{font-size:13px;line-height:1.85}.hero-disciplines{font-size:10px;gap:12px}.hero-disciplines a{padding:0;border:0}.hero .actions{gap:10px;flex-wrap:wrap}.hero .button{padding:14px 18px;font-size:11px}.hero-note{font-size:9px;line-height:1.8}.hero-bottom{bottom:22px;left:6%;right:6%;display:block}.hero-bottom strong{font-size:12px}.hero-bottom small{font-size:8px}.hero-bottom>div:first-child{grid-template-columns:55px 1fr;gap:8px}.slide-controls{margin-top:17px;gap:6px}.slide-controls button{padding:8px 10px;font-size:9px}.sector-strip{display:grid;grid-template-columns:1fr;gap:18px;white-space:normal;padding:23px 6%}.sector-strip>div{border:0;gap:6px}.sector-strip b{font-size:8px}.sector-strip span{font-size:11px}section:not(.hero){padding:55px 6%}.service-grid,.specialized-grid,.gallery-grid,.deliverable-band,.building-feature{grid-template-columns:1fr}.service-grid article{min-height:0;padding:25px}.service-grid p{font-size:13px}.service-grid a{font-size:11px}.deliverable-band{padding:25px;gap:22px}.building-feature{gap:30px}.building-feature>img{height:300px}.building-feature h2{font-size:33px}.specialized-grid{gap:15px}.specialized-grid article{padding:25px}.specialized-grid p{font-size:13px}.project-grid img{height:215px}.gallery-item img{height:235px}.contact h2{font-size:39px}.contact form{padding:22px}h2{font-size:32px}.section-heading>p{font-size:13px}.hero-shade{background:linear-gradient(90deg,#071a25ed,#091c29b9),linear-gradient(0deg,#071a25de,transparent)}footer{gap:25px}footer .brand{width:100%}.hero-backdrop img{object-position:60% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original DDPro logo, preserved without recolouring. */
.brand-logo{display:block;width:218px;max-width:100%;height:auto}footer .brand{background:#fff;padding:12px;border-radius:4px}footer .brand small{color:#334d46}footer .brand-logo{width:218px}@media(max-width:720px){header .brand-logo{width:180px}}


.back-to-top{position:fixed;right:24px;bottom:84px;z-index:20;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#102733;color:#fff;font-size:25px;cursor:pointer;box-shadow:0 3px 14px #10273330}.back-to-top:hover{background:#d85b34}.back-to-top[hidden]{display:none}

header{flex-wrap:wrap}.header-contact{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;color:#16523d;order:-1;padding-bottom:9px;border-bottom:1px solid #e3e8e5}.header-contact a{font-weight:600}.header-contact a:hover{color:#b52736}[data-cms]{white-space:pre-line}.admin-shell{max-width:1100px;margin:45px auto;padding:0 25px 60px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.admin-heading h1{font-size:34px;color:#152d37;letter-spacing:-1px}.admin-heading .eyebrow{margin-bottom:15px}.admin-heading a{font-size:13px;text-decoration:underline}.admin-login{max-width:480px;padding:30px;background:#f2f5f4;border:1px solid #d6dfda;border-radius:8px}.admin-login h2{font-size:25px}.admin-login p,.admin-shell>p{font-size:13px;line-height:1.8}.admin-status{color:#16523d;min-height:24px}.admin-toolbar{display:flex;gap:20px;align-items:end;padding:22px;background:#edf2ef;border:1px solid #d8e0da;border-radius:6px;position:sticky;top:0;z-index:1}.admin-toolbar label{min-width:200px}.admin-toolbar>button:not(.button){padding:14px;cursor:pointer;background:white;border:1px solid #bbc7bf;border-radius:4px}.admin-toolbar span{font-size:12px}.admin-fields{display:grid;gap:24px;margin:30px 0}.admin-fields label{font-size:13px;font-weight:600}.admin-fields textarea{font-weight:400;line-height:1.6;background:#fff}.admin-reset{justify-self:start;background:none;border:0;padding:0;color:#8b432b;text-decoration:underline;cursor:pointer;font-size:11px}.admin-shell button:disabled{opacity:.55;cursor:default}@media(max-width:720px){.header-contact{font-size:11px;justify-content:center;gap:7px}.admin-toolbar{flex-wrap:wrap;gap:12px}.admin-heading{display:block}.admin-heading h1{font-size:29px}.admin-shell{margin-top:30px}.admin-login{padding:22px}.admin-toolbar label{width:100%}}

.card-picture{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:18px}.card-picture[hidden]{display:none}.admin-image-preview{background:#e9edf0;min-height:100px;display:flex;align-items:center;justify-content:center;padding:12px}.admin-image-preview img{max-width:100%;height:180px;object-fit:contain}.admin-fields input[type=file]{padding:12px;background:white;max-width:100%}.admin-fields small{display:block;color:#52616a;margin:8px 0}

/* Arabic layout preserves numeric contact details and engineering identifiers. */
html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .eyebrow,html[lang=ar] .topline,html[lang=ar] .brand small{letter-spacing:0}html[lang=ar] h1{line-height:1.35;font-size:clamp(34px,4.1vw,58px)}html[lang=ar] .hero-shade{background:linear-gradient(270deg,#071a25ec 0%,#091c29c9 42%,#0b202c66 80%),linear-gradient(0deg,#071a25d9,transparent 45%)}html[lang=ar] .hero-disciplines a{border-right:0;border-left:1px solid #8d9da077}html[lang=ar] .hero-disciplines a:first-child{padding-right:0;padding-left:14px}html[lang=ar] .hero-disciplines a:last-child{border-left:0}html[lang=ar] .sector-strip>div{border-right:0;border-left:1px solid #d8e0e3}html[lang=ar] .sector-strip>div:last-child{border-left:0}html[lang=ar] .deliverable-band{border-left:0;border-right:3px solid var(--accent)}html[lang=ar] .building-feature ul{padding-left:0;padding-right:18px}html[lang=ar] .gallery-item{text-align:right}html[lang=ar] .gallery-item b,html[lang=ar] .service-grid a span{float:left}.header-call [data-cms="contact.phone"],a[href^="tel:"],a[href^="mailto:"],input[type=email],#slide-number{direction:ltr;unicode-bidi:isolate}html[lang=ar] #language{width:85px}html[lang=ar] .hero-bottom{position:relative;bottom:auto;left:auto;right:auto;margin:-105px 5% 0;padding-bottom:25px;min-height:105px}.admin-fields textarea[lang=ar]{font-family:Tahoma,Arial,sans-serif;font-size:15px}

.admin-pair{display:grid;gap:18px;padding:22px;background:#f5f7f6;border:1px solid #d6dfda;border-radius:8px}.admin-pair label{display:grid;gap:8px}.admin-pair label+label{padding-top:16px;border-top:1px dashed #bdcbc3}.admin-collection,.comment-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:24px 0}.admin-collection label{flex:1;min-width:220px}.admin-collection .button{white-space:nowrap}.admin-comment{border:1px solid #d6dfda;border-radius:8px;padding:24px;margin:22px 0}.admin-comment>label{display:block;margin-bottom:18px}.comment-controls button:not(.button){padding:12px;border:1px solid #bccac2;border-radius:4px;cursor:pointer;background:white}.comment-controls .danger{color:#a51f2e}.comments-editor{padding:20px 0!important}.comments-editor h2{font-size:28px}.gallery-subheading{font-size:26px;margin:32px 0 20px}.video-gallery{margin-top:45px;padding-top:15px;border-top:1px solid #dce4e8}.video-gallery>p{color:var(--muted);font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.video-card{border:1px solid #dce4e8;border-radius:7px;overflow:hidden;background:#f4f7f8}.video-card>a{display:block;padding:25px}.video-play{height:110px;background:#102733;color:#fff;display:grid;place-items:center;font-size:34px;margin:-25px -25px 22px}.video-card h3{font-size:19px;line-height:1.6;min-height:60px}.video-card span{font-size:12px;color:#b14e2e}.video-card:hover{border-color:#d85b34}.comments-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.visitor-comments{background:#f2f5f6}.visitor-comment{background:white;padding:23px;border:1px solid #dae2e6;border-radius:6px;margin-bottom:18px}.visitor-comment h3{font-size:17px}.visitor-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9}.comment-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.slide-controls{max-width:48%;overflow-x:auto;flex-shrink:0;padding-bottom:4px}.slide-controls button{flex-shrink:0}.admin-toolbar{flex-wrap:wrap}#comment-status{font-size:13px;line-height:1.8}@media(max-width:720px){.video-grid,.comments-layout{grid-template-columns:1fr}.comments-layout{gap:24px}.admin-pair{padding:16px}.slide-controls{max-width:100%;width:100%}.hero-bottom{flex-wrap:wrap}.video-play{height:140px}} 
/* Private inquiry upload and administrator document review. */
.footer-client-links{display:flex;gap:20px;flex-wrap:wrap}.delivery-filename{overflow-wrap:anywhere}.delivery-draft{background:#edf5ef;padding:24px;border-radius:12px;margin:24px 0}.delivery-draft textarea{width:100%;box-sizing:border-box}.delivery-draft .button{margin:10px 10px 10px 0}.client-deliveries label{display:block;margin:12px 0}.client-deliveries input{display:block;padding:10px;max-width:100%;box-sizing:border-box}.client-deliveries button{margin:8px 10px 8px 0;padding:10px}.client-deliveries progress{width:100%}
#inquiry input[type=file]{padding:14px;background:#f2f5f4;border:1px dashed #829a8c;width:100%;box-sizing:border-box}
#inquiry progress{width:100%;height:14px;accent-color:#185c38}
#inquiry-whatsapp[hidden]{display:none}
.admin-inquiry{border:1px solid #d2ddd6;padding:24px;margin:20px 0;border-radius:12px;background:white}
.inquiry-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.admin-inquiry dl{display:grid;grid-template-columns:150px 1fr;gap:8px}.admin-inquiry dd{margin:0;overflow-wrap:anywhere}.admin-inquiry dt{font-weight:700}
.inquiry-message{white-space:pre-wrap}.document-list{padding:0;list-style:none}.document-list li{padding:14px;background:#f2f5f4;margin:8px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.document-list small{width:100%;overflow-wrap:anywhere}.document-list .danger{color:#ad1426;border:1px solid #ad1426;background:white;padding:8px 12px;border-radius:5px}
@media(max-width:600px){.admin-inquiry dl{grid-template-columns:1fr}.admin-inquiry dd{margin-bottom:8px}}