/* MAJLA website V2 — monochrome editorial. Fonts: Tajawal (headings), IBM Plex Sans Arabic (body), Montserrat (Latin). All self-hosted, SIL OFL. */
@font-face{font-family:Tajawal;font-weight:500;font-display:swap;src:url(/fonts/Tajawal-500-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Tajawal;font-weight:500;font-display:swap;src:url(/fonts/Tajawal-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+20AC}
@font-face{font-family:Tajawal;font-weight:700;font-display:swap;src:url(/fonts/Tajawal-700-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Tajawal;font-weight:700;font-display:swap;src:url(/fonts/Tajawal-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+20AC}
@font-face{font-family:Tajawal;font-weight:800;font-display:swap;src:url(/fonts/Tajawal-800-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:Tajawal;font-weight:800;font-display:swap;src:url(/fonts/Tajawal-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSansArabic-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSansArabic-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSansArabic-500-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSansArabic-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(/fonts/Montserrat-400-latin.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url(/fonts/Montserrat-500-latin.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/fonts/Montserrat-600-latin.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(/fonts/Montserrat-700-latin.woff2) format("woff2")}
:root{--black:#0B0B0D;--char:#303034;--gray:#85858A;--off:#E9E9E7;--white:#fff;--dim:#5d5d62;--rule:rgba(255,255,255,.22);--rule-k:rgba(11,11,13,.22);--max:1320px;--pad:clamp(20px,5.5vw,72px);
 --h:Tajawal,"IBM Plex Sans Arabic",Montserrat,sans-serif;--b:"IBM Plex Sans Arabic",Tajawal,sans-serif;--en:Montserrat,"IBM Plex Sans Arabic",sans-serif}
html[lang=en]{--h:Montserrat,Tajawal,sans-serif;--b:Montserrat,"IBM Plex Sans Arabic",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--black);color:var(--white);font:400 18px/1.85 var(--b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[lang=en] body{font-size:17px;line-height:1.75}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #0B0B0D}
.light :focus-visible{outline-color:#0B0B0D;box-shadow:0 0 0 6px #E9E9E7}
.sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:12px;inset-block-start:-60px;background:#fff;color:#0B0B0D;padding:10px 16px;font:700 16px var(--h);z-index:100;transition:inset-block-start .15s}
.skip:focus{inset-block-start:12px}
.wrap{max-inline-size:var(--max);margin-inline:auto;padding-inline:var(--pad)}
h1,h2,h3,h4{font-family:var(--h);margin:0;font-weight:700}
h1{font-size:clamp(38px,5.6vw,84px);line-height:1.18}
h2{font-size:clamp(30px,3.6vw,54px);line-height:1.22}
h3{font-size:clamp(21px,1.9vw,28px);line-height:1.4}
html[lang=en] h1{font-size:clamp(34px,4.9vw,72px);line-height:1.1;letter-spacing:-.015em}
html[lang=en] h2{font-size:clamp(28px,3.1vw,46px);line-height:1.15;letter-spacing:-.01em}
p{margin:0 0 1em}
.k{font:500 13px/1.4 var(--en);letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin:0 0 18px;direction:ltr;text-align:start}
html[dir=rtl] .k{text-align:right}
.light .k{color:var(--dim)}
.lead{font:500 clamp(20px,1.9vw,27px)/1.7 var(--h);color:var(--off);max-inline-size:62ch}
html[lang=en] .lead{font-weight:400;font-size:clamp(18px,1.6vw,22px)}
.light .lead{color:var(--char)}
.pl{outline:1px dashed #85858A;outline-offset:2px;border-radius:2px}
/* header */
.hd{position:sticky;inset-block-start:0;z-index:50;background:rgba(11,11,13,.94);border-block-end:1px solid var(--rule)}
.hd::before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px);pointer-events:none}
.hd .wrap{display:flex;align-items:center;gap:28px;min-block-size:84px}
.brand{display:block;flex:none;line-height:0}.brand img{inline-size:176px;block-size:auto}
.nav{margin-inline-start:auto}
.nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;align-items:center}
.nav a,.nav button.dd{font:500 16px/1 var(--h);white-space:nowrap;color:#fff;text-decoration:none;padding:14px 9px;background:none;border:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center;border-block-end:2px solid transparent}
.nav a:hover,.nav button.dd:hover,.nav a[aria-current=page]{border-block-end-color:#fff}
.nav li{position:relative}
.menu{position:absolute;inset-inline-start:0;inset-block-start:100%;min-inline-size:340px;background:#0B0B0D;border:1px solid var(--rule);padding:8px;display:none;z-index:60}
.menu.open{display:block}
.menu a{display:block;padding:12px 14px;font-weight:500;border:0}
.menu a:hover{background:var(--char)}
.acts{display:flex;gap:10px;align-items:center}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:12px;min-block-size:50px;padding:0 26px;font:700 17px/1 var(--h);text-decoration:none;border:1px solid #fff;color:#fff;background:transparent;cursor:pointer;transition:background .15s,color .15s}
.btn:hover{background:#fff;color:#0B0B0D}
.btn.f{background:#fff;color:#0B0B0D}.btn.f:hover{background:var(--off)}
.btn.k2{border-color:#0B0B0D;color:#0B0B0D}.btn.k2:hover{background:#0B0B0D;color:#fff}
.btn.f.k2{background:#0B0B0D;color:#fff}.btn.f.k2:hover{background:var(--char)}
.arr{inline-size:18px;block-size:18px;flex:none}html[dir=rtl] .arr{transform:scaleX(-1)}
.lang{font:600 14px var(--en);letter-spacing:.06em;color:#fff;text-decoration:none;border:1px solid var(--rule);padding:11px 14px;min-block-size:44px;display:inline-flex;align-items:center}
.lang:hover{border-color:#fff}
.burger{display:none;min-inline-size:48px;min-block-size:48px;background:none;border:1px solid var(--rule);color:#fff;cursor:pointer;font:600 15px var(--h)}
.nav .m-cta{display:none}
@media (max-width:1240px){
 .burger{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:auto}
 .nav{position:fixed;inset:84px 0 0 0;background:#0B0B0D;padding:20px var(--pad) 40px;overflow:auto;display:none;margin:0}
 .nav.open{display:block}
 .nav ul{flex-direction:column;align-items:stretch;gap:0}
 .nav a,.nav button.dd{font-size:24px;padding:18px 0;border-block-end:1px solid var(--rule);inline-size:100%;justify-content:space-between}
 .menu{position:static;display:block;border:0;padding:0 0 8px 0;min-inline-size:0}
 .menu a{font-size:19px;padding:12px 16px;border-block-end:0}
 .acts .btn{display:none}.acts{margin-inline-start:0}.hd .wrap{gap:12px}.brand img{inline-size:150px}
 .nav .m-cta{display:inline-flex;margin-block-start:24px}
}
/* hero */
.hero{position:relative;min-block-size:min(88vh,860px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero img.bg{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;z-index:-2;opacity:.9}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,11,13,.62) 0%,rgba(11,11,13,.12) 34%,rgba(11,11,13,.5) 66%,#0B0B0D 100%),linear-gradient(to inline-start,rgba(11,11,13,.78),rgba(11,11,13,0) 70%)}
html[dir=ltr] .hero::after{background:linear-gradient(180deg,rgba(11,11,13,.62) 0%,rgba(11,11,13,.12) 34%,rgba(11,11,13,.5) 66%,#0B0B0D 100%),linear-gradient(to right,rgba(11,11,13,.78),rgba(11,11,13,0) 70%)}
html[dir=rtl] .hero::after{background:linear-gradient(180deg,rgba(11,11,13,.62) 0%,rgba(11,11,13,.12) 34%,rgba(11,11,13,.5) 66%,#0B0B0D 100%),linear-gradient(to left,rgba(11,11,13,.78),rgba(11,11,13,0) 70%)}
.hero .wrap{padding-block:140px 72px;inline-size:100%}
.hero h1{font-size:clamp(44px,7vw,104px);line-height:1.12;max-inline-size:14ch}
html[lang=en] .hero h1{font-size:clamp(40px,6.2vw,92px);max-inline-size:14ch}
.hero .sub{font:500 clamp(20px,2.1vw,30px)/1.6 var(--h);color:var(--off);margin:24px 0 0;max-inline-size:34ch}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-block-start:40px}
.hero .k{color:#c9c9cc}
.ticker{display:flex;justify-content:space-between;gap:20px;border-block-start:1px solid var(--rule);padding-block-start:16px;margin-block-start:56px;font:500 13px var(--en);letter-spacing:.2em;text-transform:uppercase;direction:ltr;flex-wrap:wrap}
/* sections */
.sec{padding-block:clamp(72px,9vw,140px)}
.sec.light{background:var(--off);color:var(--black)}
.sec.char{background:#131316}
.sec h2+.lead,.sec h2+p{margin-block-start:22px}
.head{display:grid;gap:20px;margin-block-end:clamp(36px,5vw,72px);max-inline-size:900px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.split.r{grid-template-columns:5fr 7fr}
@media (max-width:900px){.split,.split.r{grid-template-columns:1fr}}
.rows{border-block-start:1px solid var(--rule);margin:0;padding:0;list-style:none}
.light .rows{border-color:var(--rule-k)}
.rows li{border-block-end:1px solid var(--rule)}.light .rows li{border-color:var(--rule-k)}
.row{display:grid;grid-template-columns:72px 1fr auto;gap:20px;align-items:baseline;padding-block:28px;text-decoration:none;color:inherit}
.row .n{font:500 14px var(--en);letter-spacing:.14em;color:var(--gray);direction:ltr;text-align:start}
.light .row .n{color:var(--dim)}
.row h3{font-size:clamp(24px,2.6vw,38px)}
.row p{margin:8px 0 0;color:var(--off);max-inline-size:60ch;font-size:17px;line-height:1.7}
.light .row p{color:var(--char)}
a.row:hover h3{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
a.row .arr{align-self:center;opacity:.7}a.row:hover .arr{opacity:1}
@media (max-width:640px){.row{grid-template-columns:44px 1fr;}.row .arr{display:none}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block-start:1px solid var(--rule)}
.light .cards{border-color:var(--rule-k)}
.card{padding:28px 28px 36px;border-block-end:1px solid var(--rule);border-inline-end:1px solid var(--rule)}
.light .card{border-color:var(--rule-k)}
.cards .card:nth-child(3n){border-inline-end:0}
.card .n{font:500 13px var(--en);letter-spacing:.14em;color:var(--gray);margin-block-end:22px;direction:ltr;text-align:start}
.card h3{margin-block-end:10px}.card p{color:var(--off);font-size:17px;line-height:1.7;margin:0}
.light .card p{color:var(--char)}.light .card .n{color:var(--dim)}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}.cards .card:nth-child(3n){border-inline-end:1px solid var(--rule)}.cards .card:nth-child(2n){border-inline-end:0}}
@media (max-width:600px){.cards{grid-template-columns:1fr}.card{border-inline-end:0!important}}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{padding:22px 22px 0 0;border-block-start:1px solid var(--rule);margin-inline-end:22px}
html[dir=rtl] .steps li{padding:22px 0 0 22px}
.light .steps li{border-color:var(--rule-k)}
.steps .n{font:700 clamp(44px,5vw,72px)/1 var(--en);color:rgba(255,255,255,.16);direction:ltr;display:block;text-align:start;margin-block-end:12px}
.light .steps .n{color:rgba(11,11,13,.16)}
.steps h3{font-size:24px;margin-block-end:8px}.steps p{font-size:16px;line-height:1.7;color:var(--off);margin:0}.light .steps p{color:var(--char)}
@media (max-width:1000px){.steps{grid-template-columns:1fr 1fr;gap:28px 0}}@media (max-width:560px){.steps{grid-template-columns:1fr}}
.photo{margin:0;position:relative}
.photo img{inline-size:100%;block-size:100%;object-fit:cover}
.photo.tall{aspect-ratio:4/5}.photo.wide{aspect-ratio:16/9}.photo.sq{aspect-ratio:1}
.ph-credit{font:400 12px var(--en);color:var(--gray);margin-block-start:8px;direction:ltr;text-align:start}
.pg-hero{padding-block:clamp(56px,8vw,120px) clamp(48px,6vw,88px);border-block-end:1px solid var(--rule)}
.pg-hero h1{max-inline-size:20ch}
.pg-hero .lead{margin-block-start:26px}
.crumb{font:500 14px var(--b);color:var(--gray);margin-block-end:34px;display:flex;gap:10px;flex-wrap:wrap}
.crumb a{color:var(--off)}
.list{margin:0;padding:0;list-style:none}
.list li{padding:14px 0;padding-inline-start:22px;border-block-end:1px solid var(--rule);display:block;position:relative}
.light .list li{border-color:var(--rule-k)}
.list li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:calc(14px + .8em);inline-size:8px;block-size:8px;background:currentColor;transform:skewX(-20deg);opacity:.8}
.tag{display:inline-block;border:1px solid var(--rule);padding:6px 14px;font:500 14px var(--en);letter-spacing:.06em;margin:0 0 8px 8px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}@media(max-width:800px){.cols2{grid-template-columns:1fr}}
.faq details{border-block-end:1px solid var(--rule);padding:18px 0}.light .faq details{border-color:var(--rule-k)}
.faq summary{cursor:pointer;font:700 21px/1.5 var(--h);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 28px/1 var(--en)}.faq details[open] summary::after{content:"–"}
.faq p{margin:14px 0 0;color:var(--off)}.light .faq p{color:var(--char)}
.art{max-inline-size:760px;margin-inline:auto}
.art h2{font-size:clamp(26px,2.6vw,36px);margin:2em 0 .5em}
.art p,.art li{font-size:19px;line-height:1.95}
.art ul,.art ol{padding-inline-start:1.4em}
.meta{font:500 15px var(--b);color:var(--gray);display:flex;gap:18px;flex-wrap:wrap;margin-block-start:22px}
.cta-band{border-block-start:1px solid var(--rule)}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-band h2{max-inline-size:18ch}
.note{border:1px solid var(--rule);padding:22px 26px;margin-block:30px;font-size:17px;color:var(--off)}
.light .note{border-color:var(--rule-k);color:var(--char)}
/* form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px}
.form .full{grid-column:1/-1}
@media (max-width:760px){.form{grid-template-columns:1fr}}
.fld label,.fld legend{display:block;font:700 16px var(--h);margin-block-end:8px;padding:0}
.fld .opt{font-weight:400;color:var(--dim);font-family:var(--b);font-size:14px;margin-inline-start:6px}
.fld input[type=text],.fld input[type=email],.fld input[type=tel],.fld select,.fld textarea{inline-size:100%;background:#fff;color:#0B0B0D;border:1px solid #0B0B0D;border-radius:0;padding:14px 16px;font:400 17px/1.5 var(--b);min-block-size:52px}
.fld textarea{min-block-size:170px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:3px solid #0B0B0D;outline-offset:2px}
.fld .hint{font-size:14px;color:var(--dim);margin:6px 0 0;line-height:1.6}
.fld .err{color:#9b1c1c;font:700 15px var(--b);margin:8px 0 0;display:none}
.fld.bad .err{display:block}.fld.bad input,.fld.bad select,.fld.bad textarea{border-color:#9b1c1c;border-width:2px}
fieldset.fld{border:0;margin:0;padding:0;min-inline-size:0}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}@media(max-width:760px){.checks{grid-template-columns:1fr}}
.chk{display:flex;gap:12px;align-items:flex-start;font:400 17px/1.6 var(--b)}
.chk input{inline-size:22px;block-size:22px;margin:3px 0 0;accent-color:#0B0B0D;flex:none}
.hp{position:absolute;inset-inline-start:-9999px;inline-size:1px;block-size:1px;overflow:hidden}
.alert{padding:18px 22px;border:2px solid #9b1c1c;background:#fff;color:#0B0B0D;margin-block-end:24px;display:none}
.alert.show{display:block}.alert ul{margin:8px 0 0;padding-inline-start:1.2em}
.ok{padding:30px;border:2px solid #0B0B0D;background:#fff;color:#0B0B0D;display:none}.ok.show{display:block}.ok h3{margin-block-end:8px}
.info dt{font:500 13px var(--en);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-block-start:22px;direction:ltr;text-align:start}
.info dd{margin:6px 0 0;font:500 20px/1.6 var(--h)}
/* footer */
.ft{border-block-start:1px solid var(--rule);padding-block:72px 36px;background:#08080a}
.ft .grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:40px}
@media (max-width:900px){.ft .grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ft .grid{grid-template-columns:1fr}}
.ft h2{font:600 13px var(--en);letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin:0 0 16px;direction:ltr;text-align:start}
.ft ul{list-style:none;margin:0;padding:0}.ft li{margin:0}.ft li a{display:inline-block;padding:7px 0;text-decoration:none;font-size:17px}
.ft li a:hover{text-decoration:underline}
.ft .tag-l{font:500 19px/1.7 var(--h);color:var(--off);max-inline-size:34ch;margin-block-start:20px}
.ft .base{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-block-start:1px solid var(--rule);margin-block-start:48px;padding-block-start:22px;color:var(--gray);font-size:14px}
.ft .base .draft{font:600 12px var(--en);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--rule);padding:4px 10px;color:#c9c9cc}
/* reveal */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}
@media print{.hd,.ft,.cta-band,.burger,.skip{display:none!important}body{background:#fff;color:#000}}

.mt16{margin-block-start:16px}.mt28{margin-block-start:28px}.mt36{margin-block-start:36px}.mt40{margin-block-start:40px}.mt48{margin-block-start:48px}.mt56{margin-block-start:56px}.mb28{margin-block-end:28px}.mb56{margin-block-end:56px}
.ta{text-align:start}.dd-arr{transform:rotate(90deg)!important}.row3{grid-template-columns:72px 1fr 1fr}.row2{grid-template-columns:1fr auto}.list.sm{font-size:16px}
@media (max-width:760px){.row3{grid-template-columns:44px 1fr}.row3 .list{grid-column:2}}

html[lang=ar] .k,html[lang=ar] .ft h2,html[lang=ar] .info dt{letter-spacing:0;text-transform:none;font:500 15px/1.5 var(--b);direction:rtl}
html[lang=ar] .ticker,html[lang=ar] .tag{letter-spacing:.2em}
.hd .wrap{gap:18px}
.split>*,.cols2>*,.row>*{min-inline-size:0}
h1,h2,h3,.lead,.art{overflow-wrap:break-word}
@media (max-width:400px){
 .hd .wrap{gap:8px;padding-inline:14px}.brand img{inline-size:112px}.lang{padding:9px 10px;font-size:13px}.burger{min-inline-size:44px;padding:0 10px;font-size:14px}
 .btn{padding:0 18px;font-size:16px}.hero .cta .btn{inline-size:100%;justify-content:space-between}
}
@media (max-width:900px){.fc{order:-1}}
html[lang] .ft h2{font:600 13px/1.5 var(--en);letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}
html[lang=ar] .ft h2{letter-spacing:0;text-transform:none;font:500 15px/1.5 var(--b)}
@media (min-width:1241px) and (max-width:1560px){html[lang=en] .nav a,html[lang=en] .nav button.dd{font-size:15px;padding:14px 7px}html[lang=en] .acts .btn{display:none}}

/* ---- review fixes 2026-10-16 ---- */
h1,h2,h3{text-wrap:balance}
.hero .k{color:#fff;font-size:15px;text-shadow:0 1px 14px rgba(11,11,13,.9),0 0 2px rgba(11,11,13,.6)}
.brand{padding-block:12px}
.crumb a,.ft .base a{display:inline-block;padding-block:6px;margin-block:-6px}
dd a{display:inline-block;padding-block:5px;margin-block:-5px}
.row.rd{grid-template-columns:132px 1fr auto}
.row.rd .n{white-space:nowrap;letter-spacing:.02em;text-transform:none;direction:inherit;text-align:start}
@media (max-width:640px){.row.rd{grid-template-columns:1fr;gap:4px 0}}
@media (min-width:901px){
 .cards:has(>.card:nth-child(5):last-child){grid-template-columns:repeat(6,1fr)}
 .cards:has(>.card:nth-child(5):last-child)>.card{grid-column:span 2}
 .cards:has(>.card:nth-child(5):last-child)>.card:nth-child(n+4){grid-column:span 3}
 .cards:has(>.card:nth-child(5):last-child)>.card:nth-child(5){border-inline-end:0}
}
@media (max-width:900px){.cards:has(>.card:nth-child(5):last-child)>.card:nth-child(5){grid-column:1/-1;border-inline-end:0}}
@media (min-width:1001px){
 .steps:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}
 .steps:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
}
.nf{display:flex;flex-wrap:wrap;gap:0 28px;margin-block-start:44px}
.nf a{color:#fff;text-decoration:none;font:500 18px/1 var(--h);padding-block:16px;border-block-end:1px solid var(--rule)}
.nf a:hover,.nf a:focus-visible{border-block-end-color:#fff}

/* Arabic header: the full nav + CTA needs ~1390px; tighten between 1241 and 1420 so it never overflows */
@media (min-width:1241px) and (max-width:1420px){
 html[lang=ar] .nav a,html[lang=ar] .nav button.dd{font-size:15px;padding:14px 6px}
 html[lang=ar] .nav ul{gap:2px}
 html[lang=ar] .hd .wrap{gap:18px}
 html[lang=ar] .acts .btn{padding:0 18px;font-size:16px}
}
/* long sector names must wrap inside the mobile menu instead of running off-screen */
@media (max-width:1240px){.nav a,.nav button.dd{white-space:normal;line-height:1.35}.menu a{line-height:1.4}}
/* breathing room between a split heading block and the cards grid that follows it */
.sec .split+.wrap:has(>.cards){padding-block-start:clamp(24px,3vw,44px)}

/* ---- home: core-service blocks (2026-10-17) ---- */
.fl+.fl{margin-block-start:clamp(48px,6vw,96px)}
.fl .fl-t{font-size:clamp(26px,3vw,40px);margin-block-end:14px}
.fl .list{margin-block:22px 0}

/* ---- phase 2 (2026-10-16): core services, clients grid, about card, contact paths ---- */
.core{display:inline-block;margin-block-start:10px;font:500 13px/1 var(--b);border:1px solid currentColor;padding:6px 10px;opacity:.85}
html[lang=ar] .core{letter-spacing:0}
.sub-h{font-size:clamp(20px,1.8vw,26px);margin-block-end:14px;color:var(--gray)}
.light .sub-h{color:var(--dim)}
/* third core service: a typographic panel (no photo) listing the confirmed capabilities */
.dg-panel{background:#131316;border:1px solid var(--rule);padding:clamp(20px,3vw,40px);min-block-size:100%}
.light .dg-panel{background:#0B0B0D;color:#fff}
.dg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0}
.dg-i{padding:18px 16px 18px 0;border-block-end:1px solid var(--rule);font:500 clamp(17px,1.5vw,20px)/1.55 var(--h);color:#fff}
html[dir=rtl] .dg-i{padding:18px 0 18px 16px}
.dg-i:nth-last-child(-n+2){border-block-end:0}
@media (max-width:640px){.dg-list{grid-template-columns:1fr}.dg-i:nth-last-child(2){border-block-end:1px solid var(--rule)}}
.dg-note{font-size:15px;color:var(--char);margin-block-start:18px;max-inline-size:56ch}
/* clients: infinite logo strip (logos only, no boxes). Static wrapping row by default (no JS / reduced motion); site.js adds .on */
.sec.clients{background:#fff;color:var(--black);padding-block-end:clamp(56px,7vw,96px)}
.clients .head{margin-block-end:clamp(28px,4vw,48px)}
.cl-lead{font:500 clamp(18px,1.6vw,22px)/1.6 var(--h);color:var(--char);margin:0}
.mq{position:relative;direction:ltr}
.mq-t{display:flex;width:max-content;max-width:100%;flex-wrap:wrap;justify-content:center;margin-inline:auto}
.mq-g{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:36px 72px;list-style:none;margin:0;padding:0 var(--pad)}
.mq-g[aria-hidden]{display:none}
.mq-g li{display:flex;align-items:center;justify-content:center;flex:none;block-size:64px}
.mq-g img{inline-size:auto;block-size:auto;max-inline-size:150px;max-block-size:56px;object-fit:contain;user-select:none;-webkit-user-drag:none}
.mq.on{overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq.on.drag{cursor:grabbing}
.mq.on .mq-t{flex-wrap:nowrap;justify-content:flex-start;max-width:none;margin:0;will-change:transform}
.mq.on .mq-g{flex-wrap:nowrap;gap:0 72px;padding:0;padding-inline-end:72px}
.mq.on .mq-g[aria-hidden]{display:flex}
@media (max-width:640px){.mq-g{gap:28px 44px}.mq.on .mq-g{gap:0 48px;padding-inline-end:48px}.mq-g li{block-size:56px}.mq-g img{max-inline-size:124px;max-block-size:48px}}
/* contact request paths */
.pth{align-items:center;grid-template-columns:44px 1fr auto}
.pth .btn{justify-self:start}
@media (max-width:760px){.pth{grid-template-columns:44px 1fr}.pth .btn{grid-column:2}}
.about-dl{margin:0}

/* ---- social icons (footer + contact page): square outlined buttons like .btn, 44px tap targets ---- */
.soc{display:flex;gap:10px;list-style:none;margin:18px 0 0;padding:0}
.soc li{margin:0}
.soc a,.ft .soc li a{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;padding:0;border:1px solid var(--rule);color:#fff;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.soc a:hover,.ft .soc li a:hover{background:#fff;color:#0B0B0D;border-color:#fff;text-decoration:none}
.soc-i{inline-size:22px;block-size:22px;display:block}
.light .soc{margin-block-start:0}
.light .soc a{color:#0B0B0D;border-color:var(--rule-k)}
.light .soc a:hover{background:#0B0B0D;color:#fff;border-color:#0B0B0D}
.info dd .soc{margin-block-start:4px}