:root{
  --midnight:#0B1426; --raised:#111D35; --navy:#13284A; --navy-2:#1D3A66;
  --gold:#C9A24A; --gold-text:#D9B867; --on-gold:#0B1426;
  --silver:#D7DBE0; --ink:#E8EBEF; --muted:#AEB7C4; --line:#24375A;
  --ok:#7FD1A3; --err:#F2A0A0;
  --r:2px; --wrap:1180px;
  --f-head:'Montserrat',system-ui,sans-serif; --f-body:'Source Sans 3',system-ui,sans-serif;
  --step-1:clamp(15px,.95rem + .1vw,17px); --step2:clamp(22px,1.2rem + .6vw,28px);
  --step3:clamp(28px,1.4rem + 1.4vw,40px); --step5:clamp(38px,1.6rem + 3.6vw,72px);
}
:lang(ar){--f-head:'IBM Plex Sans Arabic',system-ui,sans-serif; --f-body:'IBM Plex Sans Arabic',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--midnight);color:var(--ink);font:400 var(--step-1)/1.6 var(--f-body);padding-bottom:env(safe-area-inset-bottom,0px)}
img{max-width:100%;display:block}
a{color:var(--gold-text)} a:hover{color:#E7CB86}
h1,h2,h3{font-family:var(--f-head);font-weight:600;line-height:1.2;margin:0;color:#fff}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{line-height:1.45}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--gold);color:var(--on-gold);padding:10px 14px;z-index:100;border-radius:var(--r)}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ic{flex:0 0 auto}

/* Header */
.hd{position:sticky;top:0;z-index:50;background:rgba(11,20,38,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.hd__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.hd__logo img{height:46px;width:auto}
.hd__nav{display:flex;align-items:center;gap:6px}
.hd__nav a{color:var(--silver);text-decoration:none;font-family:var(--f-head);font-weight:500;font-size:15px;padding:10px 12px;border-radius:var(--r);min-height:44px;display:inline-flex;align-items:center}
.hd__nav a:hover{color:#fff}
.hd__nav a[aria-current="page"]{color:var(--gold-text);box-shadow:inset 0 -2px 0 var(--gold)}
.hd__nav .hd__lang{border:1px solid var(--line);margin-inline-start:8px}
.hd__menu{display:none;background:none;border:1px solid var(--line);color:#fff;width:44px;height:44px;border-radius:var(--r);align-items:center;justify-content:center;cursor:pointer}
@media (max-width:900px){
  .hd__menu{display:inline-flex}
  .hd__nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--midnight);border-bottom:1px solid var(--line);padding:8px 20px 16px;display:none}
  .hd__nav.is-open{display:flex}
  .hd__nav a{font-size:18px;min-height:52px;border-bottom:1px solid var(--line)}
  .hd__nav a[aria-current="page"]{box-shadow:none}
  .hd__nav .hd__lang{margin:12px 0 0;justify-content:center}
}

/* Buttons */
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:var(--r);font-family:var(--f-head);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;border:0}
.btn--gold{background:var(--gold);color:var(--on-gold)} .btn--gold:hover{background:#D6B25E;color:var(--on-gold)}
.btn--line{border:1px solid var(--silver);color:#fff} .btn--line:hover{border-color:var(--gold);color:var(--gold-text)}

/* Hero */
.hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(11,20,38,.96) 0%,rgba(11,20,38,.72) 45%,rgba(11,20,38,.35) 100%)}
.hero__in{position:relative;padding-block:120px 72px;display:flex;flex-direction:column;gap:22px;width:100%}
.hero__ring{position:absolute;inset-inline-start:-40px;bottom:30px;width:min(520px,90vw);height:auto;color:var(--gold);opacity:.55;pointer-events:none;z-index:-1}
[dir="rtl"] .hero__ring{transform:scaleX(-1)}
.hero__title{font-size:var(--step5);font-weight:700;max-width:14ch;letter-spacing:-.01em}
:lang(ar) .hero__title{letter-spacing:0;max-width:16ch}
.hero__text{max-width:52ch;font-size:clamp(17px,1rem + .4vw,21px);color:var(--silver)}
.hero__since{color:var(--muted);font-size:14px;margin-top:6px}

/* Sections */
.sec{padding-block:clamp(56px,6vw,96px)}
.sec--alt{background:var(--raised);border-block:1px solid var(--line)}
.sec__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:36px;flex-wrap:wrap}
.more{font-family:var(--f-head);font-weight:600;font-size:15px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.sec h2{font-size:var(--step3);position:relative;padding-top:22px}
/* The crane jib: a gold line with its load hanging from the end, over each section title */
.sec h2::before{content:"";position:absolute;top:0;inset-inline-start:0;width:64px;height:3px;background:var(--gold)}
.sec h2::after{content:"";position:absolute;top:3px;inset-inline-start:56px;width:8px;height:9px;background:linear-gradient(var(--gold),var(--gold)) center top/1.5px 4px no-repeat,linear-gradient(var(--gold),var(--gold)) center bottom/8px 5px no-repeat}
.sec .wrap > h2{margin-bottom:32px}
.svc h2,.svc h3,.steps h3,.team h3,.cinfo h2{padding-top:0}
.svc h2::before,.svc h2::after,.cinfo h2::before,.cinfo h2::after{content:none}

/* Page header */
.ph{padding-block:clamp(56px,7vw,104px) clamp(28px,3vw,40px);border-bottom:1px solid var(--line);background:linear-gradient(var(--navy),var(--midnight))}
.ph h1{font-size:var(--step5);font-weight:700}
.ph p{margin-top:14px;color:var(--silver);max-width:60ch;font-size:clamp(17px,1rem + .3vw,20px)}

/* Services */
.svc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.svc__item{padding:28px 24px 28px 0;display:flex;flex-direction:column;gap:12px;border-inline-end:1px solid var(--line);padding-inline:0 24px}
.svc__item + .svc__item{padding-inline-start:24px}
.svc__item:last-child{border-inline-end:0}
.svc__item .ic{color:var(--gold)}
.svc__item h3,.svc__item h2{font-size:19px;color:#fff}
.svc__item p{color:var(--muted)}
.svc--full{grid-template-columns:repeat(2,1fr)}
.svc--full .svc__item{padding:36px 32px;border-bottom:1px solid var(--line)}
.svc--full .svc__item:nth-child(2n){border-inline-end:0}
.svc--full .svc__item:nth-child(2n+1){padding-inline-start:0}
.svc--full .svc__item h2{font-size:var(--step2)}
@media (max-width:900px){.svc{grid-template-columns:1fr 1fr}.svc__item:nth-child(2n){border-inline-end:0}.svc__item{border-bottom:1px solid var(--line)}.svc__item:nth-child(2n+1){padding-inline-start:0}}
@media (max-width:600px){.svc,.svc--full{grid-template-columns:1fr}.svc__item,.svc--full .svc__item{border-inline-end:0;padding-inline:0}}

/* Project cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}} @media (max-width:600px){.grid{grid-template-columns:1fr}}
.pc{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.pc__img{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);background:var(--navy)}
.pc__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pc:hover .pc__img img{transform:scale(1.03)}
.pc__body{display:flex;flex-direction:column;gap:6px;padding-top:16px}
.pc__name{font-family:var(--f-head);font-weight:600;font-size:19px;color:#fff}
.pc:hover .pc__name{color:var(--gold-text)}
.pc__meta{color:var(--muted);font-size:15px}
.pc__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.tag{font-size:13px;padding:3px 10px;border:1px solid var(--line);border-radius:var(--r);color:var(--silver)}
.tag--in_progress{border-color:var(--gold);color:var(--gold-text)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.filters a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:var(--r);color:var(--silver);text-decoration:none;font-family:var(--f-head);font-weight:500;font-size:14px}
.filters a[aria-current]{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.empty{color:var(--muted)}

/* Project page */
.pj{padding-block:40px clamp(56px,6vw,96px)}
.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none;font-family:var(--f-head);font-weight:500;font-size:15px;margin-bottom:12px}
[dir="rtl"] .back .ic{transform:scaleX(-1)}
.pj h1{font-size:var(--step5);font-weight:700;margin-bottom:28px}
.pj__cover{margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r);background:var(--navy)}
.pj__cover img{width:100%;height:100%;object-fit:cover}
.pj__body{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;margin-top:40px}
@media (max-width:800px){.pj__body{grid-template-columns:1fr;gap:28px}}
.lead{font-size:clamp(18px,1rem + .45vw,22px);color:var(--silver);max-width:62ch}
.facts{margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.facts div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--muted)} .facts dd{margin:0;color:#fff;font-weight:600;text-align:end}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.gal img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--r)}
@media (max-width:600px){.gal{grid-template-columns:1fr 1fr}}

/* About */
.story .lead{margin-top:8px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:s}
.steps__item{counter-increment:s;padding:24px 28px 8px 0;border-top:3px solid var(--gold);position:relative}
.steps__item + .steps__item{padding-inline-start:28px;border-top-color:var(--navy-2)}
.steps__item h3{font-size:var(--step2);margin-bottom:8px}
.steps__item h3::before{content:counter(s) ". ";color:var(--gold-text)}
.steps__item p{color:var(--muted)}
@media (max-width:800px){.steps{grid-template-columns:1fr;gap:28px}.steps__item,.steps__item + .steps__item{padding-inline:0}}
.team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px}
.team__m img,.team__ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);background:var(--navy)}
.team__ph{display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:64px;font-weight:600;color:var(--gold-text)}
.team__m h3{font-size:19px;margin-top:16px} .team__m p{color:var(--muted)}

/* Contact */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
@media (max-width:900px){.contact{grid-template-columns:1fr;gap:40px}}
.cinfo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cinfo li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.cinfo li:first-child{border-top:1px solid var(--line)}
.cinfo .ic{color:var(--gold);margin-top:2px}
.cinfo h2{font-size:15px;color:var(--muted);font-weight:500;margin-bottom:2px}
.cinfo div{display:flex;flex-direction:column;gap:2px}
.cinfo a{min-height:32px;display:inline-flex;align-items:center}
.form{display:flex;flex-direction:column;gap:18px;background:var(--raised);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3vw,36px)}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px;color:var(--silver)}
.form input,.form textarea{font:inherit;font-weight:400;color:#fff;background:var(--midnight);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;min-height:48px}
.form input:focus,.form textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px rgba(201,162,74,.35)}
.form .btn{align-self:flex-start}
.hp{position:absolute;left:-9999px}
.note{padding:12px 14px;border-radius:var(--r);font-weight:600}
.note--ok{background:rgba(127,209,163,.12);color:var(--ok);border:1px solid rgba(127,209,163,.4)}
.note--err{background:rgba(242,160,160,.12);color:var(--err);border:1px solid rgba(242,160,160,.4)}

/* CTA */
.cta{background:var(--navy);border-top:1px solid var(--line)}
.cta__in{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:56px;flex-wrap:wrap}
.cta h2{font-size:var(--step3)} .cta p{color:var(--silver);margin-top:8px;max-width:52ch}

/* Footer */
.ft{border-top:1px solid var(--line);padding-top:56px;color:var(--muted);font-size:15px}
.ft__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
@media (max-width:700px){.ft__in{grid-template-columns:1fr}}
.ft__brand img{height:52px;width:auto;margin-bottom:12px}
.ft__col{display:flex;flex-direction:column;gap:4px}
.ft__col a{color:var(--silver);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.ft__col a:hover{color:var(--gold-text)}
.ft__base{border-top:1px solid var(--line);margin-top:40px;padding-block:20px calc(20px + env(safe-area-inset-bottom,0px));font-size:14px}

/* WhatsApp */
.wa{position:fixed;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 18px;border-radius:999px;background:#1F9E55;color:#fff;text-decoration:none;font-family:var(--f-head);font-weight:600;font-size:15px;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.wa:hover{background:#1A8A4A;color:#fff}
@media (max-width:600px){.wa span{display:none}.wa{width:56px;height:56px;padding:0;justify-content:center}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.hd,.wa,.ft,.cta{display:none}body{background:#fff;color:#000}}

.tag--sample{border-style:dashed;color:var(--muted)}
.soon{color:var(--muted)}

/* Services detail */
.ticks{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.ticks li{position:relative;padding-inline-start:22px;color:var(--silver);font-size:15px}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:12px;height:2px;background:var(--gold)}
@media (max-width:600px){.ticks{grid-template-columns:1fr}}
.proc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:3px solid var(--navy-2);position:relative}
.proc__step{padding:24px 20px 0 0;position:relative}
.proc__step + .proc__step{padding-inline-start:20px;border-inline-start:1px solid var(--line)}
.proc__step::before{content:"";position:absolute;top:-3px;inset-inline-start:0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left}
.proc__step:first-child::before{transform:scaleX(1)}
.proc__n{display:block;font-family:var(--f-head);font-weight:600;font-size:14px;color:var(--gold-text);margin-bottom:10px}
.proc__step h3{font-size:19px;margin-bottom:8px}
.proc__step p{color:var(--muted);font-size:15px}
@media (max-width:900px){.proc{grid-template-columns:1fr;border-top:0;border-inline-start:3px solid var(--navy-2)}.proc__step,.proc__step + .proc__step{padding:0 0 28px;padding-inline-start:24px;border-inline-start:0}.proc__step::before{display:none}}
.princ{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.princ__item{border-top:1px solid var(--line);padding-top:20px}
.princ__item h3{font-size:var(--step2);margin-bottom:8px}
.princ__item p{color:var(--silver);max-width:46ch}
@media (max-width:700px){.princ{grid-template-columns:1fr}}

/* Services detail */
.ticks{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.ticks li{position:relative;padding-inline-start:22px;color:var(--silver);font-size:15px}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:12px;height:2px;background:var(--gold)}
.princ{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.princ__item{border-top:1px solid var(--line);padding-top:20px}
.princ__item h3{font-size:var(--step2);margin-bottom:8px}
.princ__item p{color:var(--silver);max-width:46ch}
@media (max-width:700px){.princ{grid-template-columns:1fr}}

/* Services: one card per service (icon tile + number | title & text | list) */
.srv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}
.srv__card{display:grid;grid-template-columns:96px minmax(0,1.15fr) minmax(0,1fr);gap:28px 48px;align-items:start;background:var(--raised);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3vw,40px)}
.srv__side{display:flex;flex-direction:column;gap:22px}
.srv__tile{width:96px;height:96px;border-radius:12px;background:#1E2A3E;color:var(--gold);display:flex;align-items:center;justify-content:center}
.srv__n{font-family:var(--f-head);font-weight:600;font-size:22px;color:var(--muted)}
.srv__main h2{font-size:clamp(26px,1.3rem + 1vw,38px);font-weight:700;padding-top:0;margin:4px 0 16px}
.sec .srv__main h2::before,.sec .srv__main h2::after{content:none}
.srv__main p{color:var(--muted);font-size:clamp(17px,1rem + .35vw,21px);line-height:1.55;max-width:56ch}
.srv__list{list-style:none;margin:0;padding:4px 0 0;display:flex;flex-direction:column;gap:14px}
.srv__list li{position:relative;padding-inline-start:28px;color:var(--ink);font-size:clamp(17px,1rem + .3vw,20px)}
.srv__list li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--gold)}
@media (max-width:900px){.srv__card{grid-template-columns:72px minmax(0,1fr);gap:20px 24px}.srv__tile{width:72px;height:72px}.srv__list{grid-column:2}}
@media (max-width:560px){.srv__card{grid-template-columns:1fr}.srv__side{flex-direction:row;align-items:center}.srv__list{grid-column:auto}}

/* Process: five cards (icon + n/5, title, text) */
.proc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.proc__step{background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:24px 22px 28px}
.sec--alt .proc__step{background:var(--midnight)}
.proc__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;color:var(--gold)}
.proc__n{font-family:var(--f-head);font-weight:600;font-size:14px;color:var(--muted)}
.proc__step h3{font-size:20px;margin-bottom:10px}
.proc__step p{color:var(--muted);font-size:16px;line-height:1.55}
@media (max-width:1100px){.proc{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.proc{grid-template-columns:1fr}.proc__step{padding:22px}}


.sec__sub{margin-top:14px;color:var(--muted);max-width:56ch;font-size:clamp(17px,1rem + .3vw,20px)}

/* How a project runs: centred heading, four numbered cards */
.stages__head{text-align:center;margin-bottom:48px}
.sec .stages__head h2{display:inline-block;padding-top:22px}
.sec .stages__head h2::before{inset-inline-start:50%;transform:translateX(-50%)}
[dir="rtl"] .sec .stages__head h2::before{transform:translateX(50%)}
.sec .stages__head h2::after{content:none}
.stages__head p{margin:14px auto 0;color:var(--muted);max-width:52ch;font-size:clamp(17px,1rem + .3vw,20px)}
.stages__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stages__card{background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:32px 28px 36px}
.stages__n{display:block;font-family:var(--f-head);font-weight:700;font-size:44px;line-height:1;color:var(--gold-text);margin-bottom:28px}
.stages__card h3{font-size:20px;margin-bottom:12px}
.stages__card p{color:var(--muted);font-size:16px;line-height:1.6}
@media (max-width:1000px){.stages__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.stages__list{grid-template-columns:1fr}.stages__card{padding:24px}.stages__n{font-size:36px;margin-bottom:18px}}

/* Trust row */
.sec.trust{padding-top:0}
.trust__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.trust__card{display:flex;gap:18px;align-items:flex-start;background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:32px 28px}
.trust__card .ic{color:var(--gold);margin-top:2px}
.trust__card h3{font-size:20px;margin-bottom:6px}
.trust__card p{color:var(--muted);font-size:16px;line-height:1.55}
@media (max-width:900px){.trust__list{grid-template-columns:1fr}}

/* Gold call-to-action band */
.idea{background:#D4B261;color:#14100A}
.idea__in{padding-block:clamp(64px,8vw,104px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.idea h2{color:#14100A;font-size:clamp(30px,1.4rem + 2.6vw,56px);font-weight:700;max-width:22ch;letter-spacing:-.01em}
.idea p{color:#2B2214;font-size:clamp(17px,1rem + .4vw,22px);max-width:46ch}
.btn--dark{background:#0B1426;color:#fff;margin-top:8px}.btn--dark:hover{background:#13284A;color:#fff}
:lang(ar) .idea h2{letter-spacing:0}

/* Footer: brand | explore | contact */
.ft{padding-top:72px}
.ft__in{grid-template-columns:1.25fr 1fr 1fr;gap:48px}
.ft__brand img{height:64px;width:auto;margin-bottom:24px}
.ft__brand p{color:var(--muted);font-size:clamp(16px,1rem + .2vw,19px);line-height:1.55;max-width:34ch}
.ft__h{font-family:var(--f-head);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding-top:0;margin:6px 0 18px}
:lang(ar) .ft__h{text-transform:none;letter-spacing:0;font-size:17px}
.ft__col{gap:6px}
.ft__col a{font-size:18px}
.ft__line{display:flex;align-items:center;gap:12px;margin:0 0 10px;color:var(--muted);font-size:18px}
.ft__line .ic{color:var(--gold)}
.ft__line a{color:var(--silver);text-decoration:none;min-height:auto}
.ft__line a:hover{color:var(--gold-text)}
.ft__base{border-top:1px solid var(--line);margin-top:56px;padding-block:24px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;font-size:15px}
.ft__base .wrap{border:0;margin:0 auto;padding-block:0}
@media (max-width:800px){.ft__in{grid-template-columns:1fr;gap:36px}}

/* About */
.ab-kicker{margin:0 0 14px!important;font-family:var(--f-head);font-weight:600;font-size:15px!important;color:var(--gold-text)!important}
.ab-hero h1{max-width:18ch}
.ab-stats-sec{padding-block:48px}
.ab-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ab-stats li{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:6px}
.ab-stats b{font-family:var(--f-head);font-weight:700;font-size:clamp(36px,1.6rem + 2vw,56px);line-height:1;color:var(--gold-text)}
.ab-stats span{color:var(--muted)}
.ab-head{margin-bottom:36px}.ab-head p{margin-top:12px;color:var(--muted);max-width:56ch}
.ab-team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ab-person img,.ab-ph{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:var(--navy)}
.ab-ph{display:flex;align-items:center;justify-content:center;color:var(--gold)}
.ab-person h3{font-size:21px;margin-top:18px}
.ab-role{color:var(--gold-text);font-weight:600;margin:4px 0 10px}
.ab-person p:last-child{color:var(--muted)}
.ab-vals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ab-vals li{background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:28px}
.ab-vals h3{font-size:20px;margin-bottom:10px}.ab-vals p{color:var(--muted)}
@media (max-width:900px){.ab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-team,.ab-vals{grid-template-columns:1fr}}

/* About stats: centred band */
.ab-stats-sec{background:#0E1626;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:64px}
.ab-stats li{border-top:0;padding-top:0;align-items:center;text-align:center;gap:10px}
.ab-stats b{font-size:clamp(40px,1.8rem + 2vw,60px)}
.ab-stats span{font-size:clamp(16px,1rem + .25vw,20px)}

/* Leadership: photo-on-top cards */
.ab-person{background:var(--raised);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.sec--alt .ab-person{background:#151F33}
.ab-person img,.ab-person .ab-ph{aspect-ratio:1/1;border-radius:0;width:100%}
.ab-person .ab-ph{background:linear-gradient(160deg,#1D3A66,#0B1426)}
.ab-person h3{font-size:22px;margin:26px 28px 0}
.ab-person .ab-role{margin:6px 28px 14px;font-family:var(--f-head);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-text)}
:lang(ar) .ab-person .ab-role{text-transform:none;letter-spacing:0;font-size:16px}
.ab-person p:last-child{margin:0 28px 30px;color:var(--muted);line-height:1.6}

/* Values: gold icon on top */
.ab-vals li{padding:36px 32px 40px}
.ab-vals li .ic{color:var(--gold);display:block;margin-bottom:28px}
.ab-vals h3{font-size:21px}
.ab-vals p{line-height:1.6}

/* Projects: alternating rows */
.prl{display:flex;flex-direction:column;gap:clamp(56px,7vw,104px);margin-top:16px}
.pr{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
.pr:nth-child(even) .pr__img{order:2}
.pr__img{display:block;aspect-ratio:4/3;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--navy)}
.pr__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pr:hover .pr__img img{transform:scale(1.03)}
.pr__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;color:var(--muted);font-size:16px}
.pill{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:#2A2618;color:var(--gold-text);font-family:var(--f-head);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
:lang(ar) .pill{letter-spacing:0;font-size:15px}
.pr__loc{display:inline-flex;align-items:center;gap:6px}
.sec .pr h2{font-size:clamp(28px,1.4rem + 1.2vw,42px);font-weight:700;padding-top:0;margin:20px 0 14px}
.sec .pr h2::before,.sec .pr h2::after{content:none}
.pr h2 a{color:#fff;text-decoration:none}.pr h2 a:hover{color:var(--gold-text)}
.pr__body > p{color:var(--muted);font-size:clamp(17px,1rem + .35vw,21px);line-height:1.55;max-width:52ch}
.pr__facts{display:flex;flex-wrap:wrap;gap:12px 40px;margin:28px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.pr__facts div{display:flex;gap:8px;align-items:baseline}
.pr__facts dt{color:var(--muted)}.pr__facts dd{margin:0;color:#fff;font-weight:700;font-size:18px}
@media (max-width:860px){.pr{grid-template-columns:1fr}.pr:nth-child(even) .pr__img{order:0}}

/* Contact: details + talk-first cards | form card */
.ct{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,72px);align-items:start}
.ct__side{display:flex;flex-direction:column;gap:28px}
.ct__card{background:var(--raised);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3vw,40px)}
.ct__card--warm{background:#24211A;border-color:#3A3424}
.sec .ct__h{font-size:22px;padding-top:0;margin:0 0 22px}
.sec .ct__h::before,.sec .ct__h::after{content:none}
.ct__card .ft__line{align-items:flex-start;margin-bottom:16px}
.ct__card .ft__line .ic{margin-top:2px}
.ct__card--warm p{color:var(--muted);font-size:18px;line-height:1.6}
.ct__form{background:var(--raised);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3.5vw,56px);display:flex;flex-direction:column;gap:26px}
.ct__row{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.ct__form label{display:flex;flex-direction:column;gap:12px;font-family:var(--f-head);font-weight:600;font-size:17px;color:#fff}
.ct__opt{color:var(--muted);font-weight:500}
.ct__form input,.ct__form select,.ct__form textarea{font:inherit;font-family:var(--f-body);font-weight:400;font-size:17px;color:#fff;background:var(--midnight);border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-height:56px}
.ct__form textarea{min-height:180px;resize:vertical}
.ct__form input::placeholder,.ct__form textarea::placeholder{color:#7E8899}
.ct__form input:focus,.ct__form select:focus,.ct__form textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px rgba(201,162,74,.35)}
.ct__send{width:100%;min-height:56px;font-size:17px;border-radius:10px;margin-top:8px}
.ct__note{color:var(--muted);font-size:15px;margin-top:-6px}
@media (max-width:900px){.ct{grid-template-columns:1fr}.ct__form{order:-1}}
@media (max-width:560px){.ct__row{grid-template-columns:1fr}}