@font-face{font-family:ArBody;src:url(fonts/tajawal-arabic-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ArBody;src:url(fonts/tajawal-arabic-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ArBody;src:url(fonts/tajawal-arabic-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Amiri;src:url(fonts/amiri-arabic-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Corm;src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:PlexLat;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PlexLat;src:url(fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2');font-weight:500 700;font-display:swap}
:root{--green:#163A2C;--green-deep:#0F2A20;--ivory:#F4EEE3;--ivory-logo:#F0E7E0;--paper:#FBF8F2;--gold:#A88A57;--gold-text:#7A6033;--gold-soft:#C9B48A;--ink:#1E241F;--muted:#535E56;--line:rgba(22,58,44,.14);--w:1180px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ivory);color:var(--ink);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased}
html[lang=ar] body{font-family:ArBody,PlexLat,system-ui,sans-serif}
html[lang=en] body{font-family:PlexLat,ArBody,system-ui,sans-serif;line-height:1.65;font-size:16.5px}
img{max-width:100%;display:block}
a{color:inherit}
.disp{font-family:Amiri,Corm,serif;font-weight:700;line-height:1.35}
html[lang=en] .disp{font-family:Corm,serif;font-weight:600;line-height:1.1;letter-spacing:-.005em}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.wrap{max-width:var(--w);margin:0 auto;padding:0 32px}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--green);color:#fff;padding:8px 14px;z-index:99}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.rv{border-bottom:1.5px dotted #B7791F;background:rgba(214,170,80,.14)}
.draftbar{background:#3b2f14;color:#f3e3bf;font-size:13px;text-align:center;padding:6px 16px}

/* header */
header.top{position:sticky;top:0;z-index:20;background:var(--ivory-logo);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:84px}
.brand img{height:54px;width:auto}
nav.main{display:flex;gap:26px;font-size:15px}
nav.main a{text-decoration:none;color:var(--ink);padding:6px 0;border-bottom:1px solid transparent}
nav.main a:hover{border-color:var(--gold)}
.tools{display:flex;align-items:center;gap:8px}
.lang{font-size:14px;text-decoration:none;padding:8px 10px;color:var(--muted)}
html[lang=ar] .lang{font-family:PlexLat}
html[lang=en] .lang{font-family:ArBody;font-size:15px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;text-decoration:none;border-radius:2px;white-space:nowrap;transition:background .15s,color .15s}
.btn-line{border:1px solid var(--green);color:var(--green)}
.btn-line:hover{background:var(--green);color:var(--ivory)}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:#957847}
.btn-ghost{border:1px solid rgba(244,238,227,.45);color:var(--ivory)}
.btn-ghost:hover{background:rgba(244,238,227,.08)}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:none;cursor:pointer;align-items:center;justify-content:center}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:18px;height:1.5px;background:var(--green);position:relative;content:""}
.menu-btn span::before{position:absolute;top:-6px}.menu-btn span::after{position:absolute;top:6px}

/* hero */
.hero{background:var(--green);color:var(--ivory)}
.hero .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:64px;padding-top:92px;padding-bottom:120px}
.kicker{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--gold-text);margin-bottom:22px}
html[lang=en] .kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.kicker::before{content:"";width:40px;height:1px;background:currentColor}
.on-dark .kicker,.hero .kicker{color:var(--gold-soft)}
.hero h1{font-size:clamp(36px,5vw,60px)}
html[lang=en] .hero h1{font-size:clamp(40px,5.4vw,66px)}
.hero h1 em{font-style:normal;color:var(--gold-soft)}
.hero .lead{margin-top:24px;font-size:18.5px;color:rgba(244,238,227,.84);max-width:580px}
.ctas{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}
.heritage{align-self:end;border-inline-start:1px solid rgba(201,180,138,.45);padding-inline-start:30px}
.heritage .y{font-family:Corm,serif;font-weight:600;font-size:110px;line-height:.9;color:transparent;-webkit-text-stroke:1px var(--gold-soft)}
.heritage p{margin-top:16px;font-size:15px;color:rgba(244,238,227,.78)}

.focus .wrap{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-52px;position:relative}
.card{background:var(--paper);padding:34px 32px 36px;border-top:2px solid var(--gold)}
.card+.card{border-inline-start:1px solid var(--line)}
.card .n{font-family:Corm,serif;font-weight:600;color:var(--gold-text);font-size:16px}
.card h3{font-family:Amiri,serif;font-size:25px;color:var(--green);margin:6px 0 8px;line-height:1.35}
html[lang=en] .card h3{font-family:Corm,serif;font-size:26px;line-height:1.15}
.card p{font-size:15.5px;color:var(--muted)}

/* sections */
section.sec{padding:110px 0}
.sec h2{font-size:clamp(30px,3.6vw,44px);color:var(--green);max-width:760px}
.on-dark{background:var(--green);color:var(--ivory)}
.on-dark h2{color:var(--ivory)}
.lead{font-size:18.5px;max-width:720px;margin-top:20px}
.on-dark .lead{color:rgba(244,238,227,.86)}
.muted{color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.about-hd{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:end}
.about-hd .reach{background:var(--green);color:var(--ivory);padding:28px 30px}
.about-hd .reach h3{color:var(--gold-soft);font-size:15px;font-weight:500;margin-bottom:6px}
.about-hd .reach p{font-size:16px;color:rgba(244,238,227,.88)}
.story p+p{margin-top:14px}
.story{margin-top:26px;columns:2;column-gap:48px}
.story p{break-inside:avoid}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:64px}
.steps .s{border-top:2px solid var(--gold);padding-top:22px}
.steps .n{font-family:Corm,serif;font-weight:600;color:var(--gold-text);font-size:18px}
.steps h3{font-size:19px;color:var(--green);margin:4px 0 6px;font-weight:700}
html[lang=en] .steps h3{font-weight:500}
.steps p{font-size:15.5px;color:var(--muted)}
.values{margin-top:72px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.values div{padding:22px 18px 0 0}
html[lang=ar] .values div{padding:22px 0 0 18px}
.values h3{font-family:Amiri,serif;font-size:21px;color:var(--green)}
html[lang=en] .values h3{font-family:Corm,serif;font-size:22px}
.values p{font-size:14.5px;color:var(--muted);margin-top:4px}

.pgrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid var(--line)}
.pgrid .it{padding:34px 28px 38px 0;border-bottom:1px solid var(--line)}
html[lang=ar] .pgrid .it{padding:34px 0 38px 28px}
.pgrid .it:not(:nth-child(3n+1)){border-inline-start:1px solid var(--line);padding-inline-start:28px}
.pgrid .n{font-family:Corm,serif;font-weight:600;color:var(--gold-text)}
.pgrid h3{font-family:Amiri,serif;font-size:23px;color:var(--green);margin:4px 0 8px;line-height:1.35}
html[lang=en] .pgrid h3{font-family:Corm,serif;font-size:24px;line-height:1.15}
.pgrid p{font-size:15.5px;color:var(--muted)}
.pgrid .hl{background:var(--paper)}

.flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px}
.flow .st{border:1px solid rgba(201,180,138,.35);padding:34px 30px;margin-inline-start:-1px}
.flow .n{font-family:Corm,serif;font-weight:600;font-size:42px;line-height:1;color:var(--gold-soft)}
.flow h3{font-family:Amiri,serif;font-size:25px;margin:10px 0 6px}
html[lang=en] .flow h3{font-family:Corm,serif;font-size:26px}
.flow p{font-size:15.5px;color:rgba(244,238,227,.82)}
.scope{margin-top:56px;display:grid;grid-template-columns:240px 1fr;gap:40px}
.scope h3{color:var(--gold-soft);font-size:22px}
.scope ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}
.scope li{position:relative;padding-inline-start:22px;color:rgba(244,238,227,.88);font-size:16px}
.scope li::before{content:"";position:absolute;inset-inline-start:0;top:.85em;width:10px;height:1px;background:var(--gold-soft)}
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,180,138,.25);margin-top:56px}
.mgrid div{background:var(--green-deep);padding:28px 24px}
.mgrid h3{font-size:17px;color:var(--gold-soft);font-weight:500;margin-bottom:6px}
.mgrid p{font-size:15px;color:rgba(244,238,227,.8)}

.founder{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}
.founder .ph{background:var(--green);padding:14px}
.founder .ph img{width:100%;height:auto;border:1px solid rgba(201,180,138,.5)}
.founder .ph .cap{color:var(--ivory);padding:16px 6px 6px}
.founder .ph .cap b{display:block;font-family:Amiri,serif;font-size:22px;line-height:1.4}
html[lang=en] .founder .ph .cap b{font-family:Corm,serif;font-size:24px;line-height:1.15}
.founder .ph .cap span{font-size:14px;color:var(--gold-soft)}
.fcols{display:grid;grid-template-columns:1fr 1fr;gap:12px 48px;margin-top:30px}
.fcols h3{font-size:16px;color:var(--green);border-bottom:1px solid var(--line);padding-bottom:6px;margin:18px 0 8px}
.fcols ul{list-style:none}
.fcols li{position:relative;padding-inline-start:18px;font-size:15.5px;margin:6px 0}
.fcols li::before{content:"";position:absolute;inset-inline-start:0;top:.85em;width:8px;height:1px;background:var(--gold)}
.fcols .full{grid-column:1/-1}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 48px;margin-top:64px}
.team .g h3{font-size:14px;color:var(--gold-text);font-weight:500;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:6px}
html[lang=en] .team .g h3{text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.team li{list-style:none;padding:7px 0;border-bottom:1px solid rgba(22,58,44,.06);display:flex;justify-content:space-between;gap:12px;font-size:15.5px}
.team li span.r{font-size:13.5px;color:var(--green);font-weight:500}
.team .g.wide{grid-row:span 2}

.clients{columns:3;column-gap:48px;margin-top:56px}
.cg{break-inside:avoid;margin-bottom:34px}
.cg h3{font-size:14px;color:var(--gold-text);font-weight:500;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}
html[lang=en] .cg h3{text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.cg li{list-style:none;padding:8px 0;font-size:15px;line-height:1.5}
.cg li small{display:block;font-family:PlexLat;font-size:11.5px;letter-spacing:.07em;color:var(--muted);margin-top:2px}
.cg li.new{font-weight:700;color:var(--green)}
.former{background:var(--green);color:var(--ivory);padding:30px 34px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:12px}
.former p{color:rgba(244,238,227,.85);font-size:15.5px}
.former b{color:var(--gold-soft);font-weight:500;font-size:14px}
.former ul{list-style:none}
.former li{padding:3px 0}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.clist{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.clist b{display:block;font-size:13px;color:var(--gold-soft);font-weight:500;margin-bottom:4px}
html[lang=en] .clist b{text-transform:uppercase;letter-spacing:.12em;font-size:11.5px}
.clist a{font-size:20px;text-decoration:none;color:var(--ivory)}
.clist a:hover{color:var(--gold-soft)}
.clist .full{grid-column:1/-1}
.clist .full span{font-size:17px}
.dl{border:1px solid rgba(201,180,138,.4);padding:30px;align-self:start}
.dl h3{font-family:Amiri,serif;font-size:26px;color:var(--ivory)}
html[lang=en] .dl h3{font-family:Corm,serif;font-size:28px}
.dl p{color:rgba(244,238,227,.8);font-size:15.5px;margin:8px 0 20px}
.dl .row{display:flex;gap:10px;flex-wrap:wrap}

footer{background:var(--ivory-logo);padding:44px 0 36px;font-size:14px;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
footer img{height:56px;width:auto}
footer .legal{max-width:520px}
footer a{color:var(--green)}

@media (max-width:980px){
  nav.main{display:none}
  .menu-btn{display:inline-flex}
  header.top .tools .btn-line{display:none}
  nav.main.open{display:flex;flex-direction:column;position:absolute;top:100%;inset-inline:0;background:var(--ivory-logo);padding:10px 20px 20px;border-bottom:1px solid var(--line);gap:0}
  nav.main.open a{padding:13px 0;border-bottom:1px solid var(--line);font-size:17px}
  nav.main.open .sys{display:block;margin-top:14px;text-align:center;border:1px solid var(--green);color:var(--green)}
}
@media (min-width:981px){nav.main .sys{display:none}}
@media (max-width:860px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  header.top .wrap{height:68px}
  .brand img{height:46px}
  .hero .wrap{grid-template-columns:1fr;gap:40px;padding-top:52px;padding-bottom:90px}
  .hero .lead{font-size:16.5px}
  .ctas .btn{flex:1 1 100%}
  .heritage .y{font-size:78px}
  .focus .wrap{grid-template-columns:1fr;margin-top:-40px}
  .card+.card{border-inline-start:0;border-top:1px solid var(--line)}
  section.sec{padding:72px 0}
  .about-hd,.two,.contact,.founder{grid-template-columns:1fr;gap:32px}
  .story{columns:1}
  .steps{grid-template-columns:1fr;gap:26px;margin-top:44px}
  .values{grid-template-columns:1fr 1fr;gap:0 16px}
  .pgrid{grid-template-columns:1fr}
  .pgrid .it,html[lang=ar] .pgrid .it{padding:24px 0;border-inline-start:0!important}
  .flow{grid-template-columns:1fr}
  .flow .st{margin-inline-start:0;margin-top:-1px}
  .scope{grid-template-columns:1fr;gap:16px}
  .scope ul{grid-template-columns:1fr}
  .mgrid{grid-template-columns:1fr}
  .founder .ph{max-width:300px}
  .fcols{grid-template-columns:1fr}
  .team{grid-template-columns:1fr}
  .clients{columns:1}
  .former{grid-template-columns:1fr}
  .clist{grid-template-columns:1fr}
  .clist a{font-size:18px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.heritage p{font-size:16px}
.mrep{margin-top:1px;background:var(--green-deep);border-top:1px solid rgba(201,180,138,.25);padding:26px 24px;display:grid;grid-template-columns:240px 1fr;gap:24px}
.mrep h3{font-size:17px;color:var(--gold-soft);font-weight:500}
.mrep p{font-size:15.5px;color:rgba(244,238,227,.88)}
@media (max-width:860px){.mrep{grid-template-columns:1fr;gap:6px}}