:root{--green:#07382e;--deep:#03261f;--gold:#bc9862;--cream:#f6f3ed;--ink:#173b33;--muted:#617069;--line:#ddd8cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}body.en{font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:1320px;margin:auto;padding:0 5%}.topline{background:var(--deep);color:#d8c9a9;padding:6px 5%;font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between}header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;position:sticky;top:0;z-index:10;background:rgba(248,246,241,.97);border-bottom:1px solid #e8e4db;backdrop-filter:blur(12px)}.brand img{width:235px;max-width:38vw;display:block}nav{display:flex;gap:32px}nav a{font-size:15px;font-weight:700}nav a:hover,.textlink:hover{color:#a47c42}.navtools{display:flex;gap:14px;align-items:center}.lang{border:1px solid var(--line);background:transparent;padding:8px 13px;font-size:12px}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;font-weight:800}.navcta{background:var(--gold);color:var(--deep);border-radius:3px;padding:11px 17px;font-size:13px}.menub{display:none;background:none;border:0;font-size:24px;color:var(--green)}.hero{height:min(760px,76vw);min-height:580px;position:relative;color:white;overflow:hidden;background:var(--deep)}.hero-photo{position:absolute;inset:0;background:url('/assets/hero.png') center 48%/cover no-repeat;transform:scale(1.02)}.hero-tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,32,26,.48),rgba(2,32,26,.94) 75%)}html[dir=ltr] .hero-tint{background:linear-gradient(270deg,rgba(2,32,26,.48),rgba(2,32,26,.94) 75%)}.hero-content{position:relative;max-width:1320px;padding:110px 5% 50px;margin:auto;height:100%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.overline{color:var(--gold);letter-spacing:2.5px;font-size:12px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px}.dash{display:inline-block;width:35px;border-top:2px solid var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(55px,7vw,108px);letter-spacing:-2px;line-height:1.07;margin:28px 0;max-width:770px}.hero h1 em{font-style:normal;color:#dcb57b}.hero p{font-size:clamp(17px,2vw,23px);max-width:620px;line-height:1.8;color:#efefe9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{padding:15px 26px;border-radius:3px;font-size:14px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:#092d26}.outline{border:1px solid #d6c9b1;color:white}.hero-foot{margin-top:auto;display:flex;justify-content:space-between;width:100%;font-size:12px;letter-spacing:1.7px}.ribbon{background:var(--gold);color:#193e35;display:flex;justify-content:space-around;gap:12px;padding:15px;align-items:center;font-size:14px;font-weight:800;flex-wrap:wrap}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:120px;padding-bottom:115px}.about h2,.sectionhead h2,.contact h2,.clients h2,.cta-band h2{font-size:clamp(31px,4vw,55px);line-height:1.25;margin:18px 0 0;letter-spacing:-.7px}.about p,.contact p{font-size:20px;line-height:2;color:var(--muted)}.textlink{font-weight:800;border-bottom:1px solid var(--gold);padding-bottom:8px}.services{background:var(--cream);padding:100px 0 105px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.sectionhead p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.svc{background:#fff;min-height:340px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #ece8e1}.svc img{height:190px;object-fit:cover;width:100%;filter:saturate(.86)}.svc-inner{padding:22px;flex:1}.svc small{color:#a18050;font-size:11px;letter-spacing:2px}.svc h3{margin:7px 0 10px;font-size:21px}.svc p{font-size:14px;color:#6b7470;line-height:1.6;margin:0}.statement{background:var(--deep);color:white;text-align:center;padding:115px 8%;position:relative;overflow:hidden}.statement-pattern{position:absolute;inset:0;opacity:.1;background:repeating-linear-gradient(45deg,transparent,transparent 24px,#bc9862 25px,#bc9862 28px,transparent 29px,transparent 55px)}.statement>*:not(.statement-pattern){position:relative}.statement h2{font-size:clamp(38px,5vw,68px);line-height:1.35;margin:25px auto;max-width:950px}.statement p{font-size:19px;color:#c5d0c9}.work{padding-top:105px;padding-bottom:110px}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{border:1px solid var(--line);background:#fff;overflow:hidden}.project img{width:100%;height:260px;object-fit:cover;background:#eee}.project div{padding:22px}.project h3{font-size:22px;margin:5px 0}.project p{color:#66756d;margin:0}.placeholder{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;background:var(--cream);min-height:360px}.placeholder img{width:100%;height:360px;object-fit:cover}.placeholder>div{padding:55px;display:flex;flex-direction:column;justify-content:center}.placeholder small{color:#9f824f}.placeholder h3{font-size:33px}.clients{padding:95px 0;background:#f6f3ed;text-align:center}.client-grid{margin-top:38px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.client-grid>p{color:var(--muted)}.client{width:190px;min-height:115px;border:1px solid #e3dbce;background:white;display:grid;place-items:center;padding:12px;font-weight:800}.client img{width:100%;height:90px;object-fit:contain}.cta-band{background:#103e33;color:white;padding:80px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:115px;padding-bottom:125px}.contactinfo{display:flex;flex-direction:column;gap:14px;margin-top:40px;font-size:20px;font-weight:700}.contact form{background:var(--cream);padding:35px;display:flex;flex-direction:column;gap:8px}.contact label{font-weight:700;margin-top:10px}.contact input,.contact textarea,.contact select{padding:13px;border:1px solid #d9d6cd;background:white;outline-color:var(--gold);width:100%;color:var(--ink)}.contact form button{margin-top:16px}.contact #formStatus{font-size:14px;margin:3px 0;color:var(--green)}footer{background:#082c24;color:#d7dfd7;padding-top:80px}.foot-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:80px}.foot-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.foot-main b{color:#cba772}.footlogo{background:#fbf8f1;padding:14px;width:240px;max-width:100%}.legal{border-top:1px solid #315348;padding-top:18px;padding-bottom:22px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.floating{position:fixed;bottom:23px;left:24px;width:53px;height:53px;background:#1c9b58;color:white;border-radius:50%;display:grid;place-items:center;font-size:29px;z-index:8;box-shadow:0 6px 25px #0002}html[dir=ltr] .floating{left:auto;right:24px}.en .hero h1{letter-spacing:-4px}.en h1,.en h2{font-family:'DM Sans',sans-serif}@media(max-width:1050px){nav{gap:12px}.brand img{width:180px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topline{font-size:9px}header{height:75px}.brand img{width:170px}.navcta{display:none}.menub{display:block}nav{display:none;position:absolute;top:75px;right:0;left:0;background:var(--cream);padding:28px;box-shadow:0 12px 20px #0002;flex-direction:column}nav.open{display:flex}.hero{height:710px;min-height:660px}.hero-content{padding-top:125px}.hero h1{font-size:55px}.hero p{font-size:18px}.hero-tint{background:linear-gradient(0deg,#02251edc,#02251e80)}.ribbon{font-size:10px}.about,.contact{grid-template-columns:1fr;padding-top:75px;padding-bottom:80px;gap:20px}.services,.work,.clients{padding-top:75px;padding-bottom:75px}.sectionhead{display:block}.service-grid{grid-template-columns:1fr}.svc{min-height:auto}.svc img{height:220px}.portfolio{grid-template-columns:1fr}.placeholder{grid-template-columns:1fr}.placeholder img{height:260px}.placeholder>div{padding:25px}.statement{padding:80px 6%}.cta-inner{align-items:flex-start;flex-direction:column}.foot-main{grid-template-columns:1fr 1fr}.foot-main>div:first-child{grid-column:1/-1}.contact form{padding:22px}}

/* APPROVED ART DIRECTION · MODERN PATTERN / 2026 */
:root{--deep:#042c23;--gold:#cba16c;--cream:#faf6ef}
body{background:#fcf9f2}
.topline{background:#f7f2e9;color:#285043;border-bottom:1px solid #e9e2d6;letter-spacing:.14em}
header{background:#fbf8f1f5;height:88px;box-shadow:0 3px 22px #163c2910}
header .brand img{width:220px} nav a{font-weight:600;font-size:14px}
.navcta,.btn.gold{border-radius:30px;background:linear-gradient(125deg,#e6c591,#b88a55);box-shadow:0 6px 18px #1f2e1d17}
.lang{border-radius:30px}.hero{height:620px;min-height:560px;background:#03251e;direction:ltr}
.hero-photo{background:url('/assets/hero-approved.webp') center right/cover no-repeat;inset:0 0 0 29%;transform:none}
.hero-tint,.en .hero-tint,html[dir=ltr] .hero-tint{background:linear-gradient(90deg,#02261fff 0%,#02261fee 26%,#02271fba 42%,#06271f22 75%,transparent 100%)}
.hero-content{margin:0;width:100%;padding:88px 5.5% 30px;align-items:flex-start;direction:ltr;text-align:left;max-width:unset}
.hero-content .eyebrow{font-size:11px}.hero h1,.en .hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(53px,6vw,91px);letter-spacing:-.055em;max-width:560px;margin:25px 0 14px;line-height:1.07}
.hero h1 em{color:#deb47b}.hero p{font-size:18px;line-height:1.8;max-width:500px}
.hero-foot{max-width:550px;color:#d9bd8e}.ribbon{background:#f2eadd;color:#153d31;padding:18px 25px;border-bottom:1px solid #e5d7c6}
.vision-strip{display:grid;grid-template-columns:1.3fr 1fr;gap:4%;align-items:center;padding-top:65px;padding-bottom:65px}.vision-photo{height:340px;overflow:hidden;border-radius:8px}.vision-photo img{width:100%;height:100%;object-fit:cover}.vision-message h2{font-size:clamp(30px,3.5vw,49px);line-height:1.3;margin:13px 0}.vision-message p{font-size:18px;color:#6e756c}
.about{padding-top:60px;padding-bottom:85px}.services{padding:75px 0 90px;background:#f7f1e8}.svc{border-radius:7px;box-shadow:0 9px 30px #183b2510}.svc img{height:220px}.svc:hover img{transform:scale(1.035)}.svc img{transition:transform .4s}
.work{padding-top:85px;padding-bottom:85px}.clients{padding:75px 0}.consent-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:25;width:min(860px,calc(100% - 30px));background:#f8f4ec;border:1px solid #d7c6a8;border-radius:12px;box-shadow:0 12px 55px #0003;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#183a31;font-size:13px}.consent-bar[hidden]{display:none}.consent-bar>div{display:flex;gap:7px}.consent-bar button{background:#0a4033;color:#fff;border:0;border-radius:5px;padding:9px 13px}.consent-bar button:first-child{background:transparent;color:#123c30;border:1px solid #bcae94}
@media(max-width:720px){.hero{height:680px}.hero-photo{inset:25% 0 0 0;background-position:65% center}.hero-tint,.en .hero-tint,html[dir=ltr] .hero-tint{background:linear-gradient(180deg,#052921ee 0%,#052921ee 35%,#05292144 80%,#05292118 100%)}.hero-content{padding-top:65px}.hero h1,.en .hero h1{font-size:54px;max-width:90%}.hero p{font-size:15px;max-width:90%}.hero-foot{max-width:100%}.vision-strip{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:35px}.vision-photo{height:240px}.consent-bar{flex-direction:column;align-items:stretch}.navtools{gap:6px}.brand img{width:160px}}