/* Exact layout direction adapted from the user-approved Modern Pattern reference image */
:root{--deep:#062e27;--gold:#c89f68;--cream:#fbf5eb}
body{background:var(--cream)}.masthead{height:143px;display:flex;align-items:center;gap:42px;padding:14px 5%;background:linear-gradient(90deg,#fbf7f0,#f9f1e5);color:#092f27}.masthead img{width:min(415px,35%);max-height:105px;object-fit:contain;object-position:left}.mast-tag{border-left:1px solid #bba685;padding-left:30px;font-size:11px;letter-spacing:.25em;line-height:1.8;color:#ad8858}.mast-mantra{margin-left:auto;font-size:clamp(11px,1.35vw,22px);letter-spacing:.24em;white-space:nowrap}.mast-mantra i{color:var(--gold);font-style:normal;padding:0 9px}.topline{display:none!important}header#nav{background:#062d26;height:67px;color:white;box-shadow:none;padding:0 5%}header#nav nav a{color:#f8f7f2!important;font-size:12px;letter-spacing:.03em}header#nav .brand img{filter:brightness(0) invert(1);width:155px}header#nav .lang{color:white;border-color:#ddbb8b!important;background:transparent!important}header#nav .navcta{background:#d4aa76;color:#102d25;border-radius:8px}header#nav .menub{color:#fff}section.hero{height:480px;min-height:480px;border-radius:0;overflow:hidden;margin:0 0 0}section.hero .hero-photo{background:url('/assets/hero-approved.webp') center center/cover no-repeat;inset:0 0 0 27%}section.hero .hero-tint{background:linear-gradient(90deg,#032b24 0%,#032b24f9 23%,#032b24cb 38%,#032b2477 58%,transparent 86%)}section.hero .hero-content{padding:53px 7% 17px}section.hero h1{font-size:clamp(47px,5.3vw,79px);line-height:1.05;margin:11px 0 13px}section.hero p{max-width:430px;font-size:14px;line-height:1.65}section.hero .eyebrow{color:#cfad83;font-size:9px!important}.hero .actions{margin-top:24px}.hero .actions a{font-size:11px}.hero .hero-foot{font-size:10px}.reference-gallery{padding:15px 2.5% 26px;background:#f9f5ee}.reference-label{display:none}.reference-tiles{display:grid;grid-template-columns:1.3fr .75fr .78fr 1fr .83fr;gap:9px}.reference-tiles figure{padding:0;margin:0;min-width:0}.reference-tiles img{display:block;width:100%;height:195px;object-fit:cover;border-radius:5px}.reference-tiles figcaption{padding:10px 3px;color:#123c31;font-weight:600;font-size:11px}section.ribbon{background:#eee5d6;border:0;padding:12px 5%;font-size:11px}.vision-strip{padding-top:35px}section.services{padding-top:50px}.reference-tiles figure:hover img{filter:saturate(1.12)}
@media(max-width:1000px){.masthead{height:100px;gap:16px}.masthead img{width:260px}.mast-tag{font-size:8px;padding-left:12px}.mast-mantra{font-size:11px}section.hero{height:500px}header#nav nav a{font-size:11px}}
@media(max-width:720px){.masthead{height:74px;padding:10px 4%}.masthead img{width:190px;max-height:60px}.mast-tag{display:none}.mast-mantra{font-size:9px;white-space:normal;text-align:right;max-width:135px}.mast-mantra i{padding:0 3px}header#nav{height:62px;padding:0 4%}header#nav .brand img{width:135px}section.hero{height:600px;min-height:600px}section.hero .hero-photo{inset:37% 0 0 0;background-position:41% center}section.hero .hero-tint{background:linear-gradient(180deg,#042d26 0%,#042d26f5 33%,#042d26ac 58%,#042d2600 90%)}section.hero .hero-content{padding:35px 6% 15px}section.hero h1{font-size:50px}section.hero p{font-size:12px;max-width:95%}.reference-gallery{padding:12px}.reference-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-tiles img{height:135px}.reference-label{display:block;margin:8px 0 16px}.reference-label span{font-size:10px;letter-spacing:.15em;color:#b68d5d}.reference-label h2{font-size:20px;margin:6px 0}}

/* LANDING UPDATE · 28 OCT 2026 · no screenshot assets */
html[dir="rtl"]{direction:rtl}html[dir="ltr"]{direction:ltr}
body{font-family:Tajawal,"Noto Sans Arabic",Arial,sans-serif}body.en{font-family:"DM Sans",Arial,sans-serif}
section[hidden],a[hidden]{display:none!important}
header#nav{border-bottom:1px solid #35574c;box-shadow:0 8px 25px #062b2219;direction:inherit}
header#nav .brand img{filter:brightness(0) invert(1)}header#nav nav{align-items:center}
header#nav nav a{white-space:nowrap}.navcta,.btn.gold{border-radius:13px;box-shadow:none;background:#d6b07e;color:#082b22}
.btn.outline{border-radius:13px}button.lang{min-width:50px;border-radius:9px}
section.hero{height:clamp(560px,59vw,700px);min-height:560px;border-radius:0 0 30px 30px;margin:0 18px;isolation:isolate}
section.hero .hero-photo{inset:0!important;background-image:url('/assets/hero.png')!important;background-position:55% center!important;background-size:cover!important}
section.hero .hero-tint{background:linear-gradient(90deg,#052b24ed 0%,#052b24e0 31%,#052b2490 57%,#052b240d 100%)!important}
html[dir="rtl"] section.hero .hero-tint{background:linear-gradient(270deg,#052b24ed 0%,#052b24d9 35%,#052b2490 59%,#052b240d 100%)!important}
section.hero .hero-content{direction:inherit;text-align:start;align-items:flex-start;padding:105px 6% 36px;max-width:1440px;margin:auto}
section.hero h1{font-family:inherit!important;letter-spacing:normal!important;font-size:clamp(46px,5.5vw,78px);line-height:1.26;max-width:670px;font-weight:800}
html[dir="ltr"] section.hero h1{font-family:"DM Sans",Arial,sans-serif!important;letter-spacing:-.055em!important;line-height:1.1}
section.hero .hero-content p{line-height:1.9;max-width:550px;font-size:clamp(16px,1.6vw,20px)}
.hero-foot{max-width:680px}.reference-gallery{padding:30px 3.8% 45px;background:#fbf7ef}
.reference-label{display:block;margin-bottom:20px}.reference-label span{font-size:11px;letter-spacing:.2em;color:#a17b4d}.reference-label h2{font-size:clamp(23px,2.5vw,34px);margin:5px 0}
.reference-tiles{gap:14px}.reference-tiles figure{border-radius:15px;overflow:hidden;background:#fff;border:1px solid #ece4d6;box-shadow:0 8px 24px #112c1c0b}
.reference-tiles img{height:205px;border-radius:0;transition:transform .35s}.reference-tiles figure:hover img{transform:scale(1.04)}.reference-tiles figcaption{padding:13px 16px;font-size:13px}
.services{background:#f8f3eb}.svc{border-radius:18px;box-shadow:0 14px 35px #102a220a;border:1px solid #e9e1d4}.svc img{height:225px}.svc-inner{padding:22px 23px}.svc h3{font-size:20px;line-height:1.6}.svc p{font-size:14px;line-height:1.9}
.project{border-radius:18px}.client{border-radius:14px}.contact form{border-radius:22px;border:1px solid #e8dfcf;box-shadow:0 12px 50px #063b2210}.contact input,.contact select,.contact textarea{border-radius:10px;min-height:46px}.contact textarea{min-height:135px}
.cta-band{background:linear-gradient(120deg,#032b23,#105443);border-radius:25px;margin:0 18px}.floating{border-radius:17px}.statement{background:#082c25}.about{padding-top:75px;padding-bottom:78px}
/* Keep text and controls intuitive in each language */
html[dir="rtl"] .reference-gallery,html[dir="rtl"] .sectionhead,html[dir="rtl"] .contact,html[dir="rtl"] .about{text-align:right}
html[dir="ltr"] .reference-gallery,html[dir="ltr"] .sectionhead,html[dir="ltr"] .contact,html[dir="ltr"] .about{text-align:left}
@media(max-width:760px){section.hero{margin:0 8px;height:630px;min-height:630px;border-radius:0 0 22px 22px}section.hero .hero-photo{inset:0!important;background-position:56% bottom!important}section.hero .hero-tint{background:linear-gradient(180deg,#062c26 0%,#062c26f2 38%,#062c2688 70%,#062c2635 100%)!important}html[dir="rtl"] section.hero .hero-tint{background:linear-gradient(180deg,#062c26 0%,#062c26f2 38%,#062c2688 70%,#062c2635 100%)!important}section.hero .hero-content{padding:58px 7% 28px}section.hero h1{font-size:clamp(39px,10vw,56px)}section.hero .hero-content p{font-size:15px}.reference-gallery{padding:25px 15px}.reference-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reference-tiles img{height:155px}.reference-tiles figcaption{font-size:11px}.reference-tiles figure:last-child{grid-column:1/-1}.reference-tiles figure:last-child img{height:190px}.services{padding-top:60px}.svc{border-radius:14px}.cta-band{margin:0 8px}.masthead{display:none}}