@font-face{font-family:Tajawal;src:url('assets/Tajawal-Regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Tajawal;src:url('assets/Tajawal-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{color-scheme:dark;--gold:#c7a55b;--ink:#151b1c;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink);color:#fff;font-family:Tajawal,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button[hidden],[hidden]{display:none!important}
#presentation{position:relative;width:100%;height:100dvh;overflow:hidden}#viewport{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#frame{position:relative;flex-shrink:0;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:#151b1c}#canvas{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:top left;overflow:hidden;isolation:isolate}#slides,.slide{position:absolute;inset:0}.slide{visibility:hidden;pointer-events:none;overflow:hidden;contain:layout paint}.slide.current,.slide.departing{visibility:visible}.slide.current{pointer-events:auto}.background{position:absolute;inset:0;overflow:hidden;z-index:0}.camera{width:100%;height:100%;transform-origin:var(--origin,50% 50%)}.camera img{width:100%;height:100%;object-fit:cover;display:block}.tone{position:absolute;inset:0;pointer-events:none;z-index:1}.copy{position:absolute;z-index:3;white-space:pre;line-height:1.2;margin:0;padding:0;font-weight:400;font-kerning:normal}.copy[lang=ar]{direction:rtl}.copy[lang=en]{direction:ltr;unicode-bidi:plaintext}.copy-group,.language-group{display:contents}.metric-value{font-variant-numeric:tabular-nums;will-change:transform}.divider{position:absolute;z-index:3;height:1.2px;background:linear-gradient(90deg,#555f6142 0%,#555f6142 85%,#c7a55bc7 100%);transform-origin:right center;overflow:hidden}.dark .divider{background:linear-gradient(90deg,#c7a55b7a 0%,#c7a55b7a 85%,#c7a55bc7 100%)}.divider:after{content:"";position:absolute;right:0;top:-.3px;width:46px;height:1.8px;background:#c7a55bd9}.line-light{position:absolute;left:0;top:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,#ead39b 50%,transparent);pointer-events:none}.shelf{position:absolute;z-index:2;background:linear-gradient(90deg,#fff0,#fff 3%,#fff 97%,#fff0);overflow:hidden;transform-origin:center;isolation:isolate}.sheen{position:absolute;inset:-5% -30%;width:65%;background:linear-gradient(105deg,transparent,rgba(224,199,145,.26) 43%,rgba(255,255,255,.8) 54%,transparent 69%);pointer-events:none;mix-blend-mode:multiply}.client-divider{position:absolute;z-index:4;width:1.2px;background:linear-gradient(180deg,transparent,#b7aa8e8c 25%,#b7aa8e8c 75%,transparent)}.client{position:absolute;z-index:4;object-fit:contain;display:block;transform-origin:center}.gallery-world{position:absolute;inset:0;z-index:0;transform-origin:50% 55%}
#brand{position:absolute;left:1660px;top:40px;width:140px;height:92.49px;z-index:30;pointer-events:none}.brand-white,.brand-graphite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .7s ease}.brand-graphite{opacity:0}#brand.light .brand-graphite{opacity:1}#brand.light .brand-white{opacity:0}.intro #brand{opacity:0}
#loader{position:fixed;inset:0;background:#151b1c;display:grid;place-items:center;z-index:50;transition:opacity .65s ease}.loading-center{width:min(280px,72vw);display:flex;align-items:center;flex-direction:column;text-align:center;transform:translateY(-10px)}#loader-brand{width:180px;height:119px;object-fit:contain;margin-bottom:34px}#load-label{font-size:16px;color:#e4e6df;margin:0 0 20px}.load-track{height:2px;width:100%;background:#ffffff24;overflow:hidden;direction:ltr}#load-fill{height:100%;display:block;width:0;background:var(--gold);transition:width .12s linear}#load-percent{display:block;color:var(--gold);font-size:15px;margin-top:13px;font-variant-numeric:tabular-nums}#retry{background:transparent;border:1px solid #c7a55b77;padding:10px 24px;margin-top:16px}.loaded #loader{opacity:0;pointer-events:none}
#controls{position:absolute;bottom:1.5%;left:6.25%;right:6.25%;height:clamp(16px,2.2vw,30px);display:flex;align-items:center;gap:clamp(10px,1.7vw,28px);z-index:40;color:#eee8db;--track:#ffffff50;--active:#d7b974;--nav-text:#eee8db;filter:drop-shadow(0 1px 2px #0005)}#controls.light{--track:#3f494b50;--active:#846225;--nav-text:#3f494b;filter:none}#counter{font-size:clamp(8px,1.05vw,15px);color:var(--nav-text);white-space:nowrap;letter-spacing:1px;font-variant-numeric:tabular-nums;line-height:1}#counter i{font-size:.76em;opacity:.62;font-style:normal;letter-spacing:0}#chapters{display:flex;align-items:center;gap:clamp(3px,.4vw,7px);flex:1;height:100%}.chapter{position:relative;flex:1;height:100%;min-width:0;background:none;border:0;padding:0}.chapter:before{content:"";position:absolute;left:0;right:0;top:calc(50% - .75px);height:1.5px;background:var(--track);transition:background .35s}.chapter[aria-current=true]:before,.chapter.visited:before{background:var(--active)}.chapter:hover:before{height:2.5px}.chapter:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:#192022ed;color:#ede9de;border:1px solid #c7a55b33;font-size:13px;white-space:nowrap;padding:7px 10px;opacity:0;pointer-events:none;transition:.2s}.chapter:hover:after,.chapter:focus-visible:after{opacity:1;transform:translateX(-50%)}#fullscreen{width:clamp(18px,1.9vw,28px);height:100%;padding:0;border:0;display:grid;place-items:center;color:var(--nav-text);background:none}#fullscreen svg{width:clamp(12px,1.2vw,18px);height:clamp(12px,1.2vw,18px);fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;inset:40% 10%;background:var(--ink);z-index:100;text-align:center;padding:30px}.motion-off .sheen{display:none}
@media(max-width:600px){.chapter:after{display:none}#controls{bottom:1%;left:4%;right:4%}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* The counter sits over the photographic side even on light slides. */
#counter{color:#fff;text-shadow:0 1px 3px #000,0 0 5px #0008}
/* Clear language ownership without interleaving the two scripts. */
.language-marker{position:absolute;z-index:4;font-size:16px;line-height:20px;font-weight:700;color:#ad8840;letter-spacing:1px}.dark .language-marker{color:#cfb477}.language-divider{position:absolute;z-index:3;width:1px;background:linear-gradient(180deg,#b79a5333,#b79a535c,transparent);pointer-events:none}.service-symbol{position:absolute;z-index:4;width:31px;height:31px;color:#b99a57;filter:drop-shadow(0 0 8px #c7a55b16)}.section-icon{width:25px;height:25px;flex-shrink:0}.counter-digits{display:inline-block;direction:ltr;unicode-bidi:isolate;min-width:.58em}.counter-suffix{display:inline-block;margin-left:.03em;opacity:.9}.metric-value{direction:ltr!important}
.new-eyebrow{font-size:23px;color:var(--gold);margin:0 0 22px;font-weight:700}.new-title{font-size:64px;line-height:1.1;margin:0;color:#3f494b}.new-subtitle{font-size:35px;font-weight:700;color:#555f61;margin:18px 0 0;direction:ltr}.partner-content{position:absolute;left:855px;right:120px;top:200px;z-index:5;text-align:right}.partner-slots{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:65px;direction:rtl}.partner-card{min-width:0}.partner-logo-slot{height:240px;background:linear-gradient(135deg,#f4f0e43d,#f4f0e4a6);border:1px solid #a89c7780;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;box-shadow:0 16px 35px #252d2b0b;isolation:isolate}.partner-logo-slot:before,.partner-logo-slot:after{content:"";position:absolute;width:29px;height:29px;border-color:#a08344;border-style:solid;pointer-events:none}.partner-logo-slot:before{right:-1px;top:-1px;border-width:2px 2px 0 0}.partner-logo-slot:after{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.partner-logo-slot svg{width:37px;height:37px;color:#85754f;margin-bottom:7px}.slot-ar{font-size:25px;color:#596260}.slot-en{font-size:20px;color:#7d8279}.partner-description{position:relative;text-align:right;padding:36px 0}.partner-number{font-size:17px;color:#a0854c;letter-spacing:2px}.partner-ar{font-size:25px;line-height:1.5;color:#3f494b;margin:16px 0 18px}.partner-rule{display:block;height:1px;width:42px;background:#b89a56;margin-bottom:17px;margin-right:0}.partner-en{font-size:23px;line-height:1.5;color:#596260;direction:ltr;text-align:left;margin:0}
.portfolio-backdrop{background:radial-gradient(ellipse at 20% 90%,#4b49384d,transparent 65%),linear-gradient(125deg,#283133,#171d1e 58%,#222c2d)}.portfolio-heading{position:absolute;z-index:4;top:180px;left:120px;right:120px;text-align:right}.portfolio-heading .new-title{color:#f4f0e4}.portfolio-heading .new-subtitle{color:#d1d5cd}.portfolio-heading .new-eyebrow{margin-bottom:16px}.portfolio-heading:after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,#c7a55b77);left:0;right:0;top:173px}.work-viewport{position:absolute;z-index:4;left:120px;top:405px;width:1150px;height:588px;overflow:hidden;touch-action:pan-y pinch-zoom;outline-offset:7px}.work-track{display:flex;gap:20px;height:100%;direction:ltr}.work-cell{flex:0 0 31.1%;min-width:0;height:100%}.work-card{position:relative;display:block;width:100%;height:100%;padding:0;border:1px solid #c7a55b55;background:#0f1415;overflow:hidden;text-align:left;box-shadow:0 12px 28px #0004;isolation:isolate}.work-video{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease}.video-ready .work-video{opacity:1}.work-card-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:22px;background:linear-gradient(180deg,transparent 60%,#090f10e6);color:white}.work-card-overlay svg{position:absolute;right:20px;top:20px;width:26px;height:26px;filter:drop-shadow(0 1px 4px #000);transition:transform .3s}.work-card:hover .work-card-overlay svg{transform:scale(1.12)}.work-card-category{font-size:25px;line-height:1.35;direction:rtl;align-self:flex-end}.work-card-en{font-size:17px;color:#d4d4c8;line-height:1.45;margin-top:7px}.clip-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:20px;color:#b1ab95;z-index:-1}.work-sidebar{position:absolute;z-index:4;top:399px;right:120px;width:450px;text-align:right}.work-sidebar-label{font-size:24px;font-weight:700;color:#e8e5d9}.work-sidebar-en{font-size:18px;letter-spacing:1px;color:#acb4ad;margin-top:8px;margin-bottom:23px}.work-filter{display:grid;grid-template-columns:1fr auto;position:relative;width:100%;padding:11px 15px 11px 20px;background:transparent;border:0;border-bottom:1px solid #ffffff14;text-align:right;transition:background .3s,color .3s;direction:rtl}.work-filter[aria-pressed=true]{background:linear-gradient(270deg,#c7a55b18,transparent);border-right:2px solid #c7a55b}.work-filter-ar{font-size:22px;font-weight:700;line-height:1.3}.work-filter-en{font-size:16px;line-height:1.3;color:#9fa9a3;grid-column:1;direction:ltr;text-align:right;margin-top:4px}.work-filter-count{grid-column:2;grid-row:1/3;align-self:center;color:#c7a55b;font-size:17px;letter-spacing:1px;padding-right:20px}.work-footer{position:absolute;z-index:4;left:120px;top:999px;width:1150px;height:32px;display:flex;gap:14px;align-items:center;direction:ltr}.work-arrow{padding:0;border:0;background:transparent;color:#d0ba84;display:grid;place-items:center;width:30px;height:30px}.work-arrow svg{width:22px;height:22px}.work-status{font-size:17px;color:#d4d4c6;font-variant-numeric:tabular-nums}.work-hint{font-size:17px;color:#9ca59f;margin-left:auto}.video-dialog{background:#111819;border:1px solid #c7a55b66;padding:28px 26px 16px;max-width:92vw;max-height:94dvh;overflow:hidden;color:#eee;width:min(940px,92vw);box-shadow:0 25px 100px #000a}.video-dialog::backdrop{background:#091012e8;backdrop-filter:blur(8px)}.full-video{display:block;width:100%;height:min(76dvh,850px);object-fit:contain;background:#080d0e}.video-close{position:absolute;right:9px;top:4px;width:28px;height:24px;background:#151b1c;border:0;display:grid;place-items:center;color:#dfd4b9;z-index:2}.video-close svg{width:18px;height:18px}.video-caption{font-size:15px;text-align:center;margin-top:12px}.video-error{color:#e2bb8b;text-align:center;font-size:15px}.portfolio .tone{display:none}
.work-viewport{top:390px;height:565px}.work-footer{top:966px}
.work-cell{flex-basis:calc((100% - 40px)/3)}.work-sidebar-label{font-size:22px}.work-sidebar-en{font-size:16px;margin-bottom:16px}.work-filter{padding-top:9px;padding-bottom:9px}.work-filter-ar{font-size:21px;line-height:1.15}.work-filter-en{font-size:15px;line-height:1.15;margin-top:3px}
.partner-card{padding:22px;background:linear-gradient(145deg,#f4f0e4e6,#f4f0e4ed);border:1px solid #bda97955;box-shadow:0 18px 38px #333a3210}.partner-logo-slot{height:210px;background:#ffffff30}.partner-description{padding:24px 0 4px}.partner-ar{font-size:23px;margin:12px 0 15px;line-height:1.5}.partner-en{font-size:21px;line-height:1.5}.partner-rule{margin-bottom:13px}.partner-number{font-size:15px}
/* V5: horizontal editorial showcase; teal is an accent, never a logo tint. */
:root{--petrol:#79b9b4;--petrol-ink:#347a79}
.language-marker{display:none}
.service-symbol{color:var(--petrol-ink);filter:none;width:30px;height:30px}
.dark .service-symbol{color:#86c3bd}
.language-divider{background:linear-gradient(180deg,#528c8538,#528c8570,transparent)}
.portfolio-heading{top:185px}
.portfolio-heading:after{top:161px;background:linear-gradient(90deg,#85bab333,#c7a55b88)}
.portfolio .new-eyebrow{color:#9fc8c1}
.portfolio .tone{display:block!important;background:linear-gradient(180deg,#0d191e30,#0d191e05 58%,#0d191e66)!important}
.work-sidebar{top:362px;left:120px;right:120px;width:auto;display:grid;grid-template-columns:1fr 1fr;align-items:baseline;row-gap:15px}
.work-sidebar-label{grid-column:2;grid-row:1;font-size:23px;margin:0}
.work-sidebar-en{grid-column:1;grid-row:1;font-size:19px;text-align:left;margin:0;color:#bccfc9;letter-spacing:.3px}
.work-filter-list{grid-column:1/3;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));direction:rtl;border-top:1px solid #c7a55b48;border-bottom:1px solid #c7a55b48;background:#101e218c;backdrop-filter:blur(12px)}
.work-filter{min-width:0;min-height:89px;padding:16px 12px 13px;border:0;border-left:1px solid #ffffff18;grid-template-columns:1fr;align-content:center}
.work-filter:last-child{border-left:0}
.work-filter[aria-pressed=true]{border-right:0;background:linear-gradient(180deg,#3b77775c,#29585818);box-shadow:inset 0 -3px #9bc8bf;color:#fff}
.work-filter:hover{background-color:#55948d18}
.work-filter-ar{font-size:21px;line-height:1.2;padding-left:16px;white-space:nowrap}
.work-filter-en{font-size:16px;line-height:1.3;margin-top:7px;color:#bcc8c2;white-space:nowrap}
.work-filter-count{position:absolute;left:10px;top:12px;padding:0;font-size:13px;color:#c9b37d;letter-spacing:0}
.work-viewport{top:515px;left:120px;width:1680px;height:420px}
.work-track{gap:24px}
.work-cell{flex-basis:calc((100% - 96px)/5)}
.work-card{border:1px solid #c9b68173;border-radius:3px;box-shadow:0 20px 40px #0006}
.work-card-overlay{padding:18px;background:linear-gradient(180deg,#0715140a 40%,#071514d9 100%)}
.work-card-overlay svg{right:16px;top:16px;width:26px;height:26px;color:#fff}
.work-card-category{font-size:23px}
.work-card-en{font-size:18px;color:#c4d2ca;margin-top:5px}
.work-footer{top:958px;width:1680px;height:32px}
.work-arrow{color:#a8d2cb}
.work-status{font-size:19px}
.work-hint{font-size:19px;color:#c0ccc5}
.work-sidebar{direction:ltr}
.work-sidebar-label{direction:rtl;text-align:right}

/* Closing composition: one original logo, a quiet signature and a clear thank-you. */
#brand{transition:opacity .55s ease}#brand.closing-hidden{opacity:0}
.closing-content{position:absolute;inset:0;z-index:5;text-align:center;color:#f4f0e4;direction:rtl}
.closing-logo{position:absolute;left:820px;top:165px;width:280px;height:185px;object-fit:contain}
.closing-line{position:absolute;left:740px;top:404px;width:440px;height:1px;background:linear-gradient(90deg,transparent,#c7a55be0 25%,#c7a55be0 75%,transparent)}
.closing-partner-ar{position:absolute;left:520px;top:443px;width:880px;font-size:30px;line-height:1.3;margin:0;color:#c4cfc8}
.closing-partner-en{position:absolute;left:520px;top:491px;width:880px;font-size:24px;line-height:1.3;margin:0;color:#b7c6c0;direction:ltr;letter-spacing:2px}
.closing-thanks-ar{position:absolute;left:330px;top:633px;width:1260px;font-size:88px;line-height:1.25;font-weight:700;margin:0}
.closing-thanks-en{position:absolute;left:400px;top:760px;width:1120px;font-size:40px;line-height:1.3;font-weight:400;margin:0;color:#dce1d7;direction:ltr}
/* Official partner identities retain their own exact colors. */
.partner-slots{gap:42px;margin-top:58px}
.partner-card{padding:26px;background:#f4f0e4f5;border:1px solid #bda97966;box-shadow:0 18px 38px #333a3215}
.partner-logo-slot{height:130px;background:none;border:0;box-shadow:none;margin:0 0 20px;padding:0;display:flex;justify-content:center;align-items:center}
.partner-logo-slot:before,.partner-logo-slot:after{display:none}
.partner-official-logo{display:block;width:100%;height:100%;object-fit:contain}
.partner-description{padding:0;text-align:right}
.partner-name{font-size:26px;line-height:1.3;margin:0 0 14px;color:#3f494b}
.partner-ar{font-size:23px;line-height:1.45;margin:0;min-height:135px;white-space:normal}
.partner-rule{width:100%;height:1px;background:linear-gradient(90deg,#708c8055,#b89a5677);margin:18px 0}
.partner-en{font-size:21px;line-height:1.4;min-height:119px;color:#555f61;white-space:normal}

/* V9: a decoded, full-frame image remains behind every moving scene. */
.slide{background-size:cover;background-position:center;background-repeat:no-repeat}
.background,.camera{backface-visibility:hidden}
.shelf{opacity:1;clip-path:none}
.closing-logo{left:840px;top:125px;width:240px;height:159px}
.closing-thanks-ar{top:338px;font-size:76px}
.closing-thanks-en{top:442px;font-size:34px}
.closing-line{top:542px;left:600px;width:720px}
.closing-partner-ar{top:587px;font-size:28px}
.closing-partner-en{top:630px;font-size:22px}
.closing-partner-logos{position:absolute;left:500px;top:723px;width:920px;height:123px;display:flex;direction:ltr;align-items:center;justify-content:center;gap:100px}
.closing-partner-logos:after{content:'';position:absolute;left:50%;top:20px;height:83px;width:1px;background:linear-gradient(180deg,transparent,#c7a55b80,transparent)}
.closing-partner-logo{display:block;object-fit:contain;width:410px;height:110px}
/* Broad architectural light across the closing scene preserves logo colors. */
.closing .tone{background:linear-gradient(180deg,transparent 46%,#f4f0e430 60%,#f4f0e4ed 79%,#f4f0e4a6 100%)!important}
.closing-partner-logos{top:775px}
.closing-partner-logos:after{background:linear-gradient(180deg,transparent,#7d683e80,transparent)}

/* V10 closing: Rabiya and thank-you only. */
.closing .tone{background:none!important}
.closing-logo{left:800px;top:230px;width:320px;height:212px}
.closing-line{left:660px;top:505px;width:600px}
.closing-thanks-ar{top:577px;font-size:84px}
.closing-thanks-en{top:696px;font-size:38px}