@font-face{font-family:Portfolio;src:url('../fonts/NeueMontreal-Regular.otf') format('opentype');font-weight:400 500;font-display:swap}
@font-face{font-family:Portfolio;src:url('../fonts/NeueMontreal-Bold.otf') format('opentype');font-weight:700 900;font-display:swap}
@font-face{font-family:Cairo;src:url('../fonts/Cairo-Variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--ink:#1c1d20;--paper:#fff;--soft:#f2f3f4;--accent:#455ce9;--line:#d2d2d2;--muted:#53565b;--gutter:clamp(20px,5vw,80px);--measure:1280px;--curve:12px;--section-gap:clamp(64px,9vw,128px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.55 Portfolio,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:#fff;background:var(--accent)}svg{width:24px;height:24px;flex:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.025em}h2{font-size:clamp(30px,3.5vw,52px);line-height:1.12;text-wrap:balance}h3{font-size:23px;line-height:1.25}p{max-width:70ch}section[id],div[id],footer[id]{scroll-margin-top:102px}.wrap{width:min(calc(100% - var(--gutter)*2),var(--measure));margin-inline:auto}.bilingual{display:flex;flex-direction:column;gap:9px}.ar{font-family:Cairo,sans-serif;letter-spacing:normal;line-height:1.8;font-size:16px;text-align:right}.en{display:block}h2>.ar{font-size:clamp(20px,2vw,25px);line-height:1.55}h3>.ar{font-size:17px;font-weight:500}.bilingual .ar{display:block}.skip-link{position:fixed;left:20px;top:-80px;background:var(--paper);padding:12px;z-index:20}.skip-link:focus{top:12px}.case-header{background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px var(--gutter);font-size:16px}.owner{white-space:nowrap}.case-header nav{display:flex;gap:28px}.case-header a:hover,.footer-line a:hover{text-decoration:underline;text-underline-offset:6px}.case-hero.wrap{width:100%;max-width:none;background:var(--ink);color:#fff;padding:56px max(var(--gutter),calc((100vw - var(--measure))/2)) 76px;display:grid;gap:46px}.case-hero h1{font-size:clamp(48px,6.5vw,92px);line-height:1.02;max-width:9ch}.case-hero h1>.ar{font-size:25px;line-height:1.6;margin-top:8px}.hero-statement{font-size:25px;line-height:1.25;margin-top:28px}.hero-statement>.ar{font-size:20px}.hero-description{font-size:18px;line-height:1.6;margin-top:24px;color:#e9eaeb}.hero-description>.ar{font-size:17px}.primary-link{display:inline-flex;gap:28px;align-items:center;background:#fff;color:var(--ink);border-radius:60px;padding:18px 28px;margin-top:30px;min-height:70px}.primary-link .en{font-size:17px}.primary-link .ar{font-size:14px;line-height:1.4}.primary-link .bilingual{gap:2px}.primary-link svg{transition:transform .2s}.primary-link:hover svg{transform:translateX(4px)}.hero-proof{align-self:center;min-width:0}.screen-figure{margin:0;min-width:0}.screen-link{display:block;position:relative;border:1px solid var(--line);border-radius:var(--curve);overflow:hidden;background:var(--soft);cursor:zoom-in}.screen-link img{width:100%;height:auto;aspect-ratio:1.44;object-fit:contain}.expand-icon{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:#fff;border-radius:8px}.screen-link:hover .expand-icon{background:var(--accent)}figcaption{margin-top:15px;font-size:17px;line-height:1.35}figcaption .ar{font-size:15px;line-height:1.6}figcaption .bilingual{gap:4px}.hero-proof figcaption{color:#fff}.hero-proof .screen-link{border-color:#545557}.capture-note{font-size:13px;line-height:1.5;color:#c7c9cd;margin-top:18px}.capture-note .ar{font-size:13px}.chapter-nav{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:#fff}.chapter-links{display:flex;overflow-x:auto;gap:30px;scrollbar-width:thin;scrollbar-color:var(--line) #fff}.chapter-links>a{flex:none;display:flex;align-items:center;min-height:76px;font-size:16px;border-bottom:2px solid transparent;padding:12px 0}.chapter-links .bilingual{gap:2px}.chapter-links .ar{font-size:13px;line-height:1.4}.chapter-links a:hover,.chapter-links a[aria-current=true]{border-bottom-color:var(--accent);color:var(--accent)}.journey-section{padding-block:var(--section-gap)}.section-intro{margin-top:25px;font-size:19px;line-height:1.6;max-width:74ch}.journey-flow{display:grid;gap:28px;padding:0;margin:42px 0 0;list-style:none;counter-reset:journey}.journey-flow li{counter-increment:journey;position:relative;padding:26px 0 0;border-top:1px solid var(--line)}.journey-flow li:before{content:counter(journey,decimal-leading-zero);display:block;font-size:16px;color:var(--muted);margin-bottom:16px}.journey-flow li>p{font-size:16px;margin-top:16px}.journey-flow li .ar{font-size:15px}.departments{padding-bottom:var(--section-gap)}.departments-title{max-width:22ch}.module{display:grid;gap:30px;border-top:1px solid var(--line);padding-top:48px;margin-top:72px}.module h2{font-size:clamp(30px,3.1vw,46px);max-width:24ch}.module h2 .ar{font-size:22px}.module-lead{margin-top:26px;font-size:18px;line-height:1.65}.module-copy{min-width:0}.capabilities{margin-top:30px;border-block:1px solid var(--line)}.capabilities summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;cursor:pointer;list-style:none;padding-block:16px}.capabilities summary::-webkit-details-marker{display:none}.capabilities summary .en{font-size:17px}.capabilities summary .ar{font-size:14px}.capabilities summary .bilingual{gap:1px}.capabilities[open] summary>svg{transform:rotate(45deg)}.feature-list{list-style:none;margin:0;padding:0 0 28px}.feature-list li{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.feature-list h3{font-size:21px}.feature-list h3 .ar{font-size:17px}.feature-list p{margin-top:12px;font-size:17px}.feature-list p .ar{font-size:16px}.module-shots{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:10px}.module-shots>.screen-figure{flex:0 0 calc(100% - 12px);scroll-snap-align:start}.accounts-section{padding-top:var(--section-gap);padding-bottom:var(--section-gap);border-top:1px solid var(--line)}.role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin-top:40px}.role-row{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:100px;padding:18px 0;border-bottom:1px solid var(--line)}.role-row .en{font-size:17px}.role-row .ar{font-size:14px;line-height:1.7}.role-row .bilingual{gap:2px}.role-row svg{width:18px;height:18px}.role-row:hover{color:var(--accent)}.gallery-section{padding-block:var(--section-gap);border-top:1px solid var(--line)}.gallery-controls{display:flex;flex-direction:column;gap:16px;margin-block:36px}.gallery-controls label{font-size:16px}.gallery-controls label .ar{font-size:14px}.gallery-controls select{min-height:56px;width:100%;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:12px;font-size:16px;max-width:560px}.gallery-controls>p{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}.gallery-grid{display:grid;gap:30px}.outline-button{display:flex;align-items:center;gap:30px;padding:16px 26px;border:1px solid var(--ink);border-radius:60px;color:var(--ink);background:transparent;min-height:70px;margin:38px auto 0}.outline-button .ar{font-size:14px;line-height:1.5}.outline-button .bilingual{gap:2px}.outline-button:hover{background:var(--ink);color:#fff}.outline-button[hidden]{display:none}.rollout-section{padding-bottom:var(--section-gap)}.scope-note{margin-top:30px;font-size:15px;color:var(--muted);line-height:1.7}.scope-note>.ar{font-size:15px}.contact-section{background:var(--ink);color:#fff;padding-block:var(--section-gap)}.contact-section h2{max-width:21ch;font-size:clamp(38px,5.2vw,76px)}.contact-section h2 .ar{font-size:clamp(22px,2.4vw,30px);margin-top:8px}.contact-section .section-intro{color:#e9eaeb}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:42px}.contact-links>a{display:flex;align-items:center;justify-content:space-between;gap:26px;max-width:100%;font-size:clamp(22px,2.6vw,36px);border-bottom:1px solid #545557;padding-bottom:12px}.contact-links a:hover{color:#c3cbff}.footer-line{display:flex;align-items:center;flex-wrap:wrap;gap:26px;justify-content:space-between;border-top:1px solid #545557;padding-top:30px;margin-top:64px;font-size:15px}.footer-line .ar{font-size:13px;line-height:1.5}.footer-line button{background:none;border:0;color:#fff;padding:0;text-align:left;min-height:44px}.footer-line .bilingual{gap:1px}.image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#141517;color:#fff;overflow:hidden}.image-viewer::backdrop{background:#141517}.viewer-shell{height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.viewer-header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 4px;min-height:84px}.viewer-header>div{min-width:0}.viewer-header h2{font-size:18px;line-height:1.25;letter-spacing:normal}.viewer-header .ar{font-size:13px;margin-top:5px;text-align:left;line-height:1.5}.viewer-button{display:grid;place-items:center;min-width:44px;height:44px;padding:0;background:#292b30;color:#fff;border:1px solid #545557;border-radius:8px;flex:none}.viewer-button:hover{background:var(--accent)}.viewer-stage{position:relative;flex:1;min-height:80px;overflow:hidden;touch-action:none;user-select:none;cursor:grab;display:flex;align-items:center;justify-content:center}.viewer-stage:active{cursor:grabbing}.viewer-stage>img{width:100%;height:100%;max-width:none;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none;user-select:none}.viewer-stage>p{position:absolute;padding:20px;text-align:center;background:var(--ink)}.viewer-toolbar{display:flex;justify-content:center;align-items:center;gap:6px;padding-top:12px}.toolbar-divider{width:1px;height:28px;background:#545557;margin-inline:4px}#viewer-counter{min-width:55px;font-size:14px;text-align:center;font-variant-numeric:tabular-nums}.zoom-value{font-size:13px;min-width:54px}.viewer-hint{font-size:12px;line-height:1.5;text-align:center;margin:10px auto 8px;gap:3px;color:#d5d7dc}.viewer-hint .ar{font-size:12px;line-height:1.5;text-align:center}.viewer-thumbnails{display:flex;gap:8px;overflow-x:auto;flex:none;padding:8px 4px;scrollbar-width:thin;scrollbar-color:#545557 #141517;max-height:82px}.viewer-thumbnails button{flex:none;border:2px solid transparent;overflow:hidden;padding:0;background:#292b30;width:78px;height:56px;border-radius:4px}.viewer-thumbnails button[aria-current=true]{border-color:#a8b4ff}.viewer-thumbnails img{width:100%;height:100%;object-fit:cover}.viewer-thumbnails button:focus-visible,.image-viewer .viewer-button:focus-visible{outline-color:#a8b4ff}.viewer-stage[aria-busy=true]{background:#22242a}.viewer-stage[aria-busy=true]:after{content:'Loading image / تحميل الصورة';position:absolute;padding:12px;background:#141517;font-size:14px}.viewer-stage[aria-busy=true]>img{visibility:hidden}
@media(min-width:720px){.journey-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.role-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-controls{flex-direction:row;align-items:end;flex-wrap:wrap}.gallery-controls select{flex:1}.viewer-header{padding:20px;min-height:96px}.viewer-header h2{font-size:24px}.viewer-header .ar{font-size:16px}.viewer-stage{margin-inline:20px}.viewer-thumbnails{justify-content:flex-start;margin-inline:auto;max-width:100%}.contact-links{flex-direction:row;gap:50px}.case-hero h1{max-width:10ch}}
@media(min-width:1040px){.case-hero{grid-template-columns:.85fr 1.15fr;gap:64px;min-height:calc(100vh - 82px)}.case-hero .hero-proof{padding-top:42px}.journey-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.module{grid-template-columns:.9fr 1.1fr;gap:72px;margin-top:100px;padding-top:56px}.module-copy{position:sticky;top:112px;align-self:start}.module-shots{display:grid;gap:32px;overflow:visible;padding-bottom:0}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.role-list{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-statement{font-size:28px}.accounts-section{padding-top:0}}
@media(max-width:380px){.case-header{font-size:14px;gap:12px}.case-header nav{gap:16px}.case-hero h1{font-size:46px}.role-list{grid-template-columns:1fr}.viewer-header h2{font-size:16px}.viewer-toolbar{gap:3px}.viewer-button{min-width:42px;height:44px}.zoom-value{min-width:50px}#viewer-counter{min-width:50px}.toolbar-divider{margin-inline:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.primary-link:hover svg{transform:none}}
@media print{html{scroll-behavior:auto}body{font-size:11pt;background:#fff;color:#000}.case-header,.chapter-nav,.image-viewer,.primary-link,.gallery-controls,#show-more,#print-case,.expand-icon{display:none!important}.wrap{width:100%;max-width:none}.case-hero.wrap{display:block;background:#fff;color:#000;padding:0 0 30px}.case-hero h1{font-size:40pt;max-width:none}.hero-description,.capture-note{color:#333}.case-hero h1 .ar{font-size:18pt}.hero-proof{margin-top:24px;max-width:75%}.hero-proof figcaption{color:#000}.module{display:block;break-inside:avoid;margin-top:30px;padding-top:20px}.module-copy{position:static}.module-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-top:20px}.module-shots>.screen-figure{min-width:0}.screen-link{border-radius:0}.journey-section,.departments,.accounts-section,.gallery-section,.rollout-section,.contact-section{padding-block:30px}.contact-section{background:#fff;color:#000}.contact-section .section-intro,.contact-section .contact-links{color:#000}.contact-section h2{font-size:30pt}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-list{grid-template-columns:repeat(3,minmax(0,1fr))}.role-row{min-height:65px}.bilingual{gap:5px}.ar{font-size:10pt}h2{font-size:24pt}h2 .ar{font-size:15pt}.gallery-section{break-before:page}.viewer-hint{display:none}.footer-line{color:#000;border-color:#777}a[href^='mailto:'],a[href^='tel:']{color:#000}.screen-figure{break-inside:avoid}}

/* Keep the actual product visible early in the phone reading order. */
@media(max-width:1039px){.case-hero.wrap{gap:28px;padding-top:32px;padding-bottom:56px}.hero-copy{display:contents}.case-hero h1{order:0;max-width:none}.hero-statement{order:1;margin-top:0}.hero-proof{order:2}.hero-description{order:3;margin-top:0}.case-hero .primary-link{order:4;justify-self:start;margin-top:0}.case-hero h1>.ar{font-size:22px}.hero-statement{font-size:23px}.hero-statement>.ar{font-size:18px}}
.gallery-controls>p{display:flex;flex-direction:column;gap:4px}.gallery-controls>p .ar{font-size:14px}.viewer-stage>p{max-width:30ch}.viewer-stage[aria-busy=true]:after{content:'Loading image\A تحميل الصورة';white-space:pre-line;text-align:center}