/* HEEM light theme (home pages). Contact + footer stay as a deep-blue closing band; dialogs stay dark. */
:root{--bg:#f4f6ff;--bg-soft:#e9edff;--panel:#ffffff;--panel-2:#eef1ff;--text:#111c50;--muted:#4a5694;--line:rgba(17,28,80,.13)}
html,body{background:#f4f6ff!important;color:#111c50}
body::selection{background:#303fc5;color:#fff}
body{--ink:#111c50}

/* header */
header{background:transparent}
.nav{background:rgba(244,246,255,.82)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,28,80,.08)!important;box-shadow:none!important}
.nav .links a,.nav .links a span,.lang{color:#111c50!important}
.lang{border-color:rgba(17,28,80,.3)!important;background:rgba(255,255,255,.6)!important}
.logo-mark{background:#111c50!important}

/* section rail */
.section-rail{background:rgba(255,255,255,.85)!important;border:1px solid rgba(17,28,80,.12)!important;box-shadow:0 14px 40px -16px rgba(17,28,80,.35)!important;backdrop-filter:blur(12px)}

/* tools marquee */
.tools,.tools.moving-tools{background:transparent!important;color:#111c50}
.tools-heading{color:#4a5694!important}
.tool-item{background:#fff!important;border:1px solid rgba(17,28,80,.1)!important;color:#111c50!important;box-shadow:0 10px 26px -18px rgba(17,28,80,.5)}
.tool-item span{color:#111c50!important}

/* generic sections */
.section,.worksection{background:transparent!important;color:#111c50}
.section h2,.worksection h2,.sectionhead h2,.section h3{color:#111c50}
.index{color:#303fc5!important}
.work-intro,.section p,.lead,.muted{color:#4a5694!important}
.sectionhead{border-color:rgba(17,28,80,.12)!important}

/* about */
#about p{color:#34407f!important}
.stats>div,.stats .stat,.about-stats>div{background:#fff!important;border:1px solid rgba(17,28,80,.1)!important;box-shadow:0 14px 34px -22px rgba(17,28,80,.5);color:#111c50!important}
.stats b,.about-stats b{color:#111c50!important}
.stats span,.about-stats span{color:#4a5694!important}
.portraitblend{-webkit-mask-image:none!important;mask-image:none!important;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -36px rgba(17,28,80,.6);background:#0b1d52}
.aboutpicture{-webkit-mask-image:none!important;mask-image:none!important}
.ribbon{display:none!important}

/* project cards (shared) */
.project h3{color:#111c50!important}
.project .project-summary,.project p{color:#4a5694!important}
.project .projectlink,.projectlink{color:#303fc5!important}
.project-cover,.project .project-cover img{background:#e6eaff!important}
.project{background:transparent!important}

/* work tabs / filters */
.work-tabs{border-color:rgba(17,28,80,.2)!important;background:#fff}
.work-tabs button{color:#34407f!important}
.work-tabs button[aria-selected=true]{background:#303fc5!important;color:#fff!important}
.print-filters button{background:#fff!important;color:#111c50!important;border:1px solid rgba(17,28,80,.2)!important}
.print-filters button[aria-pressed=true]{background:#111c50!important;color:#fff!important}

/* partners */
.partners img{filter:none}
.partners img[src*="white"]{filter:invert(1) brightness(.4)!important}
#partners .partners{background:transparent}
.partners .partner,.partner-logo{background:#fff!important;border:1px solid rgba(17,28,80,.08)!important}

/* services */
#services .service,#services .service-item,#services article,#services li{background:#fff!important;border:1px solid rgba(17,28,80,.1)!important;color:#111c50!important;box-shadow:0 18px 40px -28px rgba(17,28,80,.5)}
#services h3,#services strong{color:#111c50!important}
.services .service-deliverables,#services p,#services span{color:#4a5694!important}

/* feedback / how we work / faq / compare (engagement + legacy) */
#feedback .feedback>*,.feedback-card,.feedback article{background:#fff!important;border:1px solid rgba(17,28,80,.1)!important;color:#111c50!important}
.collaboration-section .steps>*,.collaboration-section article,.collaboration-section li,.collaboration-section .step{background:#fff!important;border:1px solid rgba(17,28,80,.1)!important;color:#111c50!important}
.collaboration-section h3,.collaboration-section strong{color:#111c50!important}
.collaboration-section p{color:#4a5694!important}
.eg-faq-item,.eg-faq details,#faq details{background:#fff!important;border:1px solid rgba(17,28,80,.12)!important;color:#111c50!important}
#faq summary,#faq h2,#faq h3,#faq p{color:#111c50!important}
#faq p{color:#4a5694!important}
.eg-compare,.eg-compare *{color:#111c50}

/* floating contact popup keeps white; whatsapp stays green */

/* contact + footer: deliberate deep-blue closing band */
.contactsection{background:linear-gradient(180deg,#111c50 0,#2a38b8 100%)!important;color:#fff}
.contactsection h2,.contactsection h3,.contactsection p,.contactsection label,.contactsection legend,.contactsection span,.contactsection a{color:inherit}
.foot{background:#0b1240!important;color:#cfd8ff}

/* my decks section */
.hw::before{background:radial-gradient(ellipse at 50% 100%,rgba(48,63,197,.12),transparent 66%)}
.hw-big{color:#111c50}
.hw-big em{color:#303fc5}
.hw-lead{color:#4a5694}
.hw-sheet{box-shadow:0 18px 40px -14px rgba(17,28,80,.45)}
.hw-card{background:linear-gradient(145deg,#111c50,#2a38b8);box-shadow:0 30px 60px -28px rgba(17,28,80,.7),inset 0 1px 0 rgba(255,255,255,.2)}
/* ---- round 2 ---- */
/* hero dissolves into the page */
.hero::after{background:linear-gradient(0deg,#f4f6ff 0%,rgba(244,246,255,.92) 7%,rgba(244,246,255,.55) 16%,rgba(244,246,255,0) 34%),linear-gradient(90deg,rgba(4,15,38,.3) 0%,rgba(4,15,38,.06) 48%,rgba(4,15,38,.05) 100%)!important}
@media(max-width:760px){.hero::after{background:linear-gradient(0deg,#f4f6ff 0%,rgba(244,246,255,.9) 9%,rgba(244,246,255,.4) 20%,rgba(244,246,255,0) 38%),linear-gradient(0deg,rgba(5,18,43,.55) 0%,rgba(5,18,43,0) 60%)!important}}
/* about: no second portrait */
.portraitblend,.aboutpicture{display:none!important}
.aboutlayout{grid-template-columns:minmax(0,820px)!important;justify-content:start}
/* partners: logos straight on the page */
.partner-tile,.partners .partner,.partner-logo{background:transparent!important;border:0!important;box-shadow:none!important}
.partner-tile img{filter:none!important}
/* tools + services: no boxes */
.tool-item{background:transparent!important;border:0!important;box-shadow:none!important}
#services .service,#services .service-item,#services article,#services li{background:transparent!important;box-shadow:none!important;border:0!important;border-top:1px solid rgba(17,28,80,.14)!important;border-radius:0!important}
/* FAQ: compact, side-by-side */
.eg-faq{padding:10px 0 50px}
@media(min-width:900px){.eg-faq .eg-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:50px;align-items:start}.eg-faq .eg-kicker{grid-column:1}.eg-faq .eg-title{grid-column:1;font-size:clamp(30px,3.2vw,44px);margin:0}.eg-faq .eg-faq-list{grid-column:2;grid-row:1/span 2}}
.eg-faq-list{gap:0!important;max-width:none!important}
.eg-faq details,#faq details{background:transparent!important;border:0!important;border-top:1px solid rgba(17,28,80,.14)!important;border-radius:0!important}
.eg-faq summary{padding:16px 4px!important;font-size:18px!important;color:#111c50!important}
.eg-faq details p{padding:0 4px 16px!important;margin:0;font-size:16px;color:#4a5694}
.eg-faq summary:after{filter:hue-rotate(0deg) brightness(.5)}
#partners .partner-track .partner-tile,#partners .partner-tile{background:transparent!important;border:0!important;box-shadow:none!important}
#partners .partner-tile:hover,#partners .partner-tile:focus-visible{background:transparent!important;box-shadow:none!important}
#partners .partner-tile:hover img,#partners .partner-tile:focus-visible img{filter:none!important}
.eg-faq .eg-kicker{color:#303fc5!important}
.hero::after{background:linear-gradient(0deg,#f4f6ff 0%,rgba(244,246,255,.92) 7%,rgba(244,246,255,.55) 16%,rgba(244,246,255,0) 34%)!important}
/* about: balanced two columns now that the portrait is gone */
@media(min-width:901px){
 .aboutlayout{grid-template-columns:1fr!important}
 .aboutcopy{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(40px,6vw,96px);align-items:start;max-width:none!important}
 .aboutcopy>h2{grid-column:1;grid-row:1;margin:0 0 24px}
 .aboutcopy>p{grid-column:2;margin:0 0 18px!important}
 .aboutcopy>.stats{grid-column:1;grid-row:2/span 3;align-self:start;margin-top:8px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
/* FAQ smaller */
.eg-faq summary{padding:11px 4px!important;font-size:16px!important}
.eg-faq details p{font-size:14.5px!important;padding:0 4px 12px!important}
.eg-faq .eg-title{font-size:clamp(26px,2.6vw,36px)!important}
.eg-faq{padding:0 0 36px!important}
@media(min-width:901px){.aboutcopy{padding-left:96px!important;box-sizing:border-box}}
/* partner logo sizes: equal visual area */
#partners img[src$="/airon.png"]{width:calc(134px*var(--lk,1))!important;height:calc(67px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/ajyal-alkharj-schools.png"]{width:calc(81px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/alalwi.png"]{width:calc(51px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/asma-almaani-schools.png"]{width:calc(52px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/bahri.png"]{width:calc(124px*var(--lk,1))!important;height:calc(73px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/bealah-tea-white.svg"]{width:calc(133px*var(--lk,1))!important;height:calc(68px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/civil-affairs.png"]{width:calc(93px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/combo-kaizer.webp"]{width:calc(61px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/forsan-aljazira-schools.png"]{width:calc(74px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/green-garden.svg"]{width:calc(136px*var(--lk,1))!important;height:calc(66px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/hawawshi-art.png"]{width:calc(176px*var(--lk,1))!important;height:calc(51px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/island-seafood.webp"]{width:calc(115px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/jaddathi.png"]{width:calc(76px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/jap-cookies.png"]{width:calc(88px*var(--lk,1))!important;height:calc(88px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/kale-white.svg"]{width:calc(107px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/khobaraa.png"]{width:calc(74px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/kollagena.png"]{width:calc(79px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/lifting-more-white.svg"]{width:calc(64px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/moladon-clean.svg"]{width:calc(128px*var(--lk,1))!important;height:calc(70px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/muloha.svg"]{width:calc(146px*var(--lk,1))!important;height:calc(62px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/national-development-agency-libya.png"]{width:calc(126px*var(--lk,1))!important;height:calc(71px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/nawa.png"]{width:calc(92px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/petra.png"]{width:calc(47px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/pulse.png"]{width:calc(87px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/rakayez.png"]{width:calc(105px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/rawahel-alhajj.png"]{width:calc(68px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/sanad.png"]{width:calc(96px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/shaam.png"]{width:calc(147px*var(--lk,1))!important;height:calc(61px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/shawarma-hatab.svg"]{width:calc(106px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/shika.png"]{width:calc(53px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/taalil.png"]{width:calc(135px*var(--lk,1))!important;height:calc(67px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/taallam-association.png"]{width:calc(133px*var(--lk,1))!important;height:calc(68px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/university-schools.png"]{width:calc(76px*var(--lk,1))!important;height:calc(76px*var(--lk,1))!important;max-width:none!important;max-height:none!important}
#partners img[src$="/vertex.png"]{width:calc(132px*var(--lk,1))!important;height:calc(68px*var(--lk,1))!important;max-width:none!important;max-height:none!important}#partners .partner-tile{flex:0 0 200px!important;width:200px!important;height:100px!important;padding:0!important}
@media(max-width:760px){#partners{--lk:.78}#partners .partner-tile{flex-basis:150px!important;width:150px!important;height:84px!important}}
/* round 4 */
.nav{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:0!important}
/* no side section rail */
.section-rail,.section-menu,#section-navigation,#section-menu{display:none!important}
@media(min-width:900px){.hw{padding-left:var(--pad,5vw)!important}.aboutcopy{padding-left:0!important}}
/* before/after tags + compare footer on light */
.eg-ba-tag{background:transparent!important;color:#111c50!important;font-weight:700;text-shadow:0 0 8px #fff,0 0 3px #fff}
.eg-compare-foot{color:#4a5694!important}.eg-compare-foot a{color:#303fc5!important;border-bottom-color:#303fc5!important}
/* about: big, fills the page */
@media(min-width:901px){
 .aboutcopy{grid-template-columns:1fr 1fr!important;column-gap:clamp(40px,5vw,90px)!important;row-gap:10px}
 .aboutcopy>h2{grid-column:1/-1!important;grid-row:1!important;font-size:clamp(54px,6.6vw,118px)!important;line-height:1.05!important;margin:0 0 34px!important}
 .aboutcopy>p{font-size:clamp(20px,1.55vw,28px)!important;line-height:1.9!important;margin:0 0 14px!important}
 .aboutcopy>p:nth-of-type(1){grid-column:1;grid-row:2}
 .aboutcopy>p:nth-of-type(2){grid-column:2;grid-row:2}
 .aboutcopy>p:nth-of-type(3){grid-column:1/-1;grid-row:3;font-size:clamp(24px,2.1vw,36px)!important;color:#111c50!important;margin-top:18px!important}
 .aboutcopy>.stats{grid-column:1/-1!important;grid-row:4!important;margin-top:30px!important;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .aboutcopy>.stats>div{padding:34px 20px!important}.aboutcopy>.stats b{font-size:clamp(40px,4vw,68px)!important}.aboutcopy>.stats span{font-size:clamp(16px,1.3vw,22px)!important}
}
/* feedback: one row that follows the pointer */
.feedback{display:flex!important;gap:clamp(16px,1.8vw,26px);overflow-x:auto;padding:6px var(--pad,5vw) 20px;scrollbar-width:none;grid-template-columns:none!important}
.feedback::-webkit-scrollbar{display:none}
.feedbackcard{flex:0 0 min(30vw,380px);width:min(30vw,380px)}
@media(max-width:760px){.feedbackcard{flex-basis:76vw;width:76vw}}
/* footer social icons */
.foot .soc{display:inline-flex!important;align-items:center;justify-content:center;width:46px;height:46px;min-height:0!important;padding:0!important;border-radius:50%!important;background:#fff!important;border:0!important;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)!important;margin-inline-end:12px!important;transition:transform .25s}
.foot .soc:hover{transform:translateY(-3px)}
.foot .soc svg{width:24px;height:24px}
.foot>div{display:flex;gap:0}
#feedback .feedback{scroll-snap-type:none!important;overflow-x:hidden!important;gap:clamp(16px,1.8vw,26px)!important}
#feedback .feedbackcard{flex:0 0 min(34vw,540px)!important;scroll-snap-align:none!important;padding:16px!important}
#feedback .feedbackcard img{height:clamp(170px,17vw,260px)!important;border-radius:10px}
#feedback .feedback-controls{display:none!important}
@media(max-width:760px){#feedback .feedback{overflow-x:auto!important;scroll-snap-type:x mandatory!important}#feedback .feedbackcard{flex:0 0 82vw!important;scroll-snap-align:start!important}}
.foot .soc{width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;flex:none!important;padding:0!important}
.contact-copy .index span{color:#b4c4ff!important}
/* clean Latin numerals */
.about-stats b,.stats b,.hw-num,.sr-count,.sr-count b{font-family:"Inter","Helvetica Neue",Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.02em;font-feature-settings:"lnum"}
.about-stats>div,.stats>div{border-radius:28px!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:6px;text-align:center}
.about-stats b{line-height:1!important;margin:0!important}
.about-stats b,.stats b{direction:ltr;unicode-bidi:isolate}
/* stability: never allow sideways overflow; lighter compositing */
html,body{overflow-x:clip}
main{overflow-x:clip}
.hw-sheet{will-change:auto!important}
.hero{animation:none!important}

.tools-window,.partner-row{overflow:hidden}

/* tools marquee: keep every tool visible on phones */
.tools .tools-group{width:max-content!important;min-width:100vw!important;flex-wrap:nowrap!important;justify-content:space-around!important;gap:clamp(22px,6vw,48px)!important}
.tools .tools-group[aria-hidden=true]{display:flex!important}
.tools .tool-item{width:auto!important;height:auto!important;flex:0 0 auto!important;font-size:inherit!important;line-height:1.3!important;gap:10px!important}
.tools .tool-item img{width:40px!important;height:40px!important}
.tools .tool-item span{font-size:16px!important;white-space:nowrap}

/* big reel cards (desktop) */
@media(min-width:901px){
.sr-side{flex:0 0 min(27vw,400px)!important}
.sr-track{gap:3vw!important}
.sr-track>.project{flex:0 0 min(44vw,58svh,700px)!important;width:min(44vw,58svh,700px)!important}
.sr-track .project-cover{aspect-ratio:1/1.1!important;border-radius:22px!important}
.sr-track .project h3{font-size:clamp(28px,2.6vw,44px)!important}
.sr-track .project .project-summary,.sr-track .project p{font-size:clamp(16px,1.2vw,20px)!important;line-height:1.7!important}
}

.seo-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}