:root{--ink:#111827;--deep:#0f172a;--muted:#64748b;--line:#e5e7eb;--sand:#f7f3ea;--cream:#fffaf0;--gold:#b78b42;--gold2:#d6b46a;--white:#fff;--shadow:0 22px 70px rgba(15,23,42,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Tahoma,sans-serif;color:var(--ink);background:#fff;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);display:flex;align-items:center;gap:22px;padding:12px 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:205px;max-height:52px;object-fit:contain}.nav{display:flex;gap:16px;align-items:center;font-size:14px;margin-left:auto}.nav a{color:#334155}.nav a:hover{color:#000}.header-cta{background:var(--deep);color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700}.menu-btn{display:none;background:none;border:0;font-size:28px}.hero{min-height:82vh;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:7vw 5vw;background:radial-gradient(circle at 80% 20%,rgba(214,180,106,.22),transparent 28%),linear-gradient(135deg,#0b1220,#172033 62%,#21180d);color:#fff;overflow:hidden}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.04;margin:12px 0 18px;font-weight:800;letter-spacing:-.04em}.hero p{font-size:18px;color:#e5e7eb;max-width:760px}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(214,180,106,.45);border-radius:34px;transform:rotate(-3deg)}.hero-media img{height:560px;width:100%;object-fit:cover;border-radius:30px;box-shadow:var(--shadow);position:relative}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);font-size:12px;font-weight:800}.hero-actions,.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}.btn.secondary{border-color:rgba(255,255,255,.65);color:#fff}.btn.dark{background:var(--deep);color:#fff}.section{padding:78px 5vw}.section.soft{background:var(--sand)}.section.dark{background:#0b1220;color:#fff}.section h2{font-size:clamp(30px,4vw,52px);line-height:1.12;margin:8px 0 18px;letter-spacing:-.03em}.wide{max-width:1050px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stat,.info-card,.project-card,.faq details,.mini-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.stat{padding:22px}.stat span{color:var(--muted);font-size:13px}.stat strong{display:block;font-size:22px;margin-top:6px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.rounded{border-radius:28px;box-shadow:var(--shadow);height:520px;width:100%;object-fit:cover}.info-card{padding:28px}.info-card h3{font-size:25px;margin:0 0 12px}.pill-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pill{background:var(--cream);border:1px solid #f0dfbd;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.project-card{overflow:hidden;transition:.25s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-card img{height:220px;width:100%;object-fit:cover}.project-card div{padding:22px}.project-card span{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.project-card h3{font-size:24px;margin:8px 0}.project-card p{color:#475569}.project-card a{font-weight:800;color:#111;display:inline-block;margin-top:8px}.quick-answer{background:#fff;border-left:5px solid var(--gold);padding:24px;border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.07)}.quick-answer h3{margin:0 0 8px}.keyword-cloud{display:flex;gap:10px;flex-wrap:wrap}.keyword-cloud span{background:rgba(214,180,106,.1);border:1px solid rgba(214,180,106,.3);color:#fff;border-radius:999px;padding:8px 12px;font-size:13px}.timeline{display:grid;gap:16px}.step{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:start}.step b{color:var(--gold);font-size:20px}.lead-form{background:#fff;padding:28px;border-radius:26px;display:grid;gap:14px;box-shadow:var(--shadow);border:1px solid var(--line)}.lead-form h3{margin:0}.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:15px 16px;border:1px solid #d8dee8;border-radius:14px;background:#fff;font-family:inherit}.lead-form button{border:0;background:var(--deep);color:#fff;padding:15px;border-radius:14px;font-weight:800;cursor:pointer}.faq details{padding:18px 20px;margin-bottom:12px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#475569}.footer{background:#080d18;color:#fff;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:40px;padding:55px 5vw}.footer-logo{width:205px;filter:brightness(1.2)}.footer ul{list-style:none;padding:0;margin:0}.footer a{color:#fff}.floating-wa{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:13px 18px;border-radius:999px;font-weight:800;z-index:99;box-shadow:0 10px 25px rgba(0,0,0,.2)}.arabic-note{direction:rtl;text-align:right}.small{font-size:14px;color:var(--muted)}@media(max-width:980px){.nav,.header-cta{display:none}.menu-btn{display:block;margin-left:auto}.site-header.mobile-open .nav{display:flex;position:absolute;left:0;right:0;top:70px;background:#fff;flex-direction:column;align-items:flex-start;padding:20px 5vw;border-bottom:1px solid var(--line)}.hero,.split{grid-template-columns:1fr}.hero-media img,.rounded{height:380px}.grid-4,.grid-3{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.brand img{width:175px}}@media(max-width:640px){.section{padding:54px 5vw}.hero{padding:70px 5vw}.hero h1{font-size:40px}.grid-4,.grid-3{grid-template-columns:1fr}.hero-media img,.rounded{height:300px}.step{grid-template-columns:1fr}.brand img{width:150px}}


/* Mobile-first project pages and swipe gallery */
.project-hero{min-height:72vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:7vw 5vw;color:#fff;position:relative}.project-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.65));pointer-events:none}.hero-content{position:relative;max-width:900px}.hero-content h1{font-size:clamp(38px,6vw,76px);line-height:1.05;margin:10px 0 14px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.full{width:100%}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fact{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.fact span{display:block;color:var(--muted);font-size:13px}.fact strong{display:block;margin-top:6px;font-size:20px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:left}th{background:#f8fafc}.note{color:var(--muted);font-size:14px}.dark-box{background:#0b1220;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.btn.light{background:#fff;color:#0b1220}.rounded-img{border-radius:24px;box-shadow:var(--shadow);height:420px;width:100%;object-fit:cover}.reverse{direction:ltr}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;font-weight:800;box-shadow:0 12px 30px rgba(15,23,42,.06)}.related-card span{display:block;color:var(--muted);font-weight:400;margin-top:6px}.mobile-gallery{position:relative;overflow:hidden;border-radius:28px}.gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 22px;-webkit-overflow-scrolling:touch}.gallery-track::-webkit-scrollbar{height:6px}.gallery-track::-webkit-scrollbar-thumb{background:#d6b46a;border-radius:999px}.mobile-gallery figure,.gallery-track>img{scroll-snap-align:center;flex:0 0 min(82vw,520px);margin:0;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 15px 40px rgba(15,23,42,.12)}.mobile-gallery figure img,.gallery-track>img{width:100%;height:360px;object-fit:cover}.mobile-gallery figcaption{padding:12px 16px;font-weight:800;background:#fff}.gallery-arrow{position:absolute;top:45%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:0;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:30px;line-height:1;cursor:pointer}.gallery-arrow.prev{left:12px}.gallery-arrow.next{right:12px}.gallery-dots{display:flex;justify-content:center;gap:8px;margin-top:8px}.gallery-dots span{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.gallery-dots span.active{background:var(--gold)}@media(max-width:980px){.facts-grid,.related-grid{grid-template-columns:1fr 1fr}.dark-box{display:block}.project-hero{min-height:62vh}.mobile-gallery figure,.gallery-track>img{flex-basis:86vw}.mobile-gallery figure img,.gallery-track>img{height:310px}}@media(max-width:640px){body{line-height:1.75}.project-hero{min-height:58vh;padding:80px 5vw 38px;background-position:center}.hero-content h1{font-size:36px}.facts-grid,.related-grid{grid-template-columns:1fr}.mobile-gallery{margin-left:-5vw;margin-right:-5vw;border-radius:0}.gallery-track{gap:12px;padding-inline:5vw}.mobile-gallery figure,.gallery-track>img{flex-basis:88vw;border-radius:20px}.mobile-gallery figure img,.gallery-track>img{height:270px}.gallery-arrow{display:none}.hero-actions .btn{width:100%}.project-card img{height:210px}}


/* V4 refined galleries */
.project-gallery{background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(15,23,42,.10)}
.project-gallery .gallery-track{padding:14px 14px 26px;gap:14px}
.project-gallery .gallery-track>img{flex:0 0 min(78vw,640px);height:430px;border-radius:22px;border:0;box-shadow:none;background:#f8fafc}
@media(max-width:980px){.project-gallery .gallery-track>img{flex-basis:84vw;height:330px}}
@media(max-width:640px){.section:has(.project-gallery){padding-left:5vw;padding-right:5vw}.project-gallery{margin-left:-5vw;margin-right:-5vw;border-radius:0;border-left:0;border-right:0}.project-gallery .gallery-track{padding:10px 5vw 22px;gap:12px}.project-gallery .gallery-track>img{flex-basis:88vw;height:275px;border-radius:18px}.gallery-dots{margin-top:0;margin-bottom:10px}}