:root{--gold:#d69218;--gold2:#b8750c;--navy:#071521;--ink:#101820;--muted:#68737d;--line:#e4e8eb;--soft:#f6f8f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Cairo,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}html[dir=rtl] body{font-family:Cairo,Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1240px,92%);margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eee}.nav{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center}.brand img{height:54px;width:auto;display:block}.menu{display:flex;align-items:center;gap:26px;margin-inline-start:auto;font-size:14px;font-weight:800}.menu>a:not(.btn){padding:29px 0;border-bottom:3px solid transparent}.menu>a:not(.btn):hover{color:var(--gold);border-bottom-color:var(--gold)}.lang-switch{color:var(--gold)!important}.btn,.wa-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--gold);color:#fff;padding:14px 20px;font-weight:800;border-radius:10px;transition:.2s;cursor:pointer}.btn:hover,.wa-btn:hover{background:var(--gold2);transform:translateY(-1px)}.nav-quote{border-radius:0}.hamb,.menu-backdrop{display:none}.compact-hero{height:520px;position:relative;overflow:hidden;background:var(--navy)}.hero-slider{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .55s ease;transform:scale(1.02)}.hero-slide.active{opacity:1}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3;color:#fff}.hero-content h1{font-size:clamp(44px,6vw,72px);line-height:.98;max-width:720px;margin:14px 0 18px;letter-spacing:-2px}.hero-content p{max-width:620px;color:#e6ecef;line-height:1.75;margin:0}.eyebrow{color:var(--gold);font-weight:900;letter-spacing:3px;font-size:12px}.eyebrow.light{color:#f0f3f5}.actions{display:flex;gap:12px;margin-top:26px}.ghost{background:transparent;border:1px solid rgba(255,255,255,.7)}.stats-strip{border-bottom:1px solid var(--line);background:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats>div{display:flex;align-items:center;gap:12px;padding:24px 5%;border-inline-end:1px solid var(--line)}.stats strong{font-size:32px}.stats span{font-size:12px;color:var(--muted)}.section{padding:82px 0}.split-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:34px}.split-heading h2,.about-copy h2,.process h2,.testimonial h2,.cta h2,.detail-copy h2,.form-shell h2{font-size:clamp(32px,4vw,46px);line-height:1.08;margin:12px 0}.split-heading p,.about-copy p,.detail-copy p,.form-shell p{color:var(--muted);line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#f8fafb);box-shadow:0 16px 45px rgba(8,21,33,.06);overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-6px);border-color:rgba(214,146,24,.55);box-shadow:0 22px 55px rgba(8,21,33,.12)}.service-main{display:block;padding:28px;min-height:250px;position:relative}.service-main:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;inset-inline-end:-45px;top:-45px;background:linear-gradient(135deg,rgba(214,146,24,.18),rgba(214,146,24,.02))}.service-icon{width:58px;height:58px;border-radius:16px;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 12px 25px rgba(214,146,24,.25)}.service-main h3{font-size:21px;margin:24px 0 10px}.service-main p{font-size:13px;line-height:1.6;color:var(--muted);min-height:62px}.view-label{display:inline-block;color:var(--gold);font-weight:900;font-size:11px;letter-spacing:1px;text-transform:uppercase}.service-card .wa-btn{margin:0 20px 20px;background:#20c86b}.service-card .wa-btn:hover,.wa-btn.large:hover{background:#16aa58}.dark{background:var(--navy);color:#fff}.dark-head p{color:#bdc8d0}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project-card{border:1px solid #33434f;border-radius:18px;overflow:hidden;background:#0d1d29;transition:.25s}.project-card:hover{transform:translateY(-5px);border-color:var(--gold)}.project-visual{display:block;height:250px;overflow:hidden;background:#122838}.project-info{padding:18px}.project-info>span{color:var(--gold);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.project-info h3{margin:8px 0 6px;font-size:18px}.project-info p{margin:0;color:#b8c2ca;font-size:12px}.project-link{display:inline-block;margin-top:14px;color:var(--gold);font-weight:800;font-size:12px}.media-carousel,.card-carousel,.detail-carousel{position:relative;overflow:hidden}.card-carousel{height:100%}.media-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.media-slide.active{opacity:1}.media-slide img,.media-slide video{width:100%;height:100%;object-fit:cover;display:block}.about-grid{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:50px;align-items:center}.about-art{height:420px;position:relative;border-radius:20px;overflow:visible}.about-art>img{width:100%;height:100%;object-fit:cover;border-radius:20px}.experience{position:absolute;inset-inline-start:-24px;bottom:28px;background:var(--navy);color:#fff;padding:20px 24px;border-radius:14px}.experience strong{display:block;color:var(--gold);font-size:34px}.experience span{font-size:11px}.value-list{display:grid;gap:18px}.value-list>div{padding:16px 18px;border:1px solid var(--line);border-radius:14px}.value-list b,.value-list span{display:block}.value-list b{font-size:14px}.value-list span{color:var(--muted);font-size:12px;line-height:1.55;margin-top:5px}.process{padding:70px 0;background:linear-gradient(110deg,#0b1a26,#1c3342);color:#fff}.process>div>h2{margin-bottom:32px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid>div{padding:24px;border:1px solid #40515e;border-radius:16px}.process-grid i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold);font-style:normal;margin-bottom:16px}.process-grid b,.process-grid span{display:block}.process-grid span{color:#c4cdd3;font-size:12px;margin-top:6px}.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;box-shadow:0 16px 45px rgba(8,21,33,.06)}.job-tag{display:inline-flex;background:rgba(214,146,24,.12);color:var(--gold);padding:7px 10px;border-radius:999px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:1px}.job-card h3{font-size:22px;margin:16px 0 8px}.job-card p{color:var(--muted);font-size:13px;margin:0 0 22px}.testimonial{background:#fafbfc}.testimonial-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.testimonial blockquote{margin:0;font-size:22px;line-height:1.7}.testimonial footer{margin-top:20px}.testimonial footer b,.testimonial footer span{display:block;font-size:13px}.testimonial footer span{color:var(--muted);margin-top:4px}.clients{padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.client-row{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-around;align-items:center;margin-top:26px;color:#4b5760}.client-row img{max-height:44px;max-width:150px}.cta{padding:56px 0;background:linear-gradient(90deg,#162936,#4a5b64);color:#fff}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:8px 0}.cta p{margin:0;color:#dbe2e6}.footer{padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-logo{height:58px}.footer p,.footer a,.footer span{display:block;color:var(--muted);font-size:13px;line-height:1.9}.footer h4{margin-top:0}.socials{display:flex;gap:8px;margin-top:16px}.socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:38px;color:#87919a;font-size:11px}.wa-float{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#20c86b;color:#fff;font-weight:900;z-index:45;box-shadow:0 14px 30px rgba(0,0,0,.22)}html[dir=rtl] .wa-float{right:auto;left:24px}.page-hero{padding:72px 0;background:linear-gradient(110deg,#071521,#244454);color:#fff}.page-hero h1{font-size:clamp(38px,5vw,62px);margin:12px 0}.page-hero p{color:#dce4e8}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.detail-carousel{height:520px;border-radius:22px;background:#edf2f4}.detail-copy .wa-btn.large{margin-top:20px;background:#20c86b;padding:16px 22px}.form-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.form-card{border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 18px 50px rgba(8,21,33,.08)}label{display:block;font-size:13px;font-weight:800;margin-bottom:14px}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #d7dde1;border-radius:10px;font:inherit;margin-top:7px;background:#fff}textarea{resize:vertical}.success,.error{padding:14px 16px;border-radius:10px;margin-bottom:16px}.success{background:#e9f9ef;color:#15713b}.error{background:#fff0f0;color:#a52a2a}.reveal{opacity:1}
@media(max-width:1050px){.hamb{display:flex;flex-direction:column;gap:5px;margin-inline-start:auto;border:0;background:transparent}.hamb span{display:block;width:26px;height:2px;background:var(--ink)}.menu-backdrop{display:block;position:fixed;inset:82px 0 0;background:rgba(3,14,22,.55);opacity:0;pointer-events:none;transition:.2s}.menu{position:fixed;top:82px;inset-inline:0 auto;width:min(360px,88vw);height:calc(100vh - 82px);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:20px;transform:translateX(-110%);transition:.25s;box-shadow:0 20px 50px rgba(0,0,0,.2);overflow:auto}.menu>a:not(.btn){padding:14px 6px}.menu.open{transform:none}.menu.open~*{}.menu-backdrop.open{opacity:1;pointer-events:auto}html[dir=rtl] .menu{transform:translateX(110%)}html[dir=rtl] .menu.open{transform:none}.split-heading,.about-grid,.detail-grid,.form-shell,.testimonial-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.jobs-grid{grid-template-columns:repeat(2,1fr)}.about-art{max-width:720px}.stats>div{padding:22px 3%}}
@media(max-width:680px){.nav{height:74px}.brand img{height:48px}.menu{top:74px;height:calc(100vh - 74px)}.menu-backdrop{inset:74px 0 0}.compact-hero{height:440px}.hero-content h1{font-size:42px}.hero-content p{font-size:14px}.stats{grid-template-columns:1fr 1fr}.stats>div{border-bottom:1px solid var(--line)}.stats strong{font-size:26px}.section{padding:58px 0}.split-heading{gap:12px}.service-grid,.project-grid,.jobs-grid{grid-template-columns:1fr}.service-main{min-height:auto}.project-visual{height:260px}.about-art{height:320px}.experience{inset-inline-start:12px}.process-grid{grid-template-columns:1fr 1fr}.cta-row{display:block}.cta-row .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr}.detail-carousel{height:320px}.actions{flex-wrap:wrap}.wa-float{width:50px;height:50px;right:16px;bottom:16px}html[dir=rtl] .wa-float{left:16px}}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.team-card img,.team-placeholder{width:100%;height:240px;border-radius:12px;object-fit:cover;background:linear-gradient(135deg,#e6ecef,#7b909c);display:grid;place-items:center;font-size:54px;font-weight:900;color:#fff}.team-card h3{margin:16px 0 4px}.team-card>span{color:var(--gold);font-size:12px;font-weight:800}.team-card p{font-size:12px;color:var(--muted);line-height:1.55}.map-section{height:360px}.map-section iframe{width:100%;height:100%;border:0;display:block}@media(max-width:1000px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.team-grid{grid-template-columns:1fr}.map-section{height:280px}}

/* =========================================================
   FINAL RESPONSIVE FIX — DESKTOP / LAPTOP / TABLET / MOBILE
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%}
.service-card,.project-card,.job-card,.team-card,.split-heading>*,.about-grid>*,.detail-grid>*,.form-shell>*{min-width:0}
.menu a,.btn,.wa-btn{white-space:nowrap}

/* Large desktop */
@media (min-width:1200px){
  .container{width:min(1320px,92vw)}
  .nav{height:86px;gap:22px}
  .brand img{height:56px}
  .menu{gap:20px;font-size:14px}
  .menu>a:not(.btn){padding:31px 0}
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .jobs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .about-grid{grid-template-columns:1fr 1.08fr .82fr}
}

/* PC / Laptop — keep full desktop navigation */
@media (min-width:992px) and (max-width:1199px){
  .container{width:min(1120px,94vw)}
  .nav{height:80px;gap:12px}
  .brand img{height:46px}
  .hamb,.menu-backdrop{display:none!important}
  .menu{
    position:static!important;top:auto!important;inset:auto!important;
    width:auto!important;height:auto!important;margin-inline-start:auto;
    display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:11px!important;padding:0!important;background:transparent!important;
    box-shadow:none!important;overflow:visible!important;transform:none!important;
    font-size:11.5px!important;
  }
  .menu>a:not(.btn){padding:29px 0!important}
  .nav-quote{padding:11px 13px;font-size:11.5px}
  .compact-hero{height:480px}
  .hero-content h1{font-size:clamp(46px,5.4vw,64px)}
  .split-heading{grid-template-columns:1fr .78fr;gap:42px}
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jobs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-grid{grid-template-columns:1fr 1fr;gap:34px}
  .about-grid .value-list{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
  .detail-grid{grid-template-columns:1.05fr .95fr}
  .form-shell{grid-template-columns:.82fr 1.18fr}
  .testimonial-grid{grid-template-columns:.7fr 1.3fr}
  .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Tablet */
@media (min-width:768px) and (max-width:991px){
  .container{width:94vw}
  .compact-hero{height:460px}
  .hero-content h1{font-size:50px}
  .service-grid,.project-grid,.jobs-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats>div{padding:18px 2.5%}
  .split-heading{gap:18px}
  .about-grid,.detail-grid,.form-shell,.testimonial-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1.15fr 1fr 1fr;gap:26px}
}

/* Mobile */
@media (max-width:767px){
  .container{width:92vw}
  .nav{height:72px}
  .brand img{height:46px;max-width:190px}
  .menu{top:72px;height:calc(100vh - 72px);width:min(340px,88vw)}
  .menu-backdrop{inset:72px 0 0}
  .compact-hero{height:410px}
  .hero-content{justify-content:center;padding-top:0}
  .hero-content h1{font-size:clamp(36px,10.5vw,44px);line-height:1.03;letter-spacing:-1px}
  .hero-content p{font-size:13px;line-height:1.6}
  .actions{gap:9px;margin-top:20px}
  .actions .btn{width:100%;padding:13px 15px}
  .stats{grid-template-columns:1fr 1fr}
  .stats>div{padding:17px 12px}
  .stats strong{font-size:24px}
  .stats span{font-size:10.5px}
  .section{padding:52px 0}
  .split-heading{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:24px}
  .split-heading h2,.about-copy h2,.process h2,.testimonial h2,.cta h2,.detail-copy h2,.form-shell h2{font-size:31px}
  .service-grid,.project-grid,.jobs-grid,.team-grid{grid-template-columns:1fr!important}
  .service-main{min-height:auto;padding:23px}
  .service-main p{min-height:auto}
  .project-visual{height:245px}
  .project-grid{gap:18px}
  .about-grid{grid-template-columns:1fr;gap:28px}
  .about-art{height:300px}
  .process-grid{grid-template-columns:1fr 1fr;gap:12px}
  .process-grid>div{padding:18px 14px}
  .detail-grid,.form-shell,.testimonial-grid{grid-template-columns:1fr}
  .detail-carousel{height:300px}
  .cta-row{display:block}
  .cta-row .btn{margin-top:20px;width:100%}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-logo{height:52px}
  .wa-float{width:50px;height:50px;right:14px;bottom:14px}
  html[dir=rtl] .wa-float{right:auto;left:14px}
}

/* Extra-small phones */
@media (max-width:420px){
  .container{width:90vw}
  .hero-content h1{font-size:35px}
  .stats{grid-template-columns:1fr 1fr}
  .process-grid{grid-template-columns:1fr}
  .brand img{height:42px;max-width:170px}
}

/* =========================================================
   LANGUAGE-AWARE NAV ALIGNMENT
   English: navigation stays on the left side.
   Arabic: navigation stays on the right side.
   ========================================================= */
@media (min-width:992px){
  html[dir="ltr"] .nav{direction:ltr;justify-content:flex-start}
  html[dir="ltr"] .menu{margin-left:0!important;margin-right:auto!important;direction:ltr;text-align:left}
  html[dir="rtl"] .nav{direction:rtl;justify-content:flex-start}
  html[dir="rtl"] .menu{margin-right:0!important;margin-left:auto!important;direction:rtl;text-align:right}
}

@media (max-width:991px){
  html[dir="ltr"] .menu{text-align:left;left:0;right:auto}
  html[dir="rtl"] .menu{text-align:right;right:0;left:auto}
}