:root{--navy:#132e50;--navy2:#0d223b;--gray:#67717d;--light:#f0f1f2;--line:#d1d5da;--white:#fff;--ink:#24303d;--wrap:min(1192px,calc(100% - 52px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f7;color:var(--ink);font:400 16px/1.67 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}button{font:inherit}strong{font-weight:700}.wrap{width:var(--wrap);margin:auto}.skip{position:absolute;top:-100px;left:5px;background:#fff;color:#000;padding:10px;z-index:200}.skip:focus{top:5px}.site-header{position:relative;z-index:12;background:#e9eaec;border-bottom:1px solid #c8cdd2}.top-inner{min-height:99px;display:flex;justify-content:space-between;align-items:center;gap:22px}.logo{display:flex;align-items:center;gap:19px;flex-shrink:0}.logo-symbol{width:68px;height:68px;object-fit:contain}.logo-line{width:1px;height:54px;background:var(--navy);opacity:.8}.logo-copy{display:flex;flex-direction:column;line-height:1.05;color:var(--navy)}.logo-copy b{font:normal clamp(25px,2.6vw,34px)/1.08 Georgia,'Times New Roman',serif}.logo-copy small{font-weight:650;font-size:12.5px;letter-spacing:.015em;margin-top:6px}.nav{display:flex;align-items:center;gap:18px}.nav a{font-size:13px;font-weight:700;color:var(--navy);padding:8px 0;white-space:nowrap;border-bottom:2px solid transparent}.nav a.active,.nav a:hover{border-color:var(--navy)}.header-tools{display:flex;align-items:center;gap:12px}.lang{position:relative}.lang>button{padding:9px 12px;min-width:88px;background:#fff;color:var(--navy);font-size:13px;font-weight:700;border:1px solid #bbc2ca;cursor:pointer}.lang-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:175px;background:#fff;border:1px solid var(--line);display:none;box-shadow:0 6px 20px #0002}.lang-menu.open{display:block}.lang-menu a{display:block;padding:9px 12px;font-size:13px;border-bottom:1px solid #ddd}.lang-menu span{display:block;padding:8px 12px;color:#6c7781;font-size:12px}.mobile-toggle{display:none;padding:9px 11px;background:transparent;border:1px solid #aab3be;color:var(--navy);cursor:pointer}.hero{min-height:685px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(12,32,55,.91),rgba(12,32,55,.72) 46%,rgba(12,32,55,.24)),url('assets/hero-fibre-cement.webp') center 45%/cover no-repeat;color:white}.hero-content{padding:95px 0}.eyebrow{color:var(--gray);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;display:block;margin:0 0 15px}.hero .eyebrow,.dark-band .eyebrow{color:#e4e8ec}.hero h1{font-size:clamp(46px,6.2vw,78px);line-height:1.015;letter-spacing:-.035em;font-weight:760;margin:0 0 15px;max-width:795px}.hero h2{font-size:clamp(22px,2.8vw,32px);font-weight:400;line-height:1.25;color:#e7edf4;max-width:690px;margin:0 0 21px}.hero p{max-width:665px;font-size:17px;line-height:1.75;color:#edf1f5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:13px 20px;display:inline-block;font-size:14px;font-weight:750;transition:background .15s;color:var(--navy);background:#fff;border:1px solid #fff}.btn:hover{background:#e7eaed}.btn.secondary{background:transparent;color:#fff;border-color:#d5dbe3}.btn.secondary:hover{background:#ffffff20}.btn.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.dark:hover{background:var(--navy2)}.section{padding:83px 0}.section.white{background:#fff}.section.light{background:#f0f1f2}.section-title{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.02em;font-weight:750;color:var(--navy2);margin:0 0 17px}.lede{font-size:17px;max-width:800px;color:#5a6470;line-height:1.75}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles{margin-top:32px}.tile{background:#fff;border:1px solid var(--line);padding:27px;display:flex;flex-direction:column}.tile small{font-size:12px;font-weight:800;letter-spacing:.11em;color:var(--gray)}.tile h3{color:var(--navy2);font-size:21px;margin:12px 0 12px;line-height:1.35}.tile p{color:#616c75;flex:1;font-size:15px}.linkmore{color:var(--navy);font-size:14px;font-weight:800;border-bottom:1px solid var(--navy);align-self:flex-start}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.visual{width:100%;height:405px;object-fit:cover;border:1px solid var(--line)}.dark-band{background:var(--navy2);color:#f6f8fb}.dark-band .section-title{color:#fff}.dark-band .lede{color:#d8e0e9}.steps{margin:32px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.step{border-top:2px solid #718399;padding:18px 12px 0 0}.step b{display:block;font-size:30px;font-family:Georgia,serif;color:#b8cadf}.step strong{display:block;color:#fff;margin:8px 0;font-size:15px;line-height:1.35}.step span{font-size:13px;color:#c8d2dd}.page-head{background:#e8eaec;border-bottom:1px solid var(--line);padding:70px 0}.page-head h1{font-size:clamp(36px,5vw,59px);letter-spacing:-.035em;line-height:1.07;color:var(--navy2);max-width:990px;margin:0 0 18px}.page-head p{font-size:18px;max-width:850px;color:#58636d;margin:0}.bullets{padding:0;list-style:none;display:grid;gap:13px}.bullets li{padding:0 0 10px 23px;position:relative;border-bottom:1px solid var(--line)}.bullets li:before{content:'';position:absolute;left:0;top:11px;background:var(--navy);width:8px;height:8px}.project{padding:24px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:270px}.project .country{font-size:12px;letter-spacing:.11em;font-weight:800;color:var(--navy);text-transform:uppercase}.project h3{font-size:19px;line-height:1.28;color:var(--navy2);margin:12px 0}.project p{font-size:14.5px;color:#58636c;flex:1}.project .tag{font-size:12px;color:var(--navy);font-weight:700;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tab{cursor:pointer;background:#fff;color:var(--navy);border:1px solid #cad0d6;font-weight:650;font-size:13px;padding:9px 15px}.tab.active{background:var(--navy);color:#fff}.media-card{background:#fff;border:1px solid var(--line);overflow:hidden}.media-card video{display:block;width:100%;aspect-ratio:16/9;background:#0e2136;object-fit:cover}.media-caption{padding:20px}.media-caption h3{font-size:18px;color:var(--navy);margin-bottom:6px}.media-caption p{font-size:14px;color:#68727b;margin-bottom:0}.contact-block{background:#fff;border:1px solid var(--line);padding:28px}.contact-block h3{color:var(--navy)}.footer{background:#0d223b;color:#d7dfe8;padding:46px 0 22px}.footer h3{color:#fff;font:normal 27px Georgia,serif}.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footer a:hover{text-decoration:underline}.footer nav{display:grid;gap:8px}.footer p,.footer nav a{font-size:14px}.foot-bottom{border-top:1px solid #ffffff36;margin-top:32px;padding-top:16px;font-size:12px;color:#a8b6c7}.notice{padding:14px 17px;background:#f5f5f5;border-left:3px solid var(--navy);font-size:14px;color:#596673;margin-top:18px}.visible-link{color:var(--navy);text-decoration:underline}.caption{font-size:13px;color:#707d87;margin-top:10px}.treatment{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.treatment article{border-top:3px solid var(--navy);padding-top:18px}.treatment h3{font-size:20px;color:var(--navy2)}.treatment p{color:#68727d}
@media(max-width:1180px){.nav{gap:10px}.nav a{font-size:12px}.logo{gap:11px}.logo-copy b{font-size:27px}}
@media(max-width:980px){.top-inner{min-height:88px}.mobile-toggle{display:block}.nav{position:absolute;top:100%;left:0;right:0;padding:18px 26px 22px;background:#e9eaec;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:15px}.hero{min-height:590px}.steps{grid-template-columns:repeat(3,1fr);row-gap:30px}.split{gap:26px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){:root{--wrap:calc(100% - 32px)}.logo-symbol{width:48px;height:48px}.logo-line{height:39px}.logo-copy b{font-size:23px}.logo-copy small{font-size:10px}.logo{gap:9px}.header-tools{gap:6px}.top-inner{gap:9px}.lang>button{min-width:50px;padding:8px 9px}.hero{min-height:600px;background-position:57% center}.hero-content{padding:65px 0 70px}.hero h1{font-size:45px}.hero h2{font-size:24px}.hero p{font-size:15px}.section{padding:59px 0}.grid.two,.grid.three,.split,.foot-grid,.treatment{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.visual{height:280px}.page-head{padding:49px 0}.tile{padding:22px}}

/* V8 — hero image foregrounded, no heavy global overlay */
.hero{
  min-height:690px;
  background-image:linear-gradient(90deg,rgba(8,28,51,.95) 0%,rgba(8,28,51,.88) 31%,rgba(8,28,51,.62) 48%,rgba(8,28,51,.06) 77%,rgba(8,28,51,.02) 100%),url('assets/hero-industrial-machine.webp');
  background-size:cover;
  background-position:center 52%;
}
.hero .hero-content{padding:85px 0 90px}
.hero .hero-content>h1,.hero .hero-content>h2,.hero .hero-content>p{max-width:620px}
.hero .hero-content>p{max-width:575px}
.hero-credit{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e9edf2;padding:7px 12px;background:rgba(8,28,51,.48);border:1px solid #ffffff36;position:absolute;right:24px;bottom:24px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.gallery-tile{border:1px solid var(--line);background:white;overflow:hidden;margin:0}
.gallery-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}
.gallery-tile img{display:block;width:100%;height:240px;object-fit:cover;transition:transform .24s ease;filter:contrast(1.02)}
.gallery-open:hover img{transform:scale(1.035)}
.gallery-tile figcaption{padding:16px 18px 21px}
.gallery-tile strong{font-size:17px;line-height:1.3;color:var(--navy2);display:block}
.gallery-tile p{font-size:14px;color:#616c75;margin:8px 0 0}
.gallery-dialog{padding:0;border:0;max-width:min(96vw,1120px);width:100%;background:#0b1d31;color:#fff;box-shadow:0 20px 75px #0009}
.gallery-dialog::backdrop{background:rgba(1,12,24,.86)}
.gallery-modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 18px}
.gallery-modal-top h3{margin:0;font-size:17px;font-weight:600}
.gallery-modal-close{font-size:25px;color:#fff;background:transparent;border:1px solid #ffffff72;padding:0 10px;cursor:pointer}
.gallery-modal-image{width:100%;max-height:72vh;object-fit:contain}
.gallery-modal-caption{color:#e3e8ee;font-size:14px;margin:0;padding:14px 20px}
.gallery-cta{margin-top:30px}
@media(max-width:980px){.hero{min-height:680px;background-position:58% center;background-image:linear-gradient(90deg,rgba(8,28,51,.95) 0%,rgba(8,28,51,.78) 42%,rgba(8,28,51,.2) 100%),url('assets/hero-industrial-machine.webp')}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.hero{background-position:56% center;background-image:linear-gradient(180deg,rgba(8,28,51,.92),rgba(8,28,51,.72) 64%,rgba(8,28,51,.30)),url('assets/hero-industrial-machine.webp')}.hero .hero-content{padding:68px 0 100px}.gallery-grid{grid-template-columns:1fr}.gallery-tile img{height:240px}.hero-credit{bottom:12px;right:12px;font-size:10px}}

/* V9 multilingual accessibility and right-to-left support */
.lang-menu{z-index:90;min-width:190px;max-height:75vh;overflow:auto}
.lang-menu a[aria-current="page"]{background:#ebeff4;font-weight:800}
.stage-number{font:700 clamp(94px,15vw,220px)/1 Georgia,serif;color:#dce1e7;text-align:center;user-select:none}
html[dir="rtl"] body{font-family:Tahoma,"Noto Naskh Arabic","Noto Sans Arabic",Arial,sans-serif;direction:rtl;text-align:right}
html[dir="rtl"] .logo{direction:ltr}
html[dir="rtl"] .logo-copy{direction:ltr;text-align:left}
html[dir="rtl"] .lang-menu{right:auto;left:0}
html[dir="rtl"] .bullets li{padding-right:23px;padding-left:0}
html[dir="rtl"] .bullets li:before{right:0;left:auto}
html[dir="rtl"] .step{padding-right:0;padding-left:12px}
html[dir="rtl"] .hero{background-image:linear-gradient(270deg,rgba(8,28,51,.96) 0%,rgba(8,28,51,.80) 32%,rgba(8,28,51,.40) 58%,rgba(8,28,51,.04) 100%),url('assets/hero-industrial-machine.webp');background-position:55% center}
html[dir="rtl"] .hero-credit{right:auto;left:24px}
html[dir="rtl"] .linkmore{align-self:flex-start}
@media(max-width:980px){html[dir="rtl"] .nav{right:0;left:0}html[dir="rtl"] .hero{background-image:linear-gradient(270deg,rgba(8,28,51,.92) 0%,rgba(8,28,51,.77) 52%,rgba(8,28,51,.24) 100%),url('assets/hero-industrial-machine.webp')}}
@media(max-width:680px){html[dir="rtl"] .hero{background-image:linear-gradient(180deg,rgba(8,28,51,.91),rgba(8,28,51,.68) 64%,rgba(8,28,51,.3)),url('assets/hero-industrial-machine.webp')}html[dir="rtl"] .hero-credit{left:12px}}

/* V9.1: visible process videos & responsive navigation */
.featured-video{background:#0e2136;border:1px solid var(--line)}
.featured-video video{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:#0e2136}
@media(max-width:1270px){.top-inner{min-height:88px}.mobile-toggle{display:block}.nav{position:absolute;top:100%;left:0;right:0;padding:18px 26px 22px;background:#e9eaec;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:15px}}
@media(max-width:680px){.featured-video video{aspect-ratio:16/10}}

/* V9.2: ensure Arabic contact links/numbers remain left-to-right */
.ltr-isolate{direction:ltr!important;unicode-bidi:isolate;display:inline-block;text-align:left}