@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--bg:#0c1215;--surface:#111a1e;--yellow:#ffc20a;--text:#f5f6f7;--muted:#adb5b9;--line:#2b3438}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,5.5vw,78px);line-height:1.35;font-weight:600;letter-spacing:-1px}h2{font-size:clamp(28px,3vw,44px);line-height:1.45;font-weight:600}h3{line-height:1.5;font-weight:600}.photo{display:block;width:100%;height:100%}header{height:104px;max-width:1440px;margin:auto;padding:10px 6%;display:flex;direction:ltr;align-items:center;justify-content:space-between;position:relative;z-index:5}.logo{display:inline-flex;align-items:center}.logo img{width:96px;height:78px;object-fit:contain}nav{display:flex;align-items:center;gap:35px;direction:rtl}nav>a{font-size:15px;color:#dce0e2}nav>a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--yellow);color:#0c1215;border:0;padding:13px 25px;font-weight:600;font-size:16px;min-height:48px}.button:hover{background:#ffd04b}.button.small{padding:10px 21px;font-size:14px}.button.black{background:var(--bg);color:#fff}.button.black:hover{background:#233039}#menu{display:none;background:none;border:0;width:44px;padding:8px;color:#fff}#menu span{display:block;height:2px;background:#fff;margin:6px 0}.hero{position:relative;min-height:620px;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:68%;right:auto}.hero-overlay{position:absolute;inset:0;background:linear-gradient(270deg,#0c1215 8%,#0c1215e8 26%,#0c12152b 66%,#0c121522)}.hero-content{position:relative;padding:70px 7% 120px;width:100%}.eyebrow{font-size:14px;color:var(--yellow);margin-bottom:16px}.hero h1 span{color:var(--yellow)}.hero-content>p:not(.eyebrow){color:#d0d5d8;font-size:20px;margin:22px 0 28px}.hero-foot{position:absolute;bottom:22px;right:7%;left:7%;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff28;padding-top:18px;font-size:14px;color:#d4d9da}.hero-foot a{color:var(--yellow)}.section{padding:74px 7%;max-width:1440px;margin:auto}.section-title{text-align:center;margin-bottom:36px}.line{display:block;width:46px;height:4px;background:var(--yellow);margin:0 auto 18px}.section-title>p:last-child{color:var(--muted);font-size:18px;margin-top:12px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service{display:flex;direction:ltr;min-height:325px;border:1px solid var(--line);background:linear-gradient(135deg,#172125,#0c1215);scroll-margin-top:20px;overflow:hidden}.service-image{width:45%;flex-shrink:0;position:relative;min-height:325px}.service-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#10191d99)}.service-copy{direction:rtl;flex:1;min-width:0;padding:24px 22px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.number{font-family:Arial,sans-serif;color:var(--yellow);font-size:48px;font-weight:500;line-height:1.1;margin-bottom:12px}.english{font-family:Arial,sans-serif;color:#8e9b9f;font-size:12px;letter-spacing:1px;margin-bottom:8px}.service h3{font-size:25px;margin-bottom:9px}.service-copy>p:not(.english){color:var(--muted);font-size:16px;margin-bottom:15px}.service details{margin-top:auto;width:100%}.service summary{list-style:none;color:var(--yellow);cursor:pointer;font-size:15px;padding:7px 0}.service summary::-webkit-details-marker{display:none}.service summary span{margin-right:12px}.service details p{font-size:15px;color:#ced4d6;margin:10px 0}.text-button{background:none;color:var(--yellow);border:0;padding:5px 0;font-size:15px}.factory{border-top:1px solid var(--line);padding-top:70px;background:#0e171b}.factory>.section-title{padding:0 5%}.factory-hero{width:100%;height:430px;position:relative;max-width:1440px;margin:auto}.image-note{position:absolute;left:20px;bottom:15px;background:#0c1215aa;color:#ddd;padding:2px 10px;font-size:12px}.machine-section{padding-top:52px}.machine-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.machine{display:flex;direction:ltr;border:1px solid var(--line);background:#10191d;min-height:182px}.machine-image{width:43%;flex-shrink:0}.machine-copy{padding:21px 22px;direction:rtl;flex:1;min-width:0}.machine h3{font-size:21px;margin-bottom:7px}.machine p{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:16px}.machine .english{display:block;letter-spacing:0;font-size:13px;text-align:right}.machine .english:before{content:'';display:block;width:24px;height:3px;background:var(--yellow);margin-bottom:9px}.applications{text-align:center;padding-top:60px}.applications h2{font-size:31px}.application-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:27px auto 0;max-width:800px}.application-tags span{padding:20px 12px;border:1px solid var(--line);font-size:18px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.about>div>p:not(.eyebrow){color:var(--muted);font-size:18px}.since{display:inline-flex;align-items:center;gap:15px;direction:ltr;font:13px Arial,sans-serif;letter-spacing:2px;color:#c2cacc;margin-top:28px}.since strong{font-size:40px;color:var(--yellow);font-weight:400;letter-spacing:0}.cta{padding:48px 7%;background:var(--yellow);color:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:25px}.cta p{margin-bottom:8px;font-size:16px}.cta h2{font-size:34px}footer{padding:35px 7%;display:flex;align-items:center;gap:40px;max-width:1440px;margin:auto;direction:ltr}footer>div{direction:rtl}footer .logo img{width:100px;height:83px}.muted{color:var(--muted);font-size:14px}.footer-end{margin-left:auto;text-align:right;font-size:13px;color:var(--muted)}.footer-end a{color:#fff}.footer-end p{margin-top:12px}.footer-end small{font-size:12px}dialog{background:#121b20;color:#fff;border:1px solid #3b474e;width:min(94%,560px);max-height:90vh;padding:26px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:27px}#close-quote{font:30px Arial;background:none;border:0;color:#fff;width:44px;height:44px}.form-note{font-size:14px;color:var(--muted);margin:10px 0 20px}label{display:block;margin:14px 0;font-size:15px}input,select,textarea{display:block;width:100%;padding:11px;background:#0c1215;border:1px solid #3e494f;color:#fff;margin-top:6px;border-radius:0;font-size:16px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--yellow)}#quote-result{border-top:1px solid var(--line);margin-top:22px;padding-top:10px}#quote-result small{display:block;color:var(--muted);font-size:13px;margin-top:14px}#copy-status{color:var(--yellow);font-size:14px;margin-top:12px}
@media(max-width:1000px){.service-list,.machine-grid{grid-template-columns:1fr}.service{min-height:290px}.service-image{width:48%;min-height:290px}.service-copy{padding:26px 30px}.service h3{font-size:29px}.number{font-size:55px}.machine{min-height:185px}.machine-image{width:43%}.machine h3{font-size:24px}.hero{min-height:560px}nav{gap:22px}.factory-hero{height:330px}}
@media(max-width:640px){html{scroll-padding-top:20px}header{height:88px;padding:5px 6%}.logo img{width:83px;height:70px}#menu{display:block}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#10191d;border-bottom:1px solid var(--line);padding:22px 6%;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav>a{padding:11px 0;font-size:16px}nav .button{margin-top:14px}.hero{min-height:365px}.hero-image{width:100%}.hero-overlay{background:linear-gradient(270deg,#081013df,#08101365 65%,#08101320)}.hero-content{padding:32px 6% 70px}.hero .eyebrow{font-size:12px;margin-bottom:10px}h1{font-size:39px;line-height:1.4}.hero-content>p:not(.eyebrow){font-size:16px;margin:15px 0 20px}.hero .button{padding:10px 19px;font-size:15px;min-height:44px}.hero-foot{right:6%;left:6%;bottom:12px;padding-top:9px;font-size:12px}.section{padding:45px 4%}.section-title{margin-bottom:24px}.section-title>p:last-child{font-size:16px;margin-top:7px}.section-title .eyebrow{font-size:13px;margin-bottom:9px}.service-list{gap:15px}.service{min-height:240px}.service-image{width:43%;min-height:240px}.service-copy{padding:17px 14px}.number{font-size:43px;margin-bottom:10px}.service .english{display:none}.service h3{font-size:22px;line-height:1.5;margin-bottom:8px}.service-copy>p:not(.english){font-size:15px;line-height:1.65;margin-bottom:9px}.service summary{font-size:14px}.service details p{font-size:14px}.factory{padding-top:44px}.factory h2{font-size:30px}.factory-hero{height:225px}.machine-section{padding-top:35px}.machine-grid{gap:11px}.machine{min-height:156px}.machine-image{width:43%}.machine-copy{padding:15px 12px}.machine h3{font-size:18px;margin-bottom:7px}.machine p{font-size:14px;line-height:1.65;margin-bottom:12px}.machine .english{font-size:12px}.applications{padding-top:40px}.applications h2{font-size:24px}.application-tags{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.application-tags span{padding:14px 8px;font-size:16px}.about{grid-template-columns:1fr;gap:23px;padding:45px 6%}.about h2{font-size:28px}.about>div>p:not(.eyebrow){font-size:16px}.since{margin-top:18px}.cta{padding:30px 6%;flex-direction:column;align-items:stretch;gap:22px}.cta h2{font-size:28px}.cta .button{align-self:flex-start}footer{padding:30px 6%;gap:24px;flex-wrap:wrap}footer .logo img{width:88px;height:73px}footer>div{font-size:14px}.footer-end{width:100%;padding-top:20px;border-top:1px solid var(--line);text-align:right}.footer-end p{margin-top:7px}.image-note{font-size:12px;bottom:8px;left:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Display the approved logo with its original colors. */
.logo img{mix-blend-mode:normal}.portfolio{border-top:1px solid var(--line)}.portfolio-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:25px;align-items:center}.portfolio-photo{display:block;width:100%;padding:0;border:1px solid var(--line);background:#0a1013;overflow:hidden;cursor:zoom-in}.portfolio-photo img{display:block;width:100%;height:auto}.portfolio-photo:hover{border-color:var(--yellow)}.portfolio-hint{color:var(--muted);font-size:14px;text-align:center;margin-top:20px}#photo-viewer{width:min(96vw,1400px);max-width:96vw;height:94vh;max-height:94vh;padding:48px 12px 58px;overflow:hidden;background:#080d10;border:1px solid #344046}#full-photo{width:100%;height:100%;object-fit:contain}#close-photo{position:absolute;right:12px;top:4px;background:none;color:#fff;border:0;font:36px Arial;width:44px;height:44px}.photo-controls{position:absolute;bottom:8px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:30px}.photo-controls button{width:44px;height:40px;background:#1b272c;border:1px solid #445056;color:var(--yellow);font-size:23px}#photo-count{font:14px Arial;color:#dce1e3}@media(max-width:640px){.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-photo.portrait{max-width:100%}#photo-viewer{padding-left:6px;padding-right:6px}}
.portfolio-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 0 2px;border-top:1px solid var(--line);color:var(--yellow);font-size:15px;font-weight:500;margin-top:12px}.portfolio-link:hover{color:#ffe088}.back-link{display:inline-block;color:var(--muted);font-size:15px;margin-bottom:30px}.back-link:hover{color:var(--yellow)}:is(#cladding-gallery,#curtain-gallery,#facades-gallery){min-height:60vh}:is(#cladding-gallery,#curtain-gallery,#facades-gallery) h1{font-size:clamp(32px,4vw,52px)}:is(#cladding-gallery,#curtain-gallery,#facades-gallery) .portfolio-grid{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:640px){:is(#cladding-gallery,#curtain-gallery,#facades-gallery) .portfolio-grid{grid-template-columns:1fr}}

/* Flow varied photograph ratios without cropping the actual work. */
:is(#cladding-gallery,#curtain-gallery,#facades-gallery) .portfolio-grid{display:block;columns:2;column-gap:20px}:is(#cladding-gallery,#curtain-gallery,#facades-gallery) .portfolio-photo{break-inside:avoid;margin:0 0 20px}:is(#cladding-gallery,#curtain-gallery,#facades-gallery) .portfolio-photo img{height:auto;width:100%;display:block}@media(max-width:640px){:is(#cladding-gallery,#curtain-gallery,#facades-gallery) .portfolio-grid{columns:1}:is(#cladding-gallery,#curtain-gallery,#facades-gallery) .portfolio-photo{margin-bottom:16px}}

.concept-heading{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}

:is(#cladding-gallery,#facades-gallery) .project-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;background:#1d282d;border:1px solid var(--line);break-inside:avoid;margin-bottom:20px}:is(#cladding-gallery,#facades-gallery) .project-collage .portfolio-photo{margin:0;border:0;align-self:stretch;display:flex;align-items:center;justify-content:center}:is(#cladding-gallery,#facades-gallery) .project-collage .portfolio-photo:first-child{grid-column:1/-1}:is(#cladding-gallery,#facades-gallery) .project-collage .portfolio-photo img{width:100%;height:auto;object-fit:contain}:is(#cladding-gallery,#facades-gallery) .project-collage:has(> :nth-child(2):last-child){grid-template-columns:1fr}

.service-real-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}#facades-gallery h1{font-size:clamp(32px,4vw,52px)}#facades-gallery .portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}#facades-gallery .portfolio-photo,#facades-gallery .project-collage{margin:0}@media(max-width:640px){#facades-gallery .portfolio-grid{grid-template-columns:1fr}}

#metal-gallery h1{font-size:clamp(32px,4vw,52px)}#metal-gallery .portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}#metal-gallery .project-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;background:#1d282d;border:1px solid var(--line)}#metal-gallery .portfolio-photo{margin:0}#metal-gallery .project-collage .portfolio-photo:first-child{grid-column:1/-1}#metal-gallery .project-collage .portfolio-photo{align-self:center}#metal-gallery .portfolio-photo img{height:auto;width:100%}@media(max-width:640px){#metal-gallery .portfolio-grid{grid-template-columns:1fr}}

/* Supplied factory photography */
.factory-photo-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}.factory-photo-button img{display:block;width:100%;height:auto}.factory-photo-button svg{display:block;width:100%;height:100%}.factory-hero.factory-real{height:auto;max-height:none;overflow:hidden}.factory-real .factory-photo-button{height:auto}.machine-image .factory-photo-button{overflow:hidden}.machine-image .factory-photo-button .photo{height:100%;width:100%}

.machine-product-photo{background:#fff;display:flex;align-items:center;justify-content:center}.machine-product-photo img{width:100%;height:100%;object-fit:contain}

/* Approved two-column machinery layout */
.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;direction:rtl}
.machine{display:flex;flex-direction:column;direction:rtl;min-width:0;min-height:0;overflow:hidden;border-radius:5px}
.machine-image{width:100%;height:auto;aspect-ratio:1.65;flex-shrink:0;overflow:hidden}
.machine-copy{padding:18px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}
.machine h3{font-size:21px;line-height:1.5;margin:0 0 8px}
.machine p{font-size:16px;line-height:1.65;margin:0 0 14px}
.machine .english{font-size:14px;text-align:center;margin-top:auto}
.machine .english:before{margin:0 auto 10px}
.machine-image .welding-composite{display:flex;flex-direction:row;direction:rtl;align-items:stretch;background:white}
.machine-image .welding-composite>img{width:57%;height:100%;object-fit:contain}
.welding-action{width:43%;height:100%;position:relative;overflow:hidden;display:block;background:#111}
.welding-action svg{width:100%;height:100%;display:block}
.welding-action>span{position:absolute;bottom:0;left:0;right:0;background:#071014d9;color:#fff;padding:4px 2px;font-size:14px;text-align:center}
@media(max-width:600px){.machine-grid{gap:10px}.machine-image{aspect-ratio:1.35}.machine-copy{padding:12px 8px}.machine h3{font-size:17px}.machine p{font-size:16px;margin-bottom:12px}.machine .english{font-size:14px}.welding-action>span{font-size:12px}}

/* Frame new fence photographs around metalwork, retain originals in viewer. */
.portfolio-photo img[src$="metal-new-1.jpg"]{object-position:center 37%}
.portfolio-photo img[src$="metal-new-2.jpg"]{object-position:center 40%}
.portfolio-photo img[src$="metal-new-3.jpg"]{object-position:center 35%}

/* Isolated original client marks on a seamless white section. */
.clients.section{background:#fff;color:#172126;max-width:none;border:0;padding:72px 7%}.clients-inner{max-width:1240px;margin:auto}.clients .section-title{margin-bottom:48px;padding:0}.clients-eyebrow{color:#8b9095;font:500 14px/1.5 Arial,sans-serif;letter-spacing:3px;margin-bottom:8px}.clients h2{color:#172126}.clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:48px;row-gap:48px;direction:ltr}.client-mark{min-width:0;height:130px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none}.client-logo{display:block;max-width:100%;width:100%;height:100%;overflow:hidden}.client-mark image{mix-blend-mode:multiply}.clients-more{margin-top:42px}.clients-more>summary{cursor:pointer;list-style:none;text-align:center;color:#172126;padding:12px 20px;width:max-content;max-width:100%;margin:0 auto 30px;display:flex;align-items:center;gap:13px;font-size:16px;border:0;background:transparent}.clients-more>summary::-webkit-details-marker{display:none}.hide-clients,.clients-more[open] .show-clients{display:none}.clients-more[open] .hide-clients{display:inline}.clients-chevron{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-5px}.clients-more[open] .clients-chevron{transform:rotate(225deg);margin-top:5px}@media(max-width:900px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:38px}nav{gap:20px}.client-mark{height:112px}}@media(max-width:600px){.clients.section{padding:44px 5%}.clients .section-title{margin-bottom:32px}.clients h2{font-size:34px}.clients-eyebrow{font-size:12px;letter-spacing:2px}.clients-grid{column-gap:18px;row-gap:30px}.client-mark{height:78px}.clients-more{margin-top:26px}}@media(prefers-reduced-motion:reduce){.clients-more{scroll-behavior:auto}}

/* Technical office and engineering expertise. */
.engineering{margin-top:68px;padding:52px 0 6px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:start}.engineering-intro .eyebrow{margin-bottom:14px}.engineering h2{font-size:clamp(28px,3vw,42px);line-height:1.55;margin:0 0 22px}.engineering h2 span{color:var(--yellow)}.engineering-description{color:#c5ced2;font-size:17px;line-height:2;max-width:620px}.engineering-strengths{display:grid;gap:0}.engineering-strengths article{display:flex;align-items:flex-start;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.engineering-strengths article:first-child{padding-top:4px}.engineering-strengths article:last-child{border-bottom:0;padding-bottom:0}.engineering-number{font:500 17px/1.8 Arial,sans-serif;color:var(--yellow);padding-top:3px;flex-shrink:0}.engineering-strengths h3{font-size:20px;line-height:1.6;margin-bottom:6px}.engineering-strengths p{font-size:16px;line-height:1.8;color:#adb5b9}@media(max-width:800px){.engineering{grid-template-columns:1fr;gap:28px;margin-top:44px;padding:34px 2% 0}.engineering h2{font-size:30px;margin-bottom:16px}.engineering-description{font-size:16px;line-height:1.95}.engineering-strengths article{padding:18px 0;gap:16px}.engineering-strengths h3{font-size:19px}}

/* Real project photograph and linked service images. */
.hero-project-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:contrast(1.06) saturate(.9)}.hero-overlay{background:linear-gradient(270deg,#0c1215 3%,#0c1215eb 23%,#0c121580 51%,#0c121526 100%)}.hero h1{max-width:850px;text-wrap:balance}.service-image-link{display:block;cursor:pointer;overflow:hidden}.service-image-link img{transition:transform .3s ease}.service-image-link:hover img{transform:scale(1.035)}.service-image-link:focus-visible{outline:3px solid var(--yellow);outline-offset:-5px}.service-image-link::after{pointer-events:none}@media(max-width:640px){.hero-project-photo{object-position:50% 20%}.hero-overlay{background:linear-gradient(270deg,#071015bb,#07101580 60%,#07101555),linear-gradient(0deg,#07101599,transparent 48%)}.hero h1{font-size:clamp(30px,8vw,39px);line-height:1.5;text-wrap:balance}.hero-content{padding-top:36px;padding-bottom:76px}}@media(prefers-reduced-motion:reduce){.service-image-link img{transition:none}.service-image-link:hover img{transform:none}}