:root{--navy-950:#07121f;--navy-900:#0a1726;--navy-850:#0d1d2d;--gold:#d7a94f;--gold-light:#e7c474;--gold-dark:#a97927;--white:#f6f7f8;--muted:#b8c3ce;--line:#30465c;--cream:#f2efe7;--ink:#17212b;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--navy-900);color:var(--white);line-height:1.55}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea{font:inherit}.shell{width:min(calc(100% - 56px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,var(--navy-950),var(--navy-900));border-bottom:1px solid rgba(215,169,79,.55)}.nav-shell{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{height:82px;width:300px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.nav-menu{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700;text-transform:uppercase}.nav-menu a{color:#eef2f5;padding:39px 0 35px;border-bottom:2px solid transparent}.nav-menu a:hover,.nav-menu a.active{color:var(--gold-light);border-bottom-color:var(--gold)}.nav-menu .nav-quote{padding:0 28px;min-height:46px;border-bottom:0}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px;cursor:pointer}.quote-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;border-radius:3px;border:1px solid var(--gold-dark);background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#101820;font-weight:900;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 8px 30px rgba(0,0,0,.16)}.quote-btn:hover{filter:brightness(1.05)}.outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;border:1px solid var(--gold);border-radius:3px;color:var(--gold-light);font-weight:800;text-transform:uppercase}.hero{position:relative;overflow:hidden;min-height:620px;border-bottom:1px solid rgba(215,169,79,.45);background:radial-gradient(circle at 76% 24%,rgba(133,160,187,.18),transparent 22%),linear-gradient(90deg,var(--navy-950) 0%,rgba(7,18,31,.98) 37%,rgba(14,34,51,.92) 62%,rgba(38,53,66,.82) 100%)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 94px,rgba(255,255,255,.02) 95px 96px);pointer-events:none}.hero-inner{min-height:620px;display:grid;grid-template-columns:1fr 1.25fr;align-items:stretch;position:relative;z-index:1}.hero-copy{padding:70px 0 60px;align-self:center;position:relative;z-index:3}.eyebrow{margin:0 0 12px;color:var(--gold);text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(54px,6vw,92px);line-height:.95;letter-spacing:-.035em}.hero h1 span{color:var(--gold)}.hero h2{margin:20px 0 0;font-size:clamp(27px,3vw,43px);line-height:1.05}.gold-rule{width:72px;height:3px;background:var(--gold);margin:22px 0}.lead{max-width:610px;margin:0;color:#d3dbe2;font-size:18px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.hero-visual{position:relative;min-height:620px;overflow:hidden;background:linear-gradient(90deg,rgba(7,18,31,.85) 0%,rgba(7,18,31,.2) 28%,rgba(7,18,31,.04) 62%),linear-gradient(180deg,#6b7884 0%,#42515f 45%,#263441 100%)}.hero-visual:before{content:"";position:absolute;inset:14% 2% 8% 8%;background:linear-gradient(180deg,rgba(235,227,214,.28),rgba(108,119,127,.18)),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 90px);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.25)}.building-silhouette{position:absolute;inset:10% 3% 5% 8%}.tower{position:absolute;bottom:0;background:linear-gradient(135deg,#666f75,#313b44 58%,#1c2730);border:1px solid rgba(235,235,235,.14);box-shadow:0 24px 55px rgba(0,0,0,.3)}.tower:after{content:"";position:absolute;inset:10% 8%;background:repeating-linear-gradient(90deg,transparent 0 76px,rgba(191,213,228,.22) 76px 88px),repeating-linear-gradient(0deg,transparent 0 64px,rgba(191,213,228,.15) 64px 76px)}.tower-a{left:8%;width:38%;height:67%}.tower-b{left:35%;width:36%;height:78%}.tower-c{left:61%;width:21%;height:48%}.scaffold{position:absolute;right:2%;bottom:0;width:26%;height:68%;background:repeating-linear-gradient(90deg,rgba(20,20,20,.85) 0 3px,transparent 3px 42px),repeating-linear-gradient(0deg,rgba(20,20,20,.85) 0 3px,transparent 3px 42px);border-left:3px solid rgba(20,20,20,.8);transform:skewX(-2deg);opacity:.92}.services-band{background:linear-gradient(180deg,var(--navy-900),#091522);border-bottom:1px solid rgba(215,169,79,.35);padding:0 0 18px}.section-heading.centered{display:flex;align-items:center;gap:18px;padding:0 0 10px}.section-heading.centered span{height:1px;background:rgba(215,169,79,.45);flex:1}.section-heading.centered p{margin:0;color:var(--gold);text-transform:uppercase;font-weight:900;letter-spacing:.14em}.service-grid{display:grid;grid-template-columns:repeat(6,1fr)}.service-card{min-height:250px;padding:28px 24px 24px;text-align:center;border-right:1px solid var(--line)}.service-card:last-child{border-right:0}.service-icon{color:var(--gold);font-size:42px;line-height:1;margin-bottom:18px}.service-card h3{margin:0 0 12px;text-transform:uppercase;font-size:18px;line-height:1.12}.service-card p{margin:0;color:var(--muted);font-size:14px}.section{padding:92px 0}.light-section{background:var(--cream);color:var(--ink)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:88px}.section h2{margin:0;font-size:clamp(38px,4.5vw,64px);line-height:1.03}.body-copy{color:#59636d;font-size:17px}.body-copy p:first-child{margin-top:0}.project-section{background:#0d1b29}.project-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;margin-top:38px;align-items:center}.project-image{min-height:410px;border:1px solid rgba(215,169,79,.5);background:linear-gradient(135deg,#24384a,#0e1b28);display:grid;place-items:center}.project-placeholder{text-align:center;color:#98a9b8;display:grid;gap:8px}.project-placeholder strong{color:#d4dce3}.project-details h3{margin:4px 0 14px;font-size:34px}.project-details p{color:var(--muted)}.status-pill{display:inline-block;margin-top:10px;border:1px solid var(--gold);color:var(--gold-light);padding:7px 12px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.1em}.quality-section{background:#e7e1d5;color:#17212b}.quality-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.quality-row div{border-top:2px solid var(--gold-dark);padding-top:12px}.quality-row strong,.quality-row span{display:block}.quality-row span{font-size:12px;color:#69727b}.contact-section{padding:42px 0 16px;background:linear-gradient(180deg,#0d1c2b,#07131f);border-top:1px solid rgba(215,169,79,.35);border-bottom:1px solid rgba(215,169,79,.35)}.contact-grid{display:grid;grid-template-columns:.8fr 1fr 1.9fr;gap:42px;align-items:start}.contact-intro p:last-child{color:#d4dbe1}.contact-details{border-left:1px solid rgba(215,169,79,.55);border-right:1px solid rgba(215,169,79,.55);padding:2px 28px;display:grid;gap:18px}.contact-item{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}.contact-icon{color:var(--gold);font-size:24px}.contact-item strong{display:block;color:var(--gold);margin-bottom:2px}.contact-item small{color:#e4e9ed;font-size:14px}.inquiry-form{display:grid;gap:10px}.inquiry-form h3{margin:0 0 4px;color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid #3e5164;background:#172737;color:white;padding:12px 14px;border-radius:3px}.inquiry-form textarea{resize:vertical}.form-button{width:54%;min-height:44px}#formNote{min-height:20px;color:#bac6d0}.site-footer{background:var(--navy-950);padding:16px 0}.footer-inner{display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:26px}.footer-brand{height:82px;display:flex;align-items:center;overflow:hidden}.footer-brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.footer-copy{color:#b8c3ce;font-size:13px}.footer-contact{display:flex;gap:18px}.footer-contact a{color:var(--gold-light);font-size:13px;font-weight:700}@media(max-width:1180px){.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{border-bottom:1px solid var(--line)}.contact-grid{grid-template-columns:1fr 1fr}.inquiry-form{grid-column:1/-1}.contact-details{border-right:0}}@media(max-width:920px){.shell{width:min(calc(100% - 34px),var(--max))}.menu-toggle{display:block}.brand{width:230px;height:72px}.nav-shell{min-height:84px}.nav-menu{display:none;position:absolute;left:0;right:0;top:84px;background:var(--navy-950);flex-direction:column;gap:0;padding:16px 22px 24px;border-bottom:1px solid rgba(215,169,79,.35)}.nav-menu.open{display:flex}.nav-menu a{width:100%;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.nav-menu .nav-quote{margin-top:12px;width:auto;padding:0 20px}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:64px 0 34px}.hero-visual{min-height:390px}.two-col,.project-panel{grid-template-columns:1fr;gap:35px}.contact-grid{grid-template-columns:1fr}.contact-details{border:0;border-top:1px solid rgba(215,169,79,.45);border-bottom:1px solid rgba(215,169,79,.45);padding:22px 0}.inquiry-form{grid-column:auto}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-brand img{object-position:center}.footer-contact{justify-content:center;flex-wrap:wrap}}@media(max-width:680px){.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:230px}.hero h1{font-size:49px}.hero-actions{flex-direction:column;align-items:stretch}.quote-btn,.outline-btn{width:100%}.form-row{grid-template-columns:1fr}.form-button{width:100%}.quality-row{grid-template-columns:1fr}}@media(max-width:480px){.service-grid{grid-template-columns:1fr}.brand{width:200px;height:66px}.nav-shell{min-height:78px}.nav-menu{top:78px}.hero h1{font-size:41px}.hero h2{font-size:24px}.hero-visual{min-height:300px}}


/* V3.1 navigation offset: keep section headings visible below the sticky header */
html { scroll-padding-top: 122px; }
section[id] { scroll-margin-top: 122px; }
#services { scroll-margin-top: 122px; }

/* V3.1 logo treatment */
.brand,
.footer-brand { background: transparent; }
.brand img,
.footer-brand img {
  object-fit: contain;
  background: transparent;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.26));
}

/* V3.1 HSE & Quality heading alignment */
.quality-section { padding-top: 96px; padding-bottom: 96px; }
.quality-section .eyebrow { margin-bottom: 16px; }
.quality-section h2 { margin-top: 0; }


/* V4 language/theme controls */
.nav-control{
  min-height:38px;
  padding:0 12px;
  border:1px solid rgba(215,169,79,.55);
  background:transparent;
  color:var(--gold-light);
  border-radius:3px;
  cursor:pointer;
  font-weight:800;
  font-size:12px;
}
.nav-control:hover{background:rgba(215,169,79,.1)}
.drawing-image{overflow:hidden;background:#182b3d}
.drawing-image img{width:100%;height:100%;object-fit:cover;display:block}

body.light-theme{
  background:#f6f2e8;
  color:#17212b;
}
body.light-theme .site-header{
  background:#f7f3e9;
  border-bottom-color:#c99c42;
}
body.light-theme .nav-menu a{color:#17212b}
body.light-theme .nav-menu a:hover,
body.light-theme .nav-menu a.active{color:#a97820}
body.light-theme .menu-toggle{color:#17212b}
body.light-theme .hero{
  background:linear-gradient(90deg,#f5f0e6 0%,#e8e1d4 45%,#d9d2c5 100%);
  color:#17212b;
}
body.light-theme .hero:before{opacity:.25}
body.light-theme .hero .lead{color:#46515b}
body.light-theme .hero-visual{filter:brightness(1.13) saturate(.85)}
body.light-theme .services-band,
body.light-theme .project-section,
body.light-theme .contact-section,
body.light-theme .site-footer{
  background:#f3eee3;
  color:#17212b;
}
body.light-theme .service-card{border-color:#d3c6ae}
body.light-theme .service-card p,
body.light-theme .project-details p,
body.light-theme .contact-intro p:last-child,
body.light-theme .footer-copy{color:#56616a}
body.light-theme .contact-item small{color:#34404a}
body.light-theme .contact-details{border-color:#c99c42}
body.light-theme .inquiry-form input,
body.light-theme .inquiry-form textarea{
  background:#fff;
  color:#17212b;
  border-color:#c5b79f;
}
body.light-theme .outline-btn{color:#8f671f}
body.light-theme .footer-contact a{color:#8f671f}
body.light-theme .nav-control{color:#8f671f;border-color:#c99c42}

html[dir="rtl"] body{
  direction:rtl;
  font-family:Tahoma, Arial, sans-serif;
}
html[dir="rtl"] .brand img,
html[dir="rtl"] .footer-brand img{object-position:right center}
html[dir="rtl"] .nav-menu{direction:rtl}
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section,
html[dir="rtl"] .contact-section{text-align:right}
html[dir="rtl"] .contact-item{
  grid-template-columns:1fr 32px;
}
html[dir="rtl"] .contact-icon{grid-column:2}
html[dir="rtl"] .contact-item span:last-child{grid-column:1;grid-row:1}
html[dir="rtl"] .footer-contact{direction:rtl}
@media(max-width:920px){
  .nav-control{width:100%;margin-top:8px}
}

.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:38px}
.project-card{background:rgba(255,255,255,.02);border:1px solid rgba(215,169,79,.25)}
.project-card .project-details{padding:24px}
.project-card .project-image{height:360px;min-height:360px}
.project-card .project-image img{width:100%;height:100%;object-fit:cover;display:block}
.project-meta{font-size:14px;color:var(--muted)}
.map-open{display:inline-block;margin-top:7px;color:var(--gold-light);text-decoration:underline;font-weight:700}
body.light-theme .project-card{background:#fff;border-color:#d8c9ad}
body.light-theme .project-meta{color:#5d6771}
body.light-theme .map-open{color:#8f671f}
@media(max-width:920px){.project-gallery{grid-template-columns:1fr}}

/* V4.2 corrections */
.location-contact{
  cursor:pointer;
}
.location-contact:hover .map-button{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.map-button{
  display:inline-flex;
  margin-top:10px;
  padding:7px 11px;
  border:1px solid var(--gold);
  color:var(--gold-light);
  border-radius:3px;
  font-size:12px;
  font-weight:900;
  text-transform:none;
  transition:.15s ease;
}
body.light-theme .map-button{
  color:#805b17;
  border-color:#b98b37;
}
html[dir="rtl"] .service-card,
html[dir="rtl"] .project-details,
html[dir="rtl"] .body-copy,
html[dir="rtl"] .contact-details,
html[dir="rtl"] .inquiry-form{
  text-align:right;
}
html[dir="rtl"] .service-card h3,
html[dir="rtl"] .service-card p{
  direction:rtl;
}

/* V4.3 Arabic completion + map CTA */
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .body-copy,
html[dir="rtl"] .project-details,
html[dir="rtl"] .quality-section,
html[dir="rtl"] .contact-section{
  direction:rtl;
}
html[dir="rtl"] .hero h1,
html[dir="rtl"] .hero h2,
html[dir="rtl"] .lead,
html[dir="rtl"] .body-copy p,
html[dir="rtl"] .project-details p{
  text-align:right;
}
.location-contact .map-button{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* V5 project portfolio details */
.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.project-facts span{display:block;border-top:1px solid rgba(215,169,79,.35);padding-top:9px}
.project-facts b,.project-facts em{display:block}
.project-facts b{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.project-facts em{font-style:normal;color:var(--muted);font-size:13px;margin-top:3px}
body.light-theme .project-facts em{color:#55616b}
html[dir="rtl"] .project-facts{text-align:right}
@media(max-width:600px){.project-facts{grid-template-columns:1fr}}

/* V5.1 Launch Candidate */
.brand,
.footer-brand{
  background:transparent !important;
  overflow:visible;
}
.brand img,
.footer-brand img{
  object-fit:contain;
  background:transparent !important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.28));
}
.brand img{max-height:82px;width:auto;max-width:285px}
.footer-brand img{max-height:82px;width:auto;max-width:260px}
.hidden-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px;height:1px;overflow:hidden;
}
@media(max-width:920px){
  .brand img{max-height:68px;max-width:220px}
}

/* V5.2 final pre-launch visual corrections */
.hero-logo-stage{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding:42px 48px;
  background:radial-gradient(circle at center, rgba(255,255,255,.035), transparent 68%);
}
.hero-main-logo{
  display:block;
  width:min(88%, 610px);
  max-height:430px;
  object-fit:contain;
  background:transparent !important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.34));
}
.project-card > img,
.project-image img,
.project-render-full{
  width:100%;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#0b1825;
  display:block;
}
@media(max-width:900px){
  .hero-logo-stage{padding:28px 24px}
  .hero-main-logo{width:min(82%,460px);max-height:320px}
}

/* V5.3 exact hero logo replacement */
.hero-logo-stage{display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;padding:38px!important}
.hero-company-logo{display:block!important;width:min(90%,650px)!important;height:auto!important;max-height:520px!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}
@media(max-width:900px){.hero-logo-stage{padding:24px!important}.hero-company-logo{width:min(80%,480px)!important;max-height:340px!important}}

/* =========================
   V5.4 APPROVED VISUAL
   ========================= */
body{background:#07121f}
.site-header{background:#07121f;border-bottom:1px solid rgba(215,169,79,.35)}
.hero-v54{
  background:
    linear-gradient(120deg,#07121f 0%,#0b1b2c 55%,#10263b 100%);
  padding:0;
  border-bottom:1px solid rgba(215,169,79,.25);
}
.hero-grid-v54{
  min-height:620px;
  display:grid;
  grid-template-columns:1fr 1.15fr;
  align-items:center;
  gap:30px;
}
.hero-copy-v54{padding:64px 0}
.hero-copy-v54 h1{
  margin:0;
  font-size:clamp(58px,6.4vw,94px);
  line-height:.92;
  letter-spacing:-.035em;
}
.hero-copy-v54 h1 span:first-child{color:#fff}
.hero-copy-v54 h1 span:last-child{color:var(--gold)}
.hero-copy-v54 h2{
  margin:22px 0 0;
  font-size:clamp(28px,3vw,42px);
  color:#fff;
}
.hero-logo-v54{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:520px;
}
.hero-logo-v54 img{
  width:min(92%,700px);
  max-height:480px;
  object-fit:contain;
  filter:drop-shadow(0 22px 32px rgba(0,0,0,.36));
}
.about-v54{background:#f4f1e8;color:#15202b}
.about-grid-v54{
  display:grid;
  grid-template-columns:.95fr 1.15fr;
  min-height:430px;
}
.about-copy-v54{
  padding:60px 54px 58px 0;
  align-self:center;
}
.about-copy-v54 h2{
  font-size:clamp(42px,4.4vw,66px);
  line-height:.98;
  margin:0 0 24px;
}
.about-copy-v54 p{color:#495560;font-size:16px}
.learn-btn{
  display:inline-flex;
  margin-top:15px;
  padding:12px 22px;
  border:1px solid var(--gold-dark);
  color:#8b641e;
  font-weight:800;
}
.about-image-v54{overflow:hidden;position:relative}
.about-image-v54:before{
  content:"";
  position:absolute;
  left:-50px;top:0;bottom:0;
  width:90px;
  background:#f4f1e8;
  transform:skewX(-13deg);
  z-index:2;
  border-right:7px solid var(--gold);
}
.about-image-v54 img{
  width:100%;height:100%;object-fit:cover;display:block
}
.services-v54{background:#071827;padding:30px 0 22px}
.service-grid-v54{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.service-grid-v54 article{
  border:1px solid rgba(215,169,79,.55);
  border-radius:6px;
  padding:24px 18px;
  min-height:250px;
  text-align:center;
  background:linear-gradient(180deg,#0a1a29,#081522);
}
.service-grid-v54 .service-icon{font-size:34px;color:var(--gold);margin-bottom:14px}
.service-grid-v54 h3{
  text-transform:uppercase;
  font-size:17px;
  line-height:1.12;
  margin:0 0 12px;
}
.service-grid-v54 p{font-size:13px;color:#c2ccd5;margin:0}
.projects-v54{
  background:linear-gradient(180deg,#0b1d2d,#0e2435);
  padding:38px 0 28px;
}
.projects-head-v54 h2{
  font-size:clamp(40px,5vw,68px);
  line-height:1;
  margin:0 0 28px;
}
.project-grid-v54{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-card-v54{
  border:1px solid rgba(215,169,79,.7);
  border-radius:8px;
  overflow:hidden;
  background:#0a1926;
}
.project-image-v54{
  background:#091725;
  border-bottom:1px solid rgba(215,169,79,.35);
}
.project-image-v54 img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  background:#091725;
}
.project-body-v54{padding:18px 18px 16px}
.project-body-v54 h3{font-size:30px;line-height:1.08;margin:4px 0 12px}
.project-body-v54>p{color:#c6d0d9}
.facts-v54{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.2);
  border-bottom:1px solid rgba(255,255,255,.12);
  margin:16px 0 12px;
}
.facts-v54.four{grid-template-columns:repeat(4,1fr)}
.facts-v54 span{padding:10px 8px;border-right:1px solid rgba(255,255,255,.16)}
.facts-v54 span:last-child{border-right:0}
.facts-v54 b,.facts-v54 em{display:block}
.facts-v54 b{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.facts-v54 em{font-style:normal;color:#edf1f4;font-size:12px;margin-top:4px}
.consultant-v54{font-size:13px;color:#d7dee5!important}
.consultant-v54 strong{color:var(--gold)}
.anchor-only{scroll-margin-top:120px}
.floating-whatsapp{
  position:fixed;right:22px;bottom:22px;
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:#25D366;color:white;
  text-decoration:none;font-size:24px;
  z-index:100;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}
body.light-theme .projects-v54,
body.light-theme .services-v54{background:#f2eee5;color:#17212b}
body.light-theme .service-grid-v54 article,
body.light-theme .project-card-v54{background:#fff;color:#17212b}
body.light-theme .service-grid-v54 p,
body.light-theme .project-body-v54>p,
body.light-theme .consultant-v54{color:#52606a!important}
body.light-theme .facts-v54{border-color:#d4c5aa}
body.light-theme .facts-v54 em{color:#27313a}
html[dir="rtl"] .about-copy-v54{padding:60px 0 58px 54px}
html[dir="rtl"] .about-image-v54:before{left:auto;right:-50px;transform:skewX(13deg);border-right:0;border-left:7px solid var(--gold)}
@media(max-width:1100px){
  .service-grid-v54{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  .hero-grid-v54,.about-grid-v54,.project-grid-v54{grid-template-columns:1fr}
  .hero-logo-v54{min-height:360px;padding-bottom:35px}
  .about-copy-v54{padding:50px 0}
  .about-image-v54{min-height:340px}
  .about-image-v54:before{display:none}
  .facts-v54,.facts-v54.four{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .service-grid-v54{grid-template-columns:1fr 1fr}
  .hero-copy-v54 h1{font-size:48px}
  .project-body-v54 h3{font-size:25px}
}
@media(max-width:460px){
  .service-grid-v54{grid-template-columns:1fr}
  .facts-v54,.facts-v54.four{grid-template-columns:1fr}
}

.hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* =========================================================
   V5.7 FINAL — Arabic & English visual parity
   Same font family, sizes, weights, spacing and component sizes.
   Only reading direction/alignment changes in Arabic.
   ========================================================= */

html[dir="rtl"] body{
  font-family:Arial, Helvetica, sans-serif !important;
}

/* Header / navigation parity */
html[dir="rtl"] .nav-menu,
html[dir="rtl"] .nav-menu a,
html[dir="rtl"] .nav-control,
html[dir="rtl"] .nav-quote{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:inherit !important;
  font-weight:inherit !important;
}

/* Hero parity */
html[dir="rtl"] .hero-copy-v54 h1{
  font-size:clamp(58px,6.4vw,94px) !important;
  line-height:.92 !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
}
html[dir="rtl"] .hero-copy-v54 h2{
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1.05 !important;
  font-weight:700 !important;
}
html[dir="rtl"] .hero-copy-v54 .lead{
  font-size:18px !important;
  line-height:1.55 !important;
}
html[dir="rtl"] .eyebrow{
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
}

/* About parity */
html[dir="rtl"] .about-copy-v54 h2{
  font-size:clamp(42px,4.4vw,66px) !important;
  line-height:.98 !important;
  font-weight:700 !important;
}
html[dir="rtl"] .about-copy-v54 p{
  font-size:16px !important;
  line-height:1.55 !important;
}

/* Services parity */
html[dir="rtl"] .service-grid-v54 h3{
  font-size:17px !important;
  line-height:1.12 !important;
  font-weight:700 !important;
}
html[dir="rtl"] .service-grid-v54 p{
  font-size:13px !important;
  line-height:1.55 !important;
}

/* Project cards parity */
html[dir="rtl"] .projects-head-v54 h2{
  font-size:clamp(40px,5vw,68px) !important;
  line-height:1 !important;
}
html[dir="rtl"] .project-body-v54 h3{
  font-size:30px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
}
html[dir="rtl"] .project-body-v54 > p{
  font-size:inherit !important;
  line-height:1.55 !important;
}
html[dir="rtl"] .facts-v54 b{
  font-size:10px !important;
  font-weight:700 !important;
}
html[dir="rtl"] .facts-v54 em{
  font-size:12px !important;
  line-height:1.4 !important;
}
html[dir="rtl"] .consultant-v54{
  font-size:13px !important;
}

/* Contact / form parity */
html[dir="rtl"] .contact-section,
html[dir="rtl"] .contact-section input,
html[dir="rtl"] .contact-section textarea,
html[dir="rtl"] .contact-section button{
  font-family:Arial, Helvetica, sans-serif !important;
}
html[dir="rtl"] .contact-section input,
html[dir="rtl"] .contact-section textarea{
  font-size:inherit !important;
}

/* Buttons remain identical dimensions */
html[dir="rtl"] .quote-btn,
html[dir="rtl"] .outline-btn,
html[dir="rtl"] .learn-btn{
  font-size:inherit !important;
  font-weight:800 !important;
  min-height:48px !important;
}

/* On mobile, preserve the exact same responsive sizing as English */
@media(max-width:620px){
  html[dir="rtl"] .hero-copy-v54 h1{font-size:48px !important}
  html[dir="rtl"] .project-body-v54 h3{font-size:25px !important}
}
