@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap');
:root{--ink:#17202b;--navy:#091a36;--gold:#a7822d;--sand:#f5f2ea;--paper:#fff;--line:#dcd7ca;--muted:#6d726f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif}html[lang=en] body{font-family:Manrope,Arial,sans-serif}.en{display:none!important}html[lang=en] .ar{display:none!important}html[lang=en] .en{display:initial!important}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.skip{position:fixed;z-index:100;top:-80px;right:1rem;background:var(--navy);color:#fff;padding:.7rem 1rem}.skip:focus{top:1rem}.header{height:94px;display:grid;grid-template-columns:160px 1fr 48px;align-items:center;gap:2rem;padding:0 max(4vw,24px);background:rgba(255,255,255,.96);position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand img{width:118px;height:78px;object-fit:contain}.header nav{display:flex;justify-content:center;gap:clamp(1rem,2.4vw,2.5rem)}.header nav a{text-decoration:none;font-size:.88rem;font-weight:500}.header nav i{font-style:normal}.language{width:44px;height:44px;border:1px solid var(--navy);background:#fff;color:var(--navy);font-weight:600}.menu{display:none}.hero{position:relative;min-height:720px;background:var(--sand);overflow:hidden}.hero-image{width:100%;height:720px;object-fit:cover;object-position:center}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(245,242,234,.35) 52%,var(--sand) 82%)}html[dir=ltr] .hero::after{background:linear-gradient(270deg,transparent 35%,rgba(245,242,234,.35) 52%,var(--sand) 82%)}.hero-panel{position:absolute;z-index:2;top:50%;right:max(7vw,36px);transform:translateY(-50%);width:min(600px,46vw);padding:3.5rem;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(41,35,22,.13)}html[dir=ltr] .hero-panel{right:auto;left:max(7vw,36px)}.kicker{margin:0 0 1rem;color:var(--gold);font-size:.78rem;font-weight:600}.hero h1,.section h2,.identity h2,.contact h2{margin:0;font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.12;letter-spacing:-.04em}.hero-panel>p:not(.kicker){font-size:1.08rem;line-height:1.9;color:#4e555a;max-width:47ch}.button{display:inline-block;margin-top:1.3rem;padding:.9rem 1.4rem;background:var(--gold);color:#fff;text-decoration:none;font-weight:600}.hero-caption{position:absolute;z-index:2;left:max(3vw,22px);bottom:26px;display:flex;gap:1rem;align-items:center;color:#fff;text-shadow:0 1px 4px #000}.hero-caption b{color:#e0c577}.facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:2.2rem max(5vw,30px)}.facts div{display:flex;flex-direction:column;align-items:center;border-inline-start:1px solid rgba(255,255,255,.16)}.facts div:first-child{border:0}.facts strong{font:500 2rem Manrope}.facts span{font-size:.78rem;color:#c8cbd1}.section{padding:clamp(5rem,9vw,9rem) max(6vw,36px)}.label{display:flex;align-items:center;gap:.8rem;color:var(--gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.label span{width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor}.about{display:grid;grid-template-columns:.45fr 1.1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:start}.about h2,.clients h2,.project-heading h2,.gallery-heading h2{font-size:clamp(2.3rem,4vw,4.6rem)}.lead{font-size:1.4rem;color:var(--gold);line-height:1.6}.about-copy{font-size:1.04rem;line-height:2;color:#5c6164}.services{background:var(--navy);color:#fff;padding-bottom:clamp(5rem,8vw,8rem)}.service-heading{padding-bottom:3rem}.service-heading h2{max-width:850px;margin-top:2rem}.light{color:#d6b55b}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0 max(6vw,36px);border-top:1px solid #3b465a;border-inline-start:1px solid #3b465a}.service-grid article{min-height:280px;padding:2.2rem;border-inline-end:1px solid #3b465a;border-bottom:1px solid #3b465a}.service-grid article>b{font:500 .8rem Manrope;color:#c4a34f}.service-grid h3{font-size:1.35rem;margin:2.3rem 0 .7rem}.service-grid p{color:#bbc0ca;line-height:1.8}.clients{display:grid;grid-template-columns:.35fr .8fr 1.4fr;gap:4rem;background:var(--sand)}.clients-intro p{color:var(--muted);line-height:1.8}.client-list{border-top:1px solid #bdb6a6}.client-list div{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid #cbc5b8}.client-list b{font-size:1.05rem}.client-list small{color:var(--gold)}.projects{padding:clamp(5rem,9vw,9rem) max(6vw,36px)}.project-heading{padding:0 0 3rem}.project-heading h2{margin-top:1.5rem}.case{background:#fff;border:1px solid var(--line)}.case img{width:100%;height:280px;object-fit:cover}.case div{padding:1.7rem}.case em{font-style:normal;color:var(--gold);font-size:.75rem;font-weight:600}.case h3{font-size:1.35rem;margin:.6rem 0}.case p{line-height:1.75;color:#596065}.case small{color:#777}.feature{display:grid;grid-template-columns:1.65fr 1fr;margin-bottom:1.5rem}.feature img{height:520px}.feature div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem)}.feature h3{font-size:clamp(1.8rem,3vw,3rem)}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.register{margin-top:4rem;border-top:2px solid var(--ink)}.register h3{font-size:1.5rem}.register>div{display:grid;grid-template-columns:1fr 1fr;padding:1rem 0;border-top:1px solid var(--line)}.register>div span{direction:ltr;text-align:left}.gallery-section{background:var(--sand);padding-bottom:clamp(5rem,8vw,8rem)}.gallery-heading{padding-bottom:2.5rem}.gallery-heading h2{margin:1.5rem 0 2rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filters button{padding:.65rem 1rem;border:1px solid #bcb5a6;background:transparent}.filters button.active{background:var(--gold);border-color:var(--gold);color:#fff}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:270px;gap:8px;margin:0 max(2vw,12px)}.photo-grid figure{position:relative;margin:0;overflow:hidden;background:#ddd}.photo-grid figure.wide{grid-column:span 2}.photo-grid figure.tall{grid-row:span 2}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-grid figure:hover img{transform:scale(1.025)}.photo-grid figcaption{position:absolute;inset:auto 0 0;padding:2rem 1rem .8rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:.78rem}.photo-grid [hidden]{display:none}.identity{display:grid;grid-template-columns:1.5fr 1fr;align-items:center}.identity>img{width:100%;height:650px;object-fit:cover}.identity>div{padding:clamp(2rem,6vw,7rem)}.identity h2{font-size:clamp(2.5rem,4.5vw,5rem);margin:2rem 0}.identity p{font-size:1.1rem;line-height:1.9;color:#5e6263}.principles{display:grid;grid-template-columns:repeat(4,1fr);background:var(--sand);padding:5rem max(5vw,28px)}.principles article{padding:1.5rem 2rem;border-inline-start:1px solid #c8c0af}.principles article:first-child{border:0}.principles b{font-size:1.4rem;color:var(--gold)}.principles p{line-height:1.8;color:#5e6263}.leadership{display:grid;grid-template-columns:.5fr 1.5fr;gap:4rem}.leadership h2{font-size:clamp(2.5rem,4vw,4.5rem);margin:.8rem 0}.leadership small{color:var(--gold)}.leadership p{max-width:65ch;line-height:1.9;color:#5e6263}.contact{display:flex;justify-content:space-between;align-items:end;gap:3rem;padding:clamp(4rem,8vw,8rem) max(6vw,36px);background:#b18b36;color:#fff}.contact p{margin:0}.contact h2{font-size:clamp(2.6rem,5vw,5.5rem);margin:.5rem 0}.contact a{padding:1rem 0;border-bottom:1px solid #fff;text-decoration:none;font:500 1.1rem Manrope;direction:ltr}footer{display:grid;grid-template-columns:180px 1fr auto;gap:2rem;align-items:center;padding:2.5rem max(5vw,30px);background:var(--navy);color:#fff}footer img{width:130px;max-height:90px;object-fit:contain}footer p,footer small{color:#aeb5c1}footer nav{display:flex;gap:1.5rem}footer a{text-decoration:none}.menu b{font-size:.68rem}
@media(max-width:900px){.header{grid-template-columns:120px 1fr 44px;height:82px}.header nav{display:none;position:absolute;top:82px;inset-inline:0;flex-direction:column;padding:1.5rem;background:#fff;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.menu{justify-self:end;display:flex;align-items:center;gap:4px;border:0;background:transparent}.menu span{width:16px;height:1px;background:var(--ink)}.menu b{margin-inline-start:5px}.brand img{width:95px;height:68px}.hero,.hero-image{height:740px}.hero::after{background:linear-gradient(0deg,var(--sand) 3%,transparent 68%)}.hero-panel{top:auto;right:5vw!important;left:5vw!important;bottom:45px;transform:none;width:auto;padding:2rem}.hero-panel h1{font-size:clamp(2.3rem,8vw,4rem)}.hero-caption{display:none}.facts{grid-template-columns:repeat(2,1fr);gap:1.5rem}.facts div{border:0}.about,.clients,.identity,.leadership{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.feature img{height:360px}.photo-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:repeat(2,1fr)}.identity>img{height:auto}.contact{align-items:start;flex-direction:column}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer nav{justify-content:center}}
@media(max-width:560px){.header{padding:0 16px;gap:.6rem}.section{padding:4.5rem 22px}.hero{height:690px;min-height:690px}.hero-image{height:690px}.hero-panel{padding:1.5rem}.hero-panel>p:not(.kicker){font-size:.93rem;line-height:1.7}.facts{padding:2rem 16px}.facts strong{font-size:1.6rem}.service-grid{grid-template-columns:1fr;margin:0 20px}.service-grid article{min-height:auto}.clients{gap:2rem}.client-list div{align-items:start;flex-direction:column;gap:.25rem}.case-grid{grid-template-columns:1fr}.case img{height:240px}.feature img{height:300px}.register>div{grid-template-columns:1fr;gap:.35rem}.photo-grid{grid-auto-rows:210px}.photo-grid figure.wide{grid-column:span 2}.principles{grid-template-columns:1fr;padding:3rem 22px}.principles article{border-inline-start:0;border-top:1px solid #c8c0af}.principles article:first-child{border-top:0}.contact{padding:4rem 22px}.contact h2{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
html[lang=en] .en{display:revert!important}
body{overflow-x:hidden}
@media(max-width:560px){
  .header{grid-template-columns:minmax(0,1fr) auto auto}
  .hero-panel{right:22px!important;left:22px!important;width:auto}
  .hero-panel h1{font-size:clamp(2.15rem,11vw,3rem);overflow-wrap:anywhere}
  .facts div{min-width:0;text-align:center}
}