:root{--navy:#0f2231;--navy2:#14314a;--gold:#C9A24B;--gold-dark:#A67C2E;--blue:#2E9DC2;--blue-dark:#17789B;--ink:#132430;--mut:#5c6b78;--line:#e5ebef}
html,body{overflow-x:hidden}/*ovg*/
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400;font-display:swap;src:url("../2e0eb153.woff2") format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:700;font-display:swap;src:url("../2e0eb153.woff2") format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400;font-display:swap;src:url("../16ec3c10.woff2") format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:700;font-display:swap;src:url("../16ec3c10.woff2") format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url("../9b0b814c.woff2") format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url("../62b01acc.woff2") format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url("../2e05e93a.woff2") format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url("../34ad5c21.woff2") format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url("../d293f1b9.woff2") format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200E}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url("../8467837e.woff2") format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:20px}
body{margin:0;background:#fff;color:#1f2c36;font-family:Tajawal,system-ui,sans-serif}
.en{display:none}
[dir="ltr"] .ar{display:none}
[dir="ltr"] .en{display:inline}
.en2{display:none}
a{color:inherit;text-decoration:none}
.topbar{position:fixed;top:0;inset-inline:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 56px;background:linear-gradient(180deg,rgba(11,26,38,.82),rgba(11,26,38,.15));transition:background .35s,box-shadow .35s,padding .35s}
.topbar.solid{background:rgba(11,26,38,.97);box-shadow:0 8px 30px rgba(0,0,0,.25);padding:6px 56px}
.topbar .logo{width:104px;height:64px;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.7)) drop-shadow(0 6px 12px rgba(0,0,0,.5)) brightness(1.12);transition:width .35s,height .35s}
.topbar.solid .logo{width:86px;height:53px}
.topbar .lnks{display:flex;align-items:center;gap:24px;font-size:14.5px;font-weight:700;color:#c7d5de;flex-wrap:wrap}
.topbar .lnks>a,.topbar .dd>a{position:relative}
.topbar .lnks>a::after,.topbar .dd>a::after{content:"";position:absolute;bottom:2px;inset-inline-start:0;width:0;height:2px;background:var(--blue);transition:width .3s}
.topbar .lnks>a:hover::after,.topbar .lnks>a.on::after{width:100%}
.topbar .lnks a:hover{color:#fff}
.topbar .lnks a.on{color:#7fd0eb}
.langbtn{flex:none;white-space:nowrap;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:8px 16px;font-family:Tajawal,sans-serif;font-size:12.5px;font-weight:700;color:#fff;min-height:36px}
.langbtn:hover{border-color:#7fd0eb}
.phead{position:relative;overflow:hidden;background:linear-gradient(200deg,rgba(19,41,58,.86),rgba(15,34,49,.94)),url("../court-kuwait.webp") center 42%/cover no-repeat;padding:190px 56px 100px;text-align:start}
.phead .wmark{position:absolute;top:50%;inset-inline-end:-160px;inset-inline-start:auto;transform:translateY(-50%);width:560px;opacity:.08;pointer-events:none;animation:wmDrift 16s ease-in-out infinite}
@keyframes wmDrift{0%,100%{transform:translateY(-50%) rotate(-3deg)}50%{transform:translateY(-54%) rotate(3deg)}}
@keyframes fuIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.phead .kick{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800;color:#7fd0eb;letter-spacing:4px;margin-bottom:20px;position:relative;text-transform:uppercase;animation:fuIn .8s .1s both}
.phead .kick::before{content:"";width:34px;height:2px;background:var(--blue)}
.phead h1{position:relative;font-family:'Noto Kufi Arabic',sans-serif;font-size:52px;line-height:1.4;font-weight:700;color:#fff;margin:0 0 18px;letter-spacing:-1px;padding-bottom:24px;animation:fuIn .9s .25s both}
.phead h1::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:80px;height:3px;background:linear-gradient(90deg,var(--blue),transparent)}
.phead .sub{position:relative;font-size:17px;line-height:2;color:#a9bcc8;max-width:640px;margin:0;animation:fuIn .9s .4s both}
.sec{position:relative;overflow:hidden;padding:110px 56px;background:#fff}
.sec.alt{background:#f7fafb}
.wmark2{position:absolute;top:50%;inset-inline-start:-150px;transform:translateY(-50%);width:560px;opacity:.05;pointer-events:none;user-select:none}
.wrap{position:relative;max-width:1100px;margin:0 auto}
.wrapL{position:relative;max-width:1280px;margin:0 auto}
.dash{display:inline-block;width:64px;height:3px;background:linear-gradient(90deg,var(--blue),transparent);border-radius:2px;margin-bottom:20px}
h2{font-family:'Noto Kufi Arabic',sans-serif;font-size:38px;font-weight:700;color:#132430;margin:0 0 28px;line-height:1.5;letter-spacing:-.5px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,.7,.2,1),transform .8s cubic-bezier(.16,.7,.2,1)}
.reveal.vis{opacity:1;transform:none}
.divider img{transition:transform 1s ease;animation:kbSlowInner 26s ease-in-out infinite alternate}
@keyframes kbSlowInner{0%{transform:scale(1.02)}100%{transform:scale(1.06)}}
.divider:hover img{transform:scale(1.04)}
.word p{font-size:15.5px;line-height:2.2;color:#41505c;margin:0 0 18px;text-wrap:pretty;font-weight:500}
.bullets{display:flex;flex-direction:column;gap:13px}
.bullet{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.9;color:#41505c}
.diamond{width:8px;height:8px;background:var(--blue);border-radius:2px;transform:rotate(45deg);flex:none;margin-top:9px}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vmCard{background:#fff;border:1px solid #e3eaee;border-radius:12px;padding:30px}
.vmCard h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:18px;font-weight:600;color:var(--blue-dark);margin:0 0 10px}
.vmCard p{font-size:14px;line-height:2;color:#5c6b78;margin:0}
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.vgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vcard{background:#fff;border:1px solid #e3eaee;border-radius:12px;padding:24px 26px 18px;transition:transform .3s,box-shadow .3s}
.vcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(19,36,48,.08)}
.vcard .vtop{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.vcard .num{font-family:'Noto Kufi Arabic',sans-serif;font-size:30px;font-weight:700;color:#d9e6ec;line-height:1;letter-spacing:1px}
.vcard .vtop svg{color:var(--blue)}
.vcard h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:19px;font-weight:700;color:#132430;margin:0 0 16px;line-height:1.7}
.vcard .lbl{text-align:end;font-size:11.5px;font-weight:700;letter-spacing:2px;color:var(--blue);margin:0}
.scard{display:block;background:#fff;border:1px solid #e3eaee;border-radius:14px;padding:32px 22px 28px;text-align:center;transition:transform .3s,box-shadow .3s}
.scard:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(19,36,48,.1)}
.scard svg{color:var(--blue);margin-bottom:14px}
.scard h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:17px;font-weight:600;color:#132430;margin:0 0 8px;line-height:1.8}
.scard p{font-size:13px;color:#8b98a3;margin:0;letter-spacing:.3px}
.chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.chipTag{background:#fff;border:1px solid #dbe4ea;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:500;color:#41505c;min-height:44px;display:inline-flex;align-items:center}
.tl{position:relative;max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:26px}
.tlItem{position:relative;padding-inline-start:34px}
.tlItem::before{content:"";position:absolute;inset-inline-start:8px;top:10px;bottom:-26px;width:2px;background:#dbe4ea}
.tlItem:last-child::before{display:none}
.tlItem::after{content:"";position:absolute;inset-inline-start:4px;top:7px;width:9px;height:9px;background:var(--blue);border-radius:2px;transform:rotate(45deg)}
.tlItem .yr{display:inline-block;font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;color:#fff;background:linear-gradient(120deg,#16304a,#0f2231);font-size:15px;padding:6px 22px;border-radius:8px;margin-bottom:8px;letter-spacing:1px}
.tlItem .tx{font-size:14.5px;line-height:1.9;color:#41505c}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btnP{display:inline-block;cursor:pointer;background:var(--blue);color:#fff;border-radius:6px;padding:14px 32px;font-size:14.5px;font-weight:700;transition:background .25s}
.btnP:hover{background:#7fd0eb}
.btnG{display:inline-block;cursor:pointer;background:#fff;color:var(--blue-dark);border:1px solid var(--blue);border-radius:6px;padding:14px 32px;font-size:14.5px;font-weight:700;transition:background .25s}
.btnG:hover{background:#eaf6fa}
.tagline{text-align:center;font-family:'Noto Kufi Arabic',sans-serif;font-size:20px;font-weight:700;color:#132430;margin:44px 0 6px}
.tagline-en{text-align:center;font-size:12px;font-weight:700;letter-spacing:3px;color:var(--blue)}
.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#0f2231;color:#8fa3b0;padding:24px 56px;font-size:13px}
.wa{position:fixed;bottom:24px;left:24px;z-index:90;background:#25D366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(37,211,102,.35);transition:transform .25s}
.wa:hover{transform:scale(1.05)}
@media (max-width:900px){
  .topbar,.footer{padding-left:24px;padding-right:24px}
  .sec{padding:70px 24px}
  .phead{padding:140px 24px 64px}
  .phead h1{font-size:34px}
  .vm,.vgrid,.vgrid3{grid-template-columns:1fr}
}

/* dropdown nav */
.dd{position:relative}
.dd>a{display:inline-flex;align-items:center;gap:6px}
.ddMenu{position:absolute;top:100%;inset-inline-start:-14px;background:#0f2231;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:8px;min-width:230px;display:none;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:120}
.dd:hover .ddMenu,.dd:focus-within .ddMenu{display:flex}
.ddMenu a{padding:10px 14px;border-radius:6px;font-size:13px;color:#c7d5de;white-space:nowrap}
.ddMenu a:hover{background:rgba(255,255,255,.08);color:#fff}
/* footer */
.footer2{background:linear-gradient(180deg,rgba(11,26,38,.94),rgba(15,34,49,.97)),url("../hero-cover.jpg") center 20%/cover no-repeat;color:#8fa3b0;padding:54px 56px 0}
.fGrid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1.3fr;gap:36px;max-width:1300px;margin:0 auto;padding-bottom:38px}
.fCol h2{line-height:normal;letter-spacing:normal;font-family:'Noto Kufi Arabic',sans-serif;color:#fff;font-size:15px;font-weight:700;margin:0 0 14px}
.fCol a{display:block;padding:6px 0;font-size:13.5px;color:#a9bcc8;transition:color .2s}
.fCol a:hover{color:#7fd0eb}
.fBrand img{width:110px;height:66px;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.7)) brightness(1.12);margin-bottom:10px}
.fBrand p{font-size:13.5px;line-height:2;color:#a9bcc8;margin:0;max-width:300px}
.fItem{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:13.5px;line-height:1.9}
.fItem svg{flex:none;color:#7fd0eb;margin-top:4px}
.fItem a{display:inline;padding:0}
.fBar{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:18px 0;max-width:1300px;margin:0 auto;font-size:12.5px}
@media (max-width:900px){.footer2{padding:44px 24px 0}.fGrid{grid-template-columns:1fr 1fr;gap:28px}}
@media (max-width:560px){.fGrid{grid-template-columns:1fr}}

.toTop{position:fixed;bottom:24px;right:24px;z-index:90;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:#0f2231;color:#7fd0eb;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(15,34,49,.35);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s,background .25s}
.toTop.show{opacity:1;visibility:visible;transform:none}
.toTop:hover{background:var(--blue);color:#fff}
/* dark banner block */
.bannerX{position:relative;overflow:hidden;background:linear-gradient(120deg,#16304a,#0f2231);border-radius:16px;padding:38px 46px;box-shadow:0 16px 36px rgba(15,34,49,.18);border-inline-start:4px solid #D8B36A;border-inline-end:4px solid #D8B36A}
.bannerX .bwm{position:absolute;bottom:-70px;inset-inline-start:-70px;width:300px;opacity:.08;pointer-events:none}
.bannerX h2{position:relative;color:#fff;margin:0 0 12px}
.bannerX p{position:relative;font-family:'Noto Kufi Arabic',sans-serif;font-size:16px;font-weight:600;line-height:2.2;color:#f2f6f9;margin:0;text-wrap:pretty}
@media (max-width:640px){.bannerX{padding:26px 22px}}

.divider{position:relative;height:440px;overflow:hidden}
.divBig{height:540px}
.divider img{width:100%;height:100%;object-fit:cover;display:block}
.divider::after{content:"";position:absolute;inset:0;background:rgba(11,26,38,.22)}
@media (max-width:640px){.divider{height:240px}.divBig{height:280px}}

/* bolder text */
body{font-weight:500}
.phead .sub,.secSub,.vmCard p,.bullet,.chipTag,.tlItem .tx,.fCol a,.fItem,.fBar,.vcard .lbl,.scard p,.word p,.artBody,.artDate{font-weight:500}
.topbar .lnks{font-weight:600}

/* polish */
.btnP,.btnG,.btnPill,.btnWa,.btnDark,.navCta,.langbtn{white-space:nowrap}
.fItem a,.info a{white-space:nowrap}

/* consulting audience cards */
.cCard{position:relative;overflow:hidden;background:#fff;border:1px solid #e3eaee;border-radius:14px;padding:0;transition:transform .3s,box-shadow .3s}
.cCard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(19,36,48,.1)}
.cHead{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#16304a,#0f2231);padding:20px 24px}
.cHead .cIc{flex:none;width:46px;height:46px;border-radius:50%;border:1.5px solid #D8B36A;display:flex;align-items:center;justify-content:center;color:#D8B36A}
.cHead h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0}
.cBody{padding:22px 24px 24px}
.cBody .cIntro{font-size:14px;line-height:2;color:#5c6b78;font-weight:500;margin:0 0 14px}
.cItem{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef3f6;font-size:14.5px;font-weight:500;color:#41505c}
.cItem:last-child{border-bottom:none}
.cItem > span:last-child{flex:1;min-width:0}
.cItem .cNum{flex:none;font-family:'Noto Kufi Arabic',sans-serif;font-size:12px;font-weight:700;color:var(--blue-dark);background:#eaf6fa;border-radius:6px;padding:4px 9px;letter-spacing:1px}

.divFull{height:auto;min-height:220px}
.divFull img{width:100%;height:auto;display:block;animation:none}
.divFull::after{display:none}

/* larger type */
html{font-size:17px}
body{font-size:15.5px}
.vmCard p,.scard h3{font-size:15px}
.vmCard p{font-weight:500;color:#41505c}
.bullet,.cItem{font-size:15.5px}
.chipTag{font-size:14px}
.secSub,.phead .sub{font-size:16px}
.word p,.artBody{font-size:16.5px}
.topbar .lnks{font-size:14.5px}
.fCol a,.fItem{font-size:14.5px}

/* timeline v2 — alternating */
.tl{position:relative;max-width:1000px;margin:0 auto;display:block}
.tl::before{content:"";position:absolute;top:6px;bottom:6px;inset-inline-start:calc(50% - 1px);width:2px;background:#dbe4ea}
.tlItem{position:relative;width:calc(50% - 40px);background:#fff;border:1px solid #e3eaee;border-radius:12px;padding:18px 22px;margin:0 0 26px;box-shadow:0 6px 18px rgba(19,36,48,.05)}
.tlItem::before{display:none}
.tlItem:nth-child(even){margin-inline-start:calc(50% + 40px)}
.tlItem::after{content:"";position:absolute;top:26px;width:10px;height:10px;background:var(--blue);border-radius:2px;transform:rotate(45deg);inset-inline-start:auto}
.tlItem:nth-child(odd)::after{inset-inline-end:-46px}
.tlItem:nth-child(even)::after{inset-inline-start:-46px}
@media (max-width:760px){
  .tl::before{inset-inline-start:8px}
  .tlItem{width:auto;margin-inline-start:34px}
  .tlItem:nth-child(even){margin-inline-start:34px}
  .tlItem:nth-child(odd)::after{inset-inline-end:auto;inset-inline-start:-31px}
  .tlItem:nth-child(even)::after{inset-inline-start:-31px}
}


/* dark card sections */
.sec.secNavy{background:linear-gradient(165deg,#0f2231,#14314a)!important}
.sec.secNavy h2{color:#fff}
.sec.secNavy .word p,.sec.secNavy .wrap>p{color:#a9bcc8!important}
.sec.secNavy .wmark2{opacity:.07;filter:brightness(2.4)}
.vgrid.dark .vcard,.vgrid3.dark .vcard{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.13)}
.vgrid.dark .vcard:hover,.vgrid3.dark .vcard:hover{border-color:rgba(46,157,194,.55);box-shadow:0 16px 36px rgba(0,0,0,.42);background:rgba(255,255,255,.06)}
.vgrid.dark .vcard h3,.vgrid3.dark .vcard h3{color:#fff}
.vgrid.dark .vcard .num,.vgrid3.dark .vcard .num{color:rgba(255,255,255,.18)}
.vgrid.dark .vcard .vtop svg,.vgrid3.dark .vcard .vtop svg{color:var(--blue)}
.vgrid.dark .vcard .lbl,.vgrid3.dark .vcard .lbl{color:#7fd0eb}
/* dark cards: no numbers + gold hover accent (match founder) */
.vgrid.dark .vcard,.vgrid3.dark .vcard{position:relative;overflow:hidden}
.vgrid.dark .vcard .num,.vgrid3.dark .vcard .num{display:none}
.vgrid.dark .vcard::after,.vgrid3.dark .vcard::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transition:width .45s}
.vgrid.dark .vcard:hover::after,.vgrid3.dark .vcard:hover::after{width:100%}
.vgrid.dark .vcard:hover .vtop svg,.vgrid3.dark .vcard:hover .vtop svg{color:var(--gold)}
.vgrid.dark .vcard:hover,.vgrid3.dark .vcard:hover{border-color:rgba(201,162,75,.55)}
/* about polish + consistency */
.sec.secNavy p{color:#a9bcc8!important}
.sec:not(.secNavy) .word>p:first-of-type{font-size:19px;line-height:2.15;color:#16232e;font-weight:600}
.sec:not(.secNavy) .word{position:relative}
.vm .scard{background:#fff;border:1px solid #e3eaee;border-radius:14px;padding:32px 24px;text-align:center;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.vm .scard::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transition:width .45s}
.vm .scard:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(19,36,48,.1);border-color:rgba(201,162,75,.5)}
.vm .scard:hover::after{width:100%}
.vm .scard svg{color:var(--blue);margin-bottom:14px;transition:transform .35s}
.vm .scard:hover svg{transform:translateY(-4px) scale(1.08)}
.vm .scard h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:16px;font-weight:700;color:#132430;margin:0}
.sec.secNavy.secImg{background:linear-gradient(165deg,rgba(15,34,49,.88),rgba(20,49,74,.9)),url("../court-kuwait.webp") center/cover no-repeat!important;background-attachment:fixed!important}
/* contracts feature split */
.cxGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;margin-bottom:34px}
.cxLede{font-size:18.5px;line-height:2.15;color:#16232e;font-weight:600;margin:0}
.cxImg{position:relative;align-self:stretch}
.cxImg img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:16px;box-shadow:0 24px 50px rgba(15,34,49,.16);display:block;animation:kbSlowInner 26s ease-in-out infinite alternate}
.cxImg::before{content:"";position:absolute;inset:-12px -12px 8px;border:1.5px solid rgba(46,157,194,.35);border-radius:24px;pointer-events:none}
.vcard{position:relative;overflow:hidden}
.vcard::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transition:width .45s}
.vcard:hover::after{width:100%}
.vcard:hover{border-color:rgba(201,162,75,.5)}
@media (max-width:900px){.cxGrid{grid-template-columns:1fr;gap:26px}.cxImg img{min-height:240px}}
/* consulting list items — diamond bullets */
.cItem .cNum{display:none}
.cItem{align-items:center}
.cItem::before{content:"";width:9px;height:9px;flex:none;background:var(--blue);transform:rotate(45deg);border-radius:2px}
.vmCard h3{display:flex;align-items:center;gap:10px}
.vmCard h3 svg{color:var(--blue);flex:none}
/* consulting individuals/companies cards polish */
.cCard{position:relative;overflow:hidden;border:1px solid #e3eaee;border-radius:14px;transition:transform .3s,box-shadow .3s,border-color .3s}
.cCard::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transition:width .45s}
.cCard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(19,36,48,.1);border-color:rgba(201,162,75,.5)}
.cCard:hover::after{width:100%}
.cHead{display:flex;align-items:center;gap:16px}
.cHead .cIc{width:54px;height:54px;border-radius:50%;border:1.5px solid rgba(46,157,194,.5);display:flex;align-items:center;justify-content:center;color:var(--blue);background:rgba(46,157,194,.08);flex:none;transition:color .35s,border-color .35s}
.cCard:hover .cHead .cIc{border-color:var(--gold);color:var(--gold)}
.cItem{padding:12px 0;border-bottom:1px solid #eef2f5}
.cItem:last-child{border-bottom:none}
/* opinions / vision-mission feature cards */
.vmCard{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.vmCard::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transition:width .45s}
.vmCard:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(19,36,48,.1);border-color:rgba(201,162,75,.5)}
.vmCard:hover::after{width:100%}
.vmCard h3{gap:14px;margin-bottom:16px}
.vmCard h3 svg{width:20px;height:20px;padding:11px;box-sizing:content-box;border-radius:50%;border:1.5px solid rgba(46,157,194,.4);background:rgba(46,157,194,.08);color:var(--blue);transition:color .35s,border-color .35s}
.vmCard:hover h3 svg{border-color:var(--gold);color:var(--gold)}
/* hover motion on value / vision cards */
.vmCard h3 svg{transition:color .35s,border-color .35s,transform .35s}
.vmCard:hover h3 svg{transform:scale(1.08)}
.vgrid.dark .vcard .vtop svg,.vgrid3.dark .vcard .vtop svg{transition:color .35s,transform .35s}
.vgrid.dark .vcard:hover .vtop svg,.vgrid3.dark .vcard:hover .vtop svg{transform:translateY(-3px) scale(1.12)}
/* hide numbers on all value cards */
.vcard .num{display:none}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.001ms!important}
  .rv,.reveal{opacity:1!important;transform:none!important;clip-path:none!important}
}
/* history timeline boxes — hover motion + gold accent */
.tl .tlItem .tx{background:#fff;border:1px solid #e3eaee;border-radius:12px;padding:16px 20px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.tl .tlItem .tx::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transition:width .45s}
.tl .tlItem:hover .tx{transform:translateY(-3px);box-shadow:0 14px 30px rgba(19,36,48,.09);border-color:rgba(201,162,75,.55)}
.tl .tlItem:hover .tx::after{width:100%}
/* V4.1 cinematic inner heroes */
.phead{position:relative;min-height:62vh;display:flex;flex-direction:column;justify-content:flex-end;background:none!important;padding:196px 56px 74px;overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;background:var(--heroimg,url("../court-kuwait.webp")) center 42%/cover no-repeat;animation:v41kb 32s ease-in-out infinite alternate;z-index:0;will-change:transform}
.phead::after{content:"";position:absolute;inset:0;background:linear-gradient(205deg,rgba(15,34,49,.5),rgba(11,26,38,.9));z-index:1}
.phead>*{position:relative;z-index:2}
@keyframes v41kb{from{transform:scale(1.02)}to{transform:scale(1.09)}}
.phead h1{font-size:clamp(38px,6vw,82px);line-height:1.1;letter-spacing:-1px;padding-bottom:26px}
.phead .sub{font-size:clamp(16px,1.6vw,20px);max-width:640px}
.wrap.word{max-width:840px}
.word p{max-width:74ch}
@media (prefers-reduced-motion: reduce){.phead::before{animation:none!important}}
@media(max-width:680px){.phead{min-height:54vh;padding:132px 20px 46px}}
/* V4.1 per-page art direction */
.sec:not(.secNavy) .word>p:first-of-type{font-size:clamp(18px,1.8vw,23px);line-height:2;color:#16232e;font-weight:600;border-inline-start:3px solid var(--gold);padding-inline-start:22px}
.divider{margin:0}
/* NEWS magazine: featured-first */
#newsGrid.ngrid{grid-template-columns:repeat(3,1fr);gap:26px}
#newsGrid.ngrid .ncard:first-child{grid-column:1/-1}
#newsGrid.ngrid .ncard:first-child .nph{height:clamp(300px,42vw,460px)}
#newsGrid.ngrid .ncard:first-child .nov{font-size:clamp(18px,2.4vw,30px);padding:60px 30px 26px}
@media(max-width:1024px){#newsGrid.ngrid{grid-template-columns:1fr 1fr}#newsGrid.ngrid .ncard:first-child{grid-column:1/-1}}
@media(max-width:640px){#newsGrid.ngrid{grid-template-columns:1fr}#newsGrid.ngrid .ncard:first-child .nph{height:300px}}
/* founder letter pull-quote opener */
.letter .word>p:first-of-type{font-family:'Noto Kufi Arabic',sans-serif;font-size:clamp(19px,2vw,26px);line-height:1.9;color:#16232e;font-weight:600;border:0;padding:0;text-align:center;max-width:40ch;margin:0 auto 30px}
/* founder pull-quote */
.letter .fPull{position:relative;font-family:'Noto Kufi Arabic',sans-serif;font-size:clamp(20px,2.2vw,30px);line-height:1.75;font-weight:600;color:var(--ink);max-width:30ch;margin:44px auto;padding:26px 0;text-align:center;border-block:1px solid rgba(201,162,75,.4)}
.letter .fPull .en{font-size:clamp(18px,2vw,26px)}
.letter .fPull::before{content:"";position:absolute;top:-1px;inset-inline-start:50%;transform:translateX(50%);width:70px;height:3px;background:var(--gold)}
/* about vision/mission editorial */
.vmEd{display:flex;flex-direction:column;max-width:1000px;margin:0 auto}
.vmRow{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:start;padding:clamp(34px,4vw,52px) 0;border-top:1px solid var(--line)}
.vmRow:last-child{border-bottom:1px solid var(--line)}
.vmNo{font-family:'Noto Kufi Arabic',sans-serif;font-size:clamp(42px,6vw,82px);font-weight:700;color:rgba(201,162,75,.32);line-height:.9}
.vmBody h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:clamp(22px,2.4vw,32px);color:var(--ink);margin-bottom:14px}
.vmBody p{color:var(--mut);line-height:2.15;font-size:16.5px;max-width:70ch;font-weight:400}
@media(max-width:600px){.vmRow{grid-template-columns:1fr;gap:8px}}
/* featured image fit */
#newsGrid.ngrid .ncard:first-child .nph img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
/* v41 alternating bands + article */
.cxAlt .cxImg{order:-1}
.artBody{max-width:74ch;margin-inline:auto;line-height:2.2}
.artBody p{margin:0 0 20px}
.artLead,.artBody>p:first-of-type{font-size:clamp(18px,1.8vw,22px);line-height:2;color:#16232e;font-weight:600}
/* v41 statement bands */
.stmtBand{position:relative;max-width:840px;margin:0 auto 34px;text-align:center;padding:34px 0;border-block:1px solid rgba(201,162,75,.42)}
.stmtBand p{font-family:'Noto Kufi Arabic',sans-serif;font-size:clamp(19px,2.1vw,28px);line-height:1.8;font-weight:600;color:var(--ink);margin:0}
.stmtBand::before{content:"";position:absolute;top:-1px;inset-inline-start:50%;transform:translateX(50%);width:70px;height:3px;background:var(--gold)}
.sec.secNavy .stmtBand p{color:#fff}
.stmtSec{background:linear-gradient(165deg,var(--navy),var(--navy2))}
.stmtSec .stmtBand{margin-bottom:0}
.stmtSec .stmtBand p{color:#fff}
.fItem span .ar,.fItem span .en{white-space:nowrap}

/* ===== resp-audit: mobile/tablet system ===== */
html,body{overflow-x:clip}
.menuBtn{display:none}
@media (max-width:1024px){
  .topbar{flex-wrap:nowrap}
  .menuBtn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#fff;cursor:pointer}
  .topbar .lnks{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;background:rgba(11,26,38,.98);padding:10px 24px 22px;box-shadow:0 22px 44px rgba(0,0,0,.4);max-height:calc(100vh - 82px);overflow:auto;font-size:15px}
  .topbar.open{background:rgba(11,26,38,.97)}
  .topbar.open .lnks{display:flex}
  .topbar .lnks>a,.topbar .dd>a{padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.08);width:100%}
  .topbar .lnks>a::after,.topbar .dd>a::after{display:none}
  .topbar .ddMenu{position:static;display:flex;background:transparent;border:0;box-shadow:none;padding:0 16px;min-width:0}
  .topbar .ddMenu a{font-size:13.5px;color:#9db3c0;white-space:normal}
  .topbar .langbtn{margin-top:14px;align-self:flex-start}
}
@media (max-width:1024px) and (min-width:901px){
  .cxGrid{gap:34px}
  .vgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .vgrid{grid-template-columns:1fr 1fr}
  .vm{grid-template-columns:1fr}
}
@media (max-width:640px){
  .vgrid{grid-template-columns:1fr}
  .stmtBand p{font-size:18px}
  .credGrid{grid-template-columns:1fr}
}

/* resp-audit: back-home on inner pages */
.backHome{display:none}
@media (max-width:1024px){
  .backHome{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;margin-inline-end:10px;color:#fff;font-size:13.5px;font-weight:700;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:0 14px;height:46px;flex:none;white-space:nowrap}
}

/* resp-audit: breadcrumbs */
.crumbs{position:relative;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13.5px;font-weight:600;color:#9db3c0;margin-bottom:26px}
.crumbs a{color:#c7d5de;transition:color .2s}
.crumbs a:hover{color:var(--blue)}
.crumbs .cur{color:var(--gold)}
.crumbs svg{opacity:.55;flex:none}
[dir="ltr"] .crumbs svg{transform:scaleX(-1)}
.backHome{display:none!important}

/* resp-audit: final QA pass */
@media (max-width:680px){
  .fItem span .ar,.fItem span .en{white-space:normal}
}
@media (max-width:400px){
  .sec{padding:48px 16px}
  .phead{padding:118px 16px 40px}
  .phead h1{font-size:29px}
  .topbar,.topbar.solid{padding-left:14px;padding-right:14px}
  .topbar .logo{width:92px;height:57px}
  .wa{width:50px;height:50px;bottom:18px;left:18px}
  .toTop{width:44px;height:44px;bottom:18px;right:18px}
  .cta .btnP,.cta .btnG{width:100%;text-align:center;box-sizing:border-box}
  .divider{height:200px}
}

/* lang button beside burger (mobile) */
.langbtnM{display:none}
@media (max-width:1024px){
  .topbar .langbtnM{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:0;margin-inline-start:auto;margin-inline-end:10px;width:46px;height:46px;padding:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);border-radius:8px;font-size:12px;font-weight:700}
  .topbar .lnks .langbtn{display:none}
}

/* ===== v1.1.7 — English (LTR) mobile: footer contact lines may wrap (home.css already resets these below 680px;
   inner pages did not). Scoped to [dir="ltr"] and max-width:680px only. ===== */
@media (max-width:680px){
  [dir="ltr"] .fItem span .en{white-space:normal}
}