@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&family=Alexandria:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@1,600&display=swap');
:root{--bg:#040B1F;--bg2:#07122B;--panel:#091632;--panel2:#0D1D3D;--line:#263F75;--lineSoft:#20335D;--gold:#F2C45F;--gold2:#F8D37A;--gold3:#D7A13B;--violet:#7B52FF;--pink:#B54CFF;--blue:#59A7FF;--text:#F8F5EF;--muted:#AAB4D0;--muted2:#7F8BAC}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:#020617;color:var(--text);font-family:'Tajawal','Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.page{min-height:100vh;background:radial-gradient(circle at 82% 2%,#7B52FF24,transparent 25%),radial-gradient(circle at 13% 30%,#234EAD25,transparent 27%),linear-gradient(180deg,var(--bg),#020817 54%,#050B1E);position:relative;overflow:hidden}.page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#6E45FF08 42%,transparent 61%),radial-gradient(circle at 50% 100%,#4E1A8B16,transparent 35%)}
.container{width:min(1180px,100% - 32px);margin:auto}.top{height:76px;display:flex;align-items:center;border-bottom:1px solid #36518C55;position:sticky;top:0;background:#040B1FDF;backdrop-filter:blur(20px);z-index:40}.topInner{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);min-width:0}.brandAvatarWrap{position:relative;flex:none;width:42px;height:42px}.brandAvatar{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center 18%;border:2px solid #F2C45F;box-shadow:0 0 0 2px #7658FF33,0 0 24px #7658FF33}.brandIdentity{display:inline-flex;align-items:center;gap:6px;min-width:0;padding-block:4px}.brandName{font:800 16px/1.55 'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;padding-bottom:2px}.verifiedMark{display:inline-grid;place-items:center;flex:none;line-height:0}.verifiedMarkSvg{display:block;overflow:visible;filter:drop-shadow(0 2px 5px #168DFF66)}.verifiedMarkTop{width:18px;height:18px}.nav{display:flex;gap:7px;align-items:center}.nav a{text-decoration:none;color:#B7C2DE;font-size:11px;padding:9px 10px;border-radius:999px;transition:.2s}.nav a:hover{color:#fff;background:#ffffff08}.adminLink{border:1px solid #4B5E9F!important;color:var(--gold2)!important}.languagePill{display:flex;background:#07122B;border:1px solid #334B84;border-radius:999px;padding:3px}.languagePill button{border:0;background:transparent;color:#8F9ABB;padding:6px 9px;border-radius:999px;font:600 10px 'Alexandria';cursor:pointer}.languagePill button.active{background:linear-gradient(135deg,var(--violet),#9D45FF);color:white;box-shadow:0 0 18px #7B52FF77}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:64px 0 45px;position:relative}.hero:before{content:"";position:absolute;inset:10% -10% auto 30%;height:300px;background:radial-gradient(ellipse,#7B52FF18,transparent 67%);filter:blur(15px);pointer-events:none}.heroCopy{position:relative;z-index:2}.eyebrow{display:inline-block;color:#8EA2D5;font-size:9px;letter-spacing:2px;margin-bottom:8px}.signature{font:italic 42px 'Cormorant Garamond',serif;background:linear-gradient(135deg,#FFF0A8 0%,#F3C45F 45%,#C98A28 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1px;filter:drop-shadow(0 4px 20px #F2C45F1D)}.hero h1,.sectionHead h2,.contactIntro h2{background:linear-gradient(135deg,#FFF0A8 0%,#F3C45F 48%,#C98A28 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1{font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif;font-size:56px;font-weight:800;letter-spacing:0;margin:0 0 7px;line-height:1.42;padding-bottom:.10em;overflow:visible}.headline{font-size:18px;font-weight:600;color:#F8F5EF}.tagline{color:#BFC7E5;line-height:2;max-width:610px;font-size:13px}.socials{display:flex;gap:8px;margin:15px 0}.socials a{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;background:linear-gradient(145deg,#12224A,#09142F);border:1px solid #36528D;font-size:11px;font-weight:800;box-shadow:0 10px 25px #0004;transition:.2s}.socials a:hover{transform:translateY(-2px);border-color:#8C68FF}.socials a svg{display:block}.socials .instagram:hover{background:linear-gradient(135deg,#833AB4,#C13584 50%,#F77737);border-color:#E76AAE}.socials .facebook:hover{background:#1877F2;border-color:#4F9BFF}.socials .youtube:hover{background:#FF0033;border-color:#FF5675}.socials .linkedin:hover{background:#0A66C2;border-color:#58A5EC}.actions{display:flex;gap:10px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:999px;padding:13px 20px;font-weight:700;font-size:11px;border:1px solid #43619C;transition:.2s}.btn.gold{background:linear-gradient(135deg,#FFF0A8,#F2C45F 56%,#D59A31);color:#10182A;border-color:#F2C45F;box-shadow:0 12px 28px #D9A23B32,0 0 24px #F2C45F18}.btn.dark{background:#0A1735;color:#fff}.btn:hover{transform:translateY(-1px)}
.portraitStage{text-align:center;position:relative;min-height:390px;display:grid;place-items:center}.portraitStage:before{content:"";position:absolute;width:410px;height:410px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#7B52FF26 0%,#284FA92A 42%,transparent 70%);filter:blur(3px)}.portraitRing{position:relative;width:338px;height:338px;border-radius:50%;padding:7px;background:linear-gradient(135deg,#FFF0A8,#D79A31 35%,#8A63FF 68%,#F2C45F);box-shadow:0 22px 80px #0009,0 0 45px #7658FF42,0 0 22px #F2C45F32;z-index:2}.portraitRing:after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid #FFF7CC99;pointer-events:none}.portrait{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 18%;border:5px solid #07122B;background:#07122B}.orbit{position:absolute;border-radius:50%;border:1px solid #674AEF3E;z-index:1}.orbitOne{width:380px;height:380px}.orbitTwo{width:430px;height:430px;border-style:dashed;opacity:.5}.filmDecor{position:absolute;bottom:18px;right:4%;width:180px;height:32px;border-top:1px solid #7B52FF5C;border-bottom:1px solid #7B52FF5C;transform:rotate(-13deg);opacity:.45;box-shadow:0 0 20px #7B52FF22}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.stat{border:1px solid #2E4780;background:linear-gradient(145deg,#0B1837D9,#07122BD9);border-radius:17px;padding:18px;text-align:center;box-shadow:inset 0 1px 0 #ffffff08}.stat b{display:block;font-size:27px;background:linear-gradient(135deg,#FFF1AF,#F2C45F,#D89A30);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font-size:10px;color:#96A3C6}.section{padding:36px 0}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.sectionHead h2{font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif;font-size:29px;font-weight:800;line-height:1.45;padding-bottom:.08em;margin:3px 0 0;overflow:visible}.sectionHead small{color:#7F8FB7;letter-spacing:2px;font-size:9px}.sectionHint{color:#7583A8;font-size:9px}.underline{width:44px;height:2px;background:linear-gradient(90deg,var(--gold),#A05AFF);margin-top:9px;box-shadow:0 0 12px #F2C45F33}.aboutGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.about{border:1px solid #2A4278;background:linear-gradient(145deg,#0C1938D9,#07122BD9);border-radius:20px;padding:22px;color:#BFC7E5;line-height:2.05;font-size:12px;box-shadow:0 16px 42px #0003}.services{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service{border:1px solid #2B4378;border-radius:17px;background:linear-gradient(145deg,#0C1938,#08142F);padding:17px;transition:.2s}.service:hover{border-color:#7658FF;transform:translateY(-2px)}.iconBox{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#1B2853,#111B3D);color:#E8BFFF;border:1px solid #7658FF4D;box-shadow:0 0 18px #7B52FF17}.service b{display:block;margin:10px 0 4px;color:#F8F5EF}.service small{color:#8F9BBB;font-size:9px}
.filters,.galleryFilters{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding-bottom:4px}.filter{white-space:nowrap;border:1px solid #334E89;background:#07132D;color:#B7C1DD;border-radius:999px;padding:10px 15px;font-family:inherit;cursor:pointer;transition:.2s}.filter.active{background:linear-gradient(135deg,#F8D37A,#D7A13B);color:#10182A;border-color:transparent;font-weight:800;box-shadow:0 0 20px #F2C45F24}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.work{border:1px solid #2D4780;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#0B1837,#07122B);position:relative;cursor:pointer;transition:.22s;outline:none;box-shadow:0 14px 35px #0003}.work:hover,.work:focus{transform:translateY(-4px);border-color:#7A62D9;box-shadow:0 20px 45px #0005,0 0 25px #7658FF1C}.workMedia{height:220px;background:linear-gradient(145deg,#12224A,#07122B);display:grid;place-items:center;color:#6681B6;position:relative;overflow:hidden}.workMedia img{width:100%;height:100%;object-fit:cover;transition:.35s}.work:hover .workMedia img{transform:scale(1.035)}.workMedia:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#050B1EE6)}.mediaFallback{display:grid;place-items:center}.badge{position:absolute;top:11px;right:11px;padding:6px 9px;border-radius:999px;background:#050B1ED9;border:1px solid #F2C45F99;font-size:8px;color:#FFE39A;z-index:3}.workOpen{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#10182A;background:linear-gradient(135deg,#FFF0A8,#F2C45F);z-index:3;box-shadow:0 0 18px #F2C45F42}.workInfo{padding:13px}.workInfo h3{font-size:14px;margin:0 0 9px;color:#fff}.workFoot{display:flex;justify-content:space-between;color:#8996B7;font-size:9px}.channels{display:flex;gap:12px;overflow:auto;scrollbar-width:none;padding:3px 1px 6px}.channel{min-width:150px;height:88px;border:1px solid #2D4780;border-radius:16px;background:#F7F8FB;display:grid;place-items:center;padding:12px;transition:.2s}.channel:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0004}.channel img{max-width:100%;max-height:60px;object-fit:contain}.channel strong{color:#0B1430}.empty{border:1px dashed #38568F;border-radius:17px;color:#8592B4;padding:24px;text-align:center;grid-column:1/-1}.video{height:420px;border-radius:22px;overflow:hidden;border:1px solid #7459D9;background:linear-gradient(145deg,#0D1B3B,#07122B);box-shadow:0 22px 55px #0004,0 0 35px #7658FF18}.video iframe{width:100%;height:100%;border:0}.videoEmpty{height:100%;display:grid;place-items:center;text-align:center;color:#AAB4D0;background:radial-gradient(circle at 50% 50%,#7B52FF22,transparent 38%)}.videoEmpty>div{display:grid;place-items:center;gap:8px}.videoEmpty svg{color:var(--gold);filter:drop-shadow(0 0 15px #F2C45F55)}.videoEmpty strong{color:#F8F5EF;font-size:18px}.videoEmpty span{font-size:10px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.galleryItem{position:relative;height:245px;overflow:hidden;border-radius:17px;border:1px solid #2D4780;margin:0;background:#07122B;box-shadow:0 14px 32px #0003}.galleryItem img{width:100%;height:100%;object-fit:cover;transition:.35s}.galleryItem:hover img{transform:scale(1.035)}.galleryCaption{position:absolute;inset:auto 0 0;padding:36px 12px 11px;background:linear-gradient(transparent,#050B1EF2);font-size:10px;color:#fff}.galleryCaption span{display:block;color:#F2C45F;font-size:8px;margin-bottom:3px}.contactHero{border:1px solid #34518C;border-radius:24px;background:radial-gradient(circle at 90% 0,#7B52FF1F,transparent 30%),linear-gradient(145deg,#0C1938,#061128);padding:25px;box-shadow:0 22px 55px #0004}.contactIntro small{font-size:8px;color:#8B9BC4;letter-spacing:2px}.contactIntro h2{margin:5px 0 5px;font-size:30px}.contactIntro p{color:#9EA9C8;font-size:10px;line-height:1.9}.contactGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:18px}.contactDetails{display:grid;gap:10px}.contactRow{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;text-decoration:none;color:#fff;border:1px solid #2E4780;background:#091630;border-radius:15px;padding:11px 13px;transition:.2s}.contactRow:hover{border-color:#7258D1;transform:translateX(-2px)}.contactIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#10182A;background:linear-gradient(135deg,#FFF0A8,#F2C45F);box-shadow:0 0 18px #F2C45F20}.contactRow span:nth-child(2){min-width:0}.contactRow small{display:block;color:#8390B2;font-size:8px;margin-bottom:4px}.contactRow b{display:block;direction:ltr;text-align:left;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contactRow i{font-style:normal;color:#7E8FB7}.mapCard{border-radius:17px;min-height:150px;background:linear-gradient(135deg,#13274C,#0A1735);border:1px solid #36538D;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#DDE6FF;text-align:center;padding:14px}.mapIcon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#10182A;background:linear-gradient(135deg,#FFF0A8,#F2C45F);margin-bottom:8px}.mapCard small{font-size:8px;color:#8593B6;margin-bottom:4px}.mapCard strong{font-size:12px}.footer{border-top:1px solid #243A6A;color:#657396;text-align:center;padding:28px 0 42px;font-size:9px}
.bottomNav{display:none}.workModal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-end;justify-content:center}.workModal.open{display:flex}.modalBackdrop{position:absolute;inset:0;background:#01040CD9}.workDialog{position:relative;width:min(560px,calc(100% - 24px));max-height:90vh;overflow:auto;background:linear-gradient(160deg,#0D1B3B,#061126);border:1px solid #6D58CC;border-radius:24px 24px 0 0;box-shadow:0 -22px 70px #0008,0 0 35px #7658FF26;z-index:2}.modalClose{position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff24;background:#07122BCC;color:#fff;font-size:25px;z-index:3;cursor:pointer}.modalMedia{height:245px;background:#07122B;overflow:hidden;display:grid;place-items:center;color:#647AA8}.modalMedia img{width:100%;height:100%;object-fit:cover}.modalBody{padding:20px}.modalType{display:inline-block;color:#F8D37A;border:1px solid #F2C45F66;background:#F2C45F0C;border-radius:999px;padding:5px 9px;font-size:8px}.modalBody h2{font-size:25px;margin:8px 0 14px;color:#fff}.modalMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modalMeta>div{display:flex;gap:8px;align-items:flex-start;background:#091630;border:1px solid #2D4780;border-radius:13px;padding:10px;color:#C797FF}.modalMeta small{display:block;color:#7887AC;font-size:7px;margin-bottom:4px}.modalMeta b{display:block;color:#fff;font-size:9px}
@media(max-width:850px){body{padding-bottom:88px}.container{width:min(100% - 28px,480px)}.top{height:66px}.nav{display:none}.brandName{font-size:13px}.hero{grid-template-columns:1fr;padding:32px 0 24px;gap:22px}.portraitStage{order:-1;min-height:260px}.portraitRing{width:218px;height:218px;padding:5px}.portraitStage:before{width:270px;height:270px}.orbitOne{width:244px;height:244px}.orbitTwo{width:272px;height:272px}.filmDecor{width:120px;bottom:6px}.heroCopy{text-align:center}.signature{font-size:28px}.hero h1{font-size:37px;text-align:center}.headline,.tagline{text-align:center}.socials,.actions{justify-content:center}.stats{grid-template-columns:repeat(4,1fr);gap:6px}.stat{padding:13px 4px}.stat b{font-size:20px}.stat span{font-size:8px}.aboutGrid{grid-template-columns:1fr}.works{grid-template-columns:1fr 1fr}.workMedia{height:160px}.gallery{grid-template-columns:1fr 1fr;gap:8px}.galleryItem{height:165px}.contactGrid{grid-template-columns:1fr}.video{height:225px}.section{padding:27px 0}.sectionHead h2{font-size:23px}.sectionHint{display:none}.bottomNav{display:grid;position:fixed;left:12px;right:12px;bottom:max(9px,env(safe-area-inset-bottom));z-index:60;grid-template-columns:repeat(5,1fr);max-width:456px;margin:auto;background:#07122BEF;border:1px solid #2D4780;border-radius:23px;padding:8px 6px 7px;backdrop-filter:blur(20px);box-shadow:0 15px 45px #0009,0 0 24px #7658FF1A}.bottomNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;text-decoration:none;color:#8592B4;font-size:8px;height:48px;border-radius:15px;transition:.2s}.bottomNav a svg{transition:.2s}.bottomNav a.active{color:var(--gold)}.bottomNav a.active svg{filter:drop-shadow(0 0 9px #F2C45F66)}.bottomNav .centerNav{position:relative;color:#CABFFF}.centerIcon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin-top:-28px;background:linear-gradient(135deg,#7658FF,#B54CFF);border:4px solid #050B1E;color:#fff;box-shadow:0 0 25px #8A54FF6B}.centerNav span:last-child{margin-top:-2px}.footer{padding-bottom:20px}.workDialog{width:100%;border-radius:24px 24px 0 0}.modalMedia{height:210px}.modalMeta{grid-template-columns:1fr}.mainContent{padding-bottom:20px}}
@media(max-width:390px){.works{grid-template-columns:1fr 1fr}.workMedia{height:145px}.services{grid-template-columns:1fr 1fr}.actions{flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.galleryItem{height:150px}.contactRow b{font-size:9px}}


/* Gallery full-resolution viewer — does not alter gallery card dimensions. */
.galleryItem{cursor:zoom-in;outline:none}
.galleryItem:focus{border-color:#F2C45F;box-shadow:0 0 0 2px #F2C45F33,0 14px 32px #0003}
.galleryCaption em{font-style:normal;display:block}
.galleryLightbox{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:22px;background:#01040CEB;backdrop-filter:blur(18px)}
.galleryLightbox.open{display:flex}
.lightboxBackdrop{position:absolute;inset:0}
.lightboxDialog{position:relative;z-index:2;width:min(1500px,96vw);height:min(920px,92vh);display:grid;grid-template-columns:58px minmax(0,1fr) 58px;grid-template-rows:minmax(0,1fr) auto;gap:12px;align-items:center}
.lightboxCanvas{position:relative;grid-column:2;grid-row:1;min-width:0;min-height:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #334E89;border-radius:20px;background:#030817;overflow:hidden;box-shadow:0 30px 90px #000C,0 0 42px #7658FF22}
.lightboxCanvas img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-rendering:auto}
.lightboxHint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;padding:6px 11px;border-radius:999px;background:#040B1FCC;border:1px solid #ffffff1c;color:#BFC7E5;font-size:8px;pointer-events:none;backdrop-filter:blur(10px)}
.lightboxClose{position:absolute;z-index:5;top:8px;right:8px;width:44px;height:44px;border:1px solid #F2C45F66;border-radius:50%;background:#040B1FDD;color:#F8D37A;font-size:28px;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 25px #0008}
.lightboxArrow{width:46px;height:46px;border-radius:50%;border:1px solid #F2C45F77;background:#07122BE8;color:#F8D37A;font-size:30px;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 24px #7658FF2E}
.lightboxPrev{grid-column:1;grid-row:1}.lightboxNext{grid-column:3;grid-row:1}
.lightboxCaptionText{grid-column:1/-1;grid-row:2;text-align:center;color:#F8F5EF;font-size:11px;min-height:18px}

/* Language-direction refinements; visual dimensions remain unchanged. */
html[dir="ltr"] .badge{right:auto;left:11px}
html[dir="ltr"] .workOpen{left:auto;right:12px}
html[dir="ltr"] .contactRow b{direction:ltr;text-align:left}
html[dir="ltr"] .galleryCaption{text-align:left}
html[dir="ltr"] .modalBody{text-align:left}
html[dir="ltr"] .modalMeta{text-align:left}

@media(max-width:850px){
 .galleryLightbox{padding:10px}
 .lightboxDialog{width:100%;height:88vh;grid-template-columns:42px minmax(0,1fr) 42px;gap:6px}
 .lightboxCanvas{border-radius:16px}
 .lightboxArrow{width:38px;height:38px;font-size:26px}
 .lightboxClose{top:7px;right:7px;width:40px;height:40px}
 .lightboxHint{font-size:7px;bottom:8px}
}


.galleryItem::after{content:"+";position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#040B1FBB;border:1px solid #F8D37A66;color:#F8D37A;font-size:22px;opacity:.9;pointer-events:none}
.lightboxCanvas{cursor:zoom-out}



/* v7 - compact language menu, CV downloads and premium refinements */
.languageControl{position:relative;flex:0 0 auto}
.languageButton{width:42px;height:42px;border-radius:50%;border:1px solid #36538D;background:linear-gradient(145deg,#0D1D3D,#07122B);color:#F8D37A;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px #0004,0 0 20px #7658FF20;transition:.2s}
.languageButton:hover,.languageButton[aria-expanded="true"]{border-color:#8A67FF;color:#fff;box-shadow:0 0 24px #7658FF4A}
.languageMenu{position:absolute;z-index:90;top:calc(100% + 9px);inset-inline-end:0;width:178px;padding:6px;border:1px solid #36518C;background:#061128F2;border-radius:16px;box-shadow:0 18px 55px #000A,0 0 28px #7658FF24;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s}
.languageMenu.open{opacity:1;visibility:visible;transform:none}.languageMenu button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#BFC7E5;border-radius:11px;padding:10px 11px;font:600 10px 'Alexandria';cursor:pointer}.languageMenu button:hover,.languageMenu button.active{background:#7658FF24;color:#fff}.languageMenu button.active b{color:#F8D37A}.languageMenu b{font-size:9px;color:#7F8BAC}
.heroActionsStack{display:grid!important;grid-template-columns:1fr;max-width:330px;gap:8px}.heroActionsStack .btn{width:100%;min-height:44px}.cvControl{position:relative;width:100%}.cvTrigger{cursor:pointer;font-family:inherit}.cvChevron{margin-inline-start:auto;color:#F8D37A;font-size:15px}.cvMenu{position:absolute;z-index:25;top:calc(100% + 7px);inset-inline:0;padding:6px;border:1px solid #36518C;background:#061128F5;border-radius:15px;box-shadow:0 18px 50px #000A;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s;backdrop-filter:blur(18px)}.cvMenu.open{opacity:1;visibility:visible;transform:none}.cvMenu a,.cvUnavailable{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:10px;text-decoration:none;color:#F8F5EF;font-size:10px}.cvMenu a:hover{background:#7658FF20}.cvMenu a b{font-size:8px;color:#F8D37A;border:1px solid #F2C45F55;padding:3px 6px;border-radius:999px}.cvUnavailable{color:#7180A2;background:#ffffff03}.cvUnavailable small{font-size:7px}
#channels .channel{border-color:#36518C;box-shadow:inset 0 0 0 1px #ffffff07}
.galleryLightbox{padding:8px}.lightboxDialog{width:min(1700px,98vw);height:min(1040px,96vh)}.lightboxCanvas{border-color:#47639D;box-shadow:0 34px 110px #000D,0 0 52px #7658FF2B}.lightboxCanvas img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:850px){.topInner{gap:10px}.languageButton{width:40px;height:40px}.languageMenu{width:166px}.heroActionsStack{max-width:330px;margin-inline:auto}.galleryLightbox{padding:4px}.lightboxDialog{width:100%;height:95vh;grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.lightboxArrow{width:34px;height:34px}.lightboxHint{bottom:6px}}
html[dir="ltr"] .languageMenu{text-align:left}html[dir="ltr"] .cvMenu{text-align:left}


/* V10 — separated professional credits */
.workGroup{margin-top:24px}.workGroup:first-of-type{margin-top:14px}.workGroupHead{display:flex;align-items:center;gap:12px;margin-bottom:12px}.workGroupTitle{display:flex;align-items:center;gap:10px;flex:none}.groupIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#F2C45F;background:linear-gradient(145deg,#111f43,#09142e);border:1px solid #3c568f}.workGroupTitle h3{margin:0;font-size:17px;color:#F5CA74}.workGroupTitle small{display:block;margin-top:2px;color:#7f8eb1;font-size:8px}.workGroupLine{height:1px;flex:1;background:linear-gradient(90deg,#F2C45F66,#7B52FF44,transparent)}.modalMetaExtended{grid-template-columns:repeat(2,minmax(0,1fr))}.workGroup .works{margin-top:0}
@media(max-width:850px){.workGroup{margin-top:22px}.workGroupTitle h3{font-size:15px}.groupIcon{width:34px;height:34px}.modalMetaExtended{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.modalMetaExtended{grid-template-columns:1fr}}

/* V11 — profile identity, GPS contact and larger full-resolution gallery */
.portraitVerified{position:absolute;z-index:5;right:18px;bottom:20px;width:34px;height:34px;display:grid;place-items:center;filter:drop-shadow(0 8px 20px #0A77D877)}.portraitVerified .verifiedMarkSvg{width:34px;height:34px}
.mapCard{text-decoration:none;cursor:pointer;transition:.22s}.mapCard:hover{transform:translateY(-2px);border-color:#7C69F3;box-shadow:0 16px 36px #0005,0 0 22px #7658FF24}.mapOpen{margin-top:9px;padding:6px 10px;border-radius:999px;background:#F2C45F;color:#10182A;font-size:8px;font-weight:800}
.phoneRow b{font-size:15px!important;letter-spacing:.2px;overflow:visible!important;text-overflow:clip!important}.phoneRow .contactIcon{background:linear-gradient(135deg,#FFF0A8,#F2C45F)}
.galleryLightbox{padding:2px!important}.lightboxDialog{width:min(1900px,99.5vw)!important;height:min(1180px,98.5vh)!important;gap:6px!important}.lightboxCanvas{border-radius:14px!important;background:#01040B!important}.lightboxCanvas img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
@media(max-width:850px){.brandName{font-size:13px;max-width:150px}.verifiedMarkTop{width:17px;height:17px}.verifiedMarkTop .verifiedMarkSvg{width:17px;height:17px}.portraitVerified{right:10px;bottom:12px;width:29px;height:29px}.portraitVerified .verifiedMarkSvg{width:29px;height:29px}.lightboxDialog{width:100vw!important;height:98.5vh!important;grid-template-columns:32px minmax(0,1fr) 32px!important}.lightboxCanvas{border-radius:10px!important}.phoneRow b{font-size:13px!important}.mapOpen{font-size:7px}}


/* V12 — refined verification mark, Arabic glyph integrity and professional social icons */
html[lang="ar"],html[dir="rtl"] body{font-family:'Tajawal','Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif}
html[dir="rtl"] .brandName,html[dir="rtl"] .hero h1,html[dir="rtl"] .sectionHead h2,html[dir="rtl"] .contactIntro h2{font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0!important;line-height:1.5!important;padding-bottom:.12em;overflow:visible}
.brand{overflow:visible}.brandIdentity{overflow:visible}.brandName{overflow:visible;text-overflow:clip}.verifiedMarkTop{margin-inline-start:1px}
.portraitRing .portraitVerified{border-radius:0;background:none;border:0;box-shadow:none;color:inherit;font-size:0;font-weight:normal}
@media(max-width:850px){.brandName{font-size:14px;line-height:1.55;max-width:170px}.brandIdentity{gap:5px}.portraitVerified{right:10px;bottom:12px}}

/* V15 multilingual work titles: preserve Arabic shaping beside translated titles without changing card dimensions. */
.localizedTitle{unicode-bidi:plaintext;text-wrap:balance;}


/* =========================================================
   FINAL PRODUCTION CLEANUP — WORK CARDS / SHOWREEL / QA
   One authoritative layer. No historical version overrides.
   ========================================================= */
.localizedTitle{unicode-bidi:plaintext;text-wrap:balance}

/* ---------- Artistic work cards ---------- */
.workGroup{margin-top:26px}.workGroup:first-of-type{margin-top:14px}.workGroup .works{margin-top:0}
.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.work{min-width:0;border:1px solid #2D4780;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#0B1837,#07122B);position:relative;cursor:pointer;outline:none;box-shadow:0 14px 34px rgba(0,0,0,.24);transition:transform .18s,border-color .18s,box-shadow .18s}
.work:hover,.work:focus-visible{transform:translateY(-2px);border-color:#7A62D9;box-shadow:0 18px 38px rgba(0,0,0,.30),0 0 20px rgba(118,88,255,.10)}
.workMedia.work-media{position:relative;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;display:block;background:#07122B;isolation:isolate}
.workMedia.work-media::before{content:"";position:absolute;inset:-18px;z-index:0;background:#07122B}
.workMedia.work-media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,11,31,.01),rgba(4,11,31,.08));pointer-events:none}
.work-media-bg{position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);z-index:0;object-fit:cover;object-position:center;filter:blur(17px) brightness(.56) saturate(.90);transform:scale(1.04);opacity:.96;pointer-events:none}
.work-media-main{position:absolute;inset:0;width:100%;height:100%;z-index:2;object-fit:contain;object-position:center;display:block;background:transparent;transform:none;filter:none}
.mediaFallback{position:absolute;inset:0;display:grid;place-items:center;color:#6681B6;background:linear-gradient(145deg,#0B1837,#07122B);z-index:2}
.workOpen{position:absolute;inset-inline-end:8px;bottom:8px;left:auto;width:44px;height:44px;display:grid;place-items:center;color:#F8D37A;background:transparent;z-index:5;border-radius:50%}
.workOpen::before{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(4,11,31,.90);border:1px solid rgba(248,211,122,.76);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.workOpen svg{position:relative;z-index:1;width:15px;height:15px}
.workInfo{padding:13px 13px 14px;display:flex;flex-direction:column;gap:9px;min-width:0}
.workBadges{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.workBadges .badge,.formatBadge{position:static;inset:auto;display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:27px;padding:5px 8px;border-radius:999px;line-height:1.25;font-size:7.5px;font-weight:800;white-space:normal;overflow-wrap:anywhere}
.workBadges .roleBadge{background:#211B2C;border:1px solid rgba(231,185,111,.44);color:#FFD98E}
.formatBadge{background:#101E3D;border:1px solid rgba(92,120,183,.44);color:#D9E5FF}
.formatBadge svg{flex:none}.formatBadge b{font-weight:800}
.workInfo h3{margin:0;color:#F8F5EF;font-size:14px;line-height:1.5;font-weight:850;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;min-height:0}
html:not([lang="ar"]) .workInfo h3{font-size:13px;line-height:1.45}
.workMetaRow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.workYear,.workChannel{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:25px;padding:5px 8px;border-radius:9px;background:#08152F;border:1px solid #294273;color:#9FADD0;font-size:7.5px;line-height:1.25}
.workChannel b{font-weight:700;color:#DDE6FA;white-space:normal;overflow-wrap:anywhere}
.workFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:#8190B3;font-size:8px}.workDetailsLink{color:#F8D37A;font-weight:800}

/* ---------- Institutional experience cards ---------- */
.institutionalGroupHead{align-items:center;gap:12px}.experienceKind{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid rgba(248,211,122,.35);background:rgba(248,211,122,.07);color:#F8D37A;font-size:8px;font-weight:800;white-space:nowrap}
.institutionalWorks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work.institutionalWork{min-height:170px;border-color:rgba(82,111,177,.48);background:linear-gradient(145deg,#0A1732,#07122B)}
.institutionCardBody{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;padding:15px;min-height:170px}
.institutionLogoBox{width:92px;height:92px;border-radius:18px;background:#F7F8FB;border:1px solid rgba(255,255,255,.78);display:grid;place-items:center;padding:12px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.20)}
.institutionLogoBox img{width:100%;height:100%;object-fit:contain;display:block}.institutionLogoFallback{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#E9EDF6;color:#314A7E}
.institutionCardContent{min-width:0;display:flex;flex-direction:column;gap:8px}.institutionRole{display:inline-flex;align-self:flex-start;max-width:100%;padding:5px 9px;border-radius:999px;background:#211B2C;border:1px solid rgba(231,185,111,.42);color:#FFD98E;font-size:8px;font-weight:800;line-height:1.25;white-space:normal}
.institutionCardContent h3{margin:0;color:#F8F5EF;font-size:15px;line-height:1.45;font-weight:850;white-space:normal;overflow-wrap:anywhere;unicode-bidi:plaintext}
.institutionTimeline{display:flex;align-items:center;gap:7px;min-width:0;color:#B9C4DF;font-size:9px}.institutionTimeline .timelineDot{width:8px;height:8px;border-radius:50%;background:#F2C45F;box-shadow:0 0 0 4px rgba(242,196,95,.08);flex:none}.institutionTimeline .timelineLine{height:1px;min-width:18px;max-width:48px;flex:1;background:linear-gradient(90deg,#F2C45F,rgba(242,196,95,.18))}.institutionTimeline b{font-weight:750;color:#DCE5FA;white-space:normal;overflow-wrap:anywhere}
.institutionCardFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:3px;color:#7F8DAC;font-size:7.5px}

/* ---------- Work details modal: final ---------- */
body.modalOpen{overflow:hidden}
.modalBackdrop{background:rgba(1,4,12,.84)!important;backdrop-filter:none!important}
.workDialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.modalMedia{position:relative;overflow:hidden;background:#07122B;isolation:isolate}
.modalMedia .work-media-main{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#07122B}
.artisticFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
.artisticFacts[hidden]{display:none}
.artisticFact{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border-radius:13px;background:#091630;border:1px solid rgba(54,79,135,.58);color:#F8D37A}
.artisticFact[hidden]{display:none}
.artisticFact>span{min-width:0}.artisticFact small{display:block;color:#7E8BAB;font-size:7px;margin-bottom:3px}.artisticFact b{display:block;color:#F8F5EF;font-size:9px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.workOrganizations{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px}
.workOrganizations[hidden]{display:none}
.workOrganization{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border-radius:14px;background:#0A1835;border:1px solid #2D4780}
.workOrganization[hidden]{display:none}
.workOrganization .orgLogo{width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:#F6F7FB;display:grid;place-items:center;overflow:hidden;padding:5px}
.workOrganization .orgLogo img{width:100%;height:100%;object-fit:contain;display:block}.workOrganization .orgLogo img[hidden]{display:none}
.workOrganization>span:last-child{min-width:0}.workOrganization small{display:block;color:#7887AC;font-size:7px;margin-bottom:4px}.workOrganization b{display:block;color:#F8F5EF;font-size:9px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.orgVisit{display:inline-flex;margin-top:6px;color:#F8D37A;font-size:8px;font-weight:800;text-decoration:none;border-bottom:1px solid #F2C45F55;padding-bottom:2px}.orgVisit[hidden]{display:none}
.workModal.institutionalModal .modalMedia{background:#0A1732;display:grid;place-items:center;padding:18px}
.institutionalModalLogo{width:min(180px,62%);aspect-ratio:1;border-radius:24px;background:#F7F8FB;border:1px solid rgba(255,255,255,.82);display:grid;place-items:center;padding:20px;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.institutionalModalLogo img{width:100%;height:100%;object-fit:contain}.institutionalModalLogoFallback{background:#0B1B3C;border-color:#35558F;box-shadow:none}
.workModal.institutionalModal .episodesBlock{display:none!important}.workModal.institutionalModal .modalType{display:none}
.workModal.institutionalModal .modalMeta{grid-template-columns:repeat(2,minmax(0,1fr))}.workModal.institutionalModal .modalMeta>div:nth-child(2){display:none}

/* Episodes: two direct YouTube actions, no thumbnails, no internal player */
.episodesBlock{margin-top:14px;padding-top:13px;border-top:1px solid rgba(54,79,135,.58)}
.episodesBlock[hidden]{display:none}
.episodesLabel{display:flex;align-items:center;gap:9px;color:#F8D37A;margin-bottom:9px}
.episodesLabel small{display:block;color:#7887AC;font-size:7px;margin-bottom:2px}.episodeActions{display:grid;grid-template-columns:1fr;gap:9px}
.episodeCta{min-width:0;min-height:68px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:10px 11px;border-radius:15px;text-decoration:none;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}
.episodeCta[hidden]{display:none}.episodeCtaIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}.episodeCtaText{min-width:0;display:flex;flex-direction:column;gap:2px}.episodeCtaText small{font-size:7px;font-weight:800;letter-spacing:.2px}.episodeCtaText b{font-size:9.5px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.episodeExternal{font-size:16px;line-height:1;opacity:.75}
.episodeCtaFeatured{background:linear-gradient(135deg,#FFF0A8,#E7B044);border:1px solid #F8D37A;color:#07122B}.episodeCtaFeatured .episodeCtaIcon{background:#07122B;color:#F8D37A}.episodeCtaFeatured .episodeCtaText small{color:#725116}.episodeCtaFeatured .episodeCtaText b{color:#07122B}
.episodeCtaAll{background:#0A1835;border:1px solid #36518D;color:#F8F5EF}.episodeCtaAll .episodeCtaIcon{background:#151D36;color:#FF4D5E;border:1px solid rgba(255,255,255,.08)}.episodeCtaAll .episodeCtaText small{color:#9BA9C8}.episodeCtaAll .episodeCtaText b{color:#F8F5EF}
.episodeCta:hover{transform:translateY(-1px)}

/* Main work video: created only after the visitor presses Play */
.workVideoBlock{margin-top:14px;padding-top:13px;border-top:1px solid rgba(54,79,135,.58)}
.workVideoBlock[hidden]{display:none}.workVideoCta{width:100%;min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(248,211,122,.42);border-radius:14px;background:#0A1835;color:#F8F5EF;font-family:inherit;text-align:start;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.workVideoCta:hover{transform:translateY(-1px);border-color:rgba(248,211,122,.72)}.workVideoCtaIcon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#FFF0A8,#E7B044);color:#07122B}.workVideoCta small{display:block;color:#9BA9C8;font-size:7px;margin-bottom:2px}.workVideoCta b{display:block;color:#F8F5EF;font-size:10px;line-height:1.4}.workVideoPlayer{width:100%;aspect-ratio:16/9;margin-top:9px;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(248,211,122,.24)}.workVideoPlayer[hidden]{display:none}.workVideoPlayer video,.workVideoPlayer iframe{display:block;width:100%;height:100%;border:0;background:#000;object-fit:contain}.workModal.institutionalModal .workVideoBlock{display:none!important}

/* ---------- SHOWREEL / PROMO: final lightweight implementation ---------- */
.showreelMobileHeader{display:none}
.showreelShell{position:relative;container-type:inline-size;max-width:980px;margin-inline:auto}
.showreelViewport.video{height:auto;overflow:hidden;direction:ltr;border-radius:22px;background:transparent;box-shadow:none;touch-action:pan-y pinch-zoom;overscroll-behavior-x:none}
.showreelTrack{display:flex;width:100%;min-width:100%;height:auto;direction:ltr;transform:translate3d(0,0,0);transition:transform .18s cubic-bezier(.22,.72,.2,1)}
.showreelSlide{position:relative;flex:0 0 100%;width:100%;height:auto;overflow:hidden;border:1px solid rgba(78,103,161,.44);border-radius:22px;background:#07122B;direction:rtl;box-shadow:none}
.showreelMedia{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#09142E;border-bottom:1px solid rgba(255,255,255,.055)}
.showreelImage{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.showreelFallback{position:absolute;inset:0;display:grid;place-items:center;color:#F2C45F;background:#07122B}
.showreelQuality,.showreelDuration{position:absolute;z-index:5;height:23px;display:flex;align-items:center;padding:0 8px;border-radius:8px;background:rgba(4,11,31,.82);border:1px solid rgba(255,255,255,.12);color:#F8F5EF;font-size:7px;font-weight:800;box-shadow:none}.showreelQuality{top:10px;inset-inline-start:10px;color:#F8D37A}.showreelDuration{bottom:10px;inset-inline-start:10px}
.showreelCenterPlay{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(248,211,122,.74);background:rgba(4,11,31,.9);color:#F8D37A;box-shadow:0 7px 18px rgba(0,0,0,.22);cursor:pointer;touch-action:manipulation}.showreelCenterPlay:hover{transform:translate(-50%,-50%) scale(1.025)}
.showreelDots{position:absolute;z-index:6;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:5px}.showreelDots i{width:5px;height:5px;border-radius:99px;background:rgba(255,255,255,.38)}.showreelDots i.active{width:16px;background:#F8D37A}
.showreelArrow{position:absolute;z-index:9;top:28.125cqw;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(248,211,122,.34);background:rgba(4,11,31,.9);color:#F8D37A;font-size:24px;line-height:1;box-shadow:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.showreelPrev{right:9px}.showreelNext{left:9px}.showreelArrow.isEdge,.showreelArrow:disabled{opacity:.28;cursor:default}.showreelSwipeHint{display:none}
.showreelInfo{position:relative;display:flex;flex-direction:column;gap:9px;padding:14px 15px 15px;background:#07122B;text-align:right;direction:rtl}
.showreelHeadRow{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;flex-wrap:wrap}
.showreelRoles{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.showreelProfession,.showreelKicker{position:static;display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:27px;padding:5px 8px;border-radius:999px;font-size:7.5px;font-weight:800;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.showreelProfession{background:#211B2C;border:1px solid rgba(231,185,111,.44);color:#FFD98E}.showreelKicker{background:#101E3D;border:1px solid rgba(92,120,183,.44);color:#D9E5FF;letter-spacing:.8px}
.showreelInfo h3{margin:0;color:#F8F5EF;font-size:20px;line-height:1.42;font-weight:850;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;unicode-bidi:plaintext}
.showreelDescription{margin:0;color:#9CA8C5;font-size:9px;line-height:1.55}
.showreelMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.showreelMeta>span{min-width:0;min-height:48px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;border-radius:11px;background:#091630;border:1px solid rgba(68,94,151,.42);overflow:hidden}.showreelMeta>span i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#F8D37A;background:rgba(248,211,122,.055);border:1px solid rgba(248,211,122,.16);font-style:normal}.showreelMeta>span em{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-style:normal;text-align:start}.showreelMeta small{color:#8391B2;font-size:6.4px;line-height:1.2}.showreelMeta b{width:100%;color:#F8F5EF;font-size:8.2px;line-height:1.35;font-weight:750;white-space:normal;overflow-wrap:anywhere}
.showreelPlay{width:100%;min-height:48px;margin-top:1px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,240,168,.52);border-radius:13px;background:linear-gradient(135deg,#FFE89A,#EDB642);color:#0A1427;font-family:inherit;font-size:10px;font-weight:900;text-decoration:none;box-shadow:none;cursor:pointer;touch-action:manipulation}.showreelCtaIcon{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:50%;background:#07142E;color:#F8D37A}.showreelCtaIcon svg{width:13px;height:13px}
.showreelInlinePlayer{position:absolute;inset:0;z-index:20;background:#000;display:grid;place-items:center;touch-action:pan-y}.showreelUploadedVideo,.showreelInlinePlayer iframe{width:100%;height:100%;object-fit:contain;background:#000;border:0}.showreelStop{position:absolute;z-index:22;top:8px;right:8px;width:38px;height:38px;border-radius:50%;border:1px solid #F8D37A88;background:#040B1FDD;color:#F8D37A;font-size:22px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}
html[dir="ltr"] .showreelInfo{direction:ltr;text-align:left}html[dir="ltr"] .showreelMeta>span em{align-items:flex-start;text-align:left}html[dir="ltr"] .showreelPrev{right:auto;left:9px}html[dir="ltr"] .showreelNext{left:auto;right:9px}

/* Mobile Showreel heading: vertical hierarchy prevents role chips from drifting to one side */
.showreelMobileKicker{display:none}.showreelMobileTitleRow{display:flex;flex-direction:column;align-items:stretch;gap:7px}.showreelMobileTitle{min-width:0}.showreelPremiumRoles{width:100%;max-width:none;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:5px}.showreelPremiumRoles b{display:inline-flex;align-items:center;max-width:100%;min-height:27px;padding:5px 8px;border-radius:999px;background:#101E3D;border:1px solid rgba(92,120,183,.42);color:#DDE7FF;font-size:7.4px;line-height:1.25;font-weight:800;white-space:normal;overflow-wrap:anywhere}

/* ---------- Performance ---------- */
.workGroup,.channel,.galleryItem,.service{content-visibility:auto;contain-intrinsic-size:1px 320px}
img{max-width:100%}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.showreelTrack{transition:none!important}}

/* ---------- Responsive QA: one final rule set ---------- */
@media(max-width:850px){
  html{scroll-behavior:auto}.page:before{display:none}.top{backdrop-filter:none;background:rgba(4,11,31,.97)}.hero:before{filter:none!important;opacity:.30}.bottomNav{backdrop-filter:none!important;background:#07122BF8!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important}
  .work,.channel,.galleryItem,.service{transition:none!important;box-shadow:none!important}.work:hover,.work:focus-visible{transform:none!important;box-shadow:none!important}.workMedia img,.galleryItem img{transition:none!important}.work:hover .workMedia img,.galleryItem:hover img{transform:none!important}.episodeCta:hover,.workVideoCta:hover{transform:none!important}.showreelCenterPlay:hover{transform:translate(-50%,-50%)!important}
  #works .works:not(.institutionalWorks){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .work:not(.institutionalWork){min-width:0!important;border-radius:16px!important}.work:not(.institutionalWork) .workMedia.work-media{width:100%!important;height:auto!important;aspect-ratio:4/3!important}.work:not(.institutionalWork) .work-media-bg{display:none!important}.work:not(.institutionalWork) .work-media-main{object-fit:contain!important;background:#07122B!important}.work:not(.institutionalWork) .workInfo{padding:9px 9px 10px!important;gap:7px!important}.work:not(.institutionalWork) .workInfo h3{font-size:12px!important;line-height:1.42!important;min-height:2.84em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}.work:not(.institutionalWork) .workBadges{gap:4px!important}.work:not(.institutionalWork) .workBadges .badge,.work:not(.institutionalWork) .formatBadge{font-size:6.4px!important;line-height:1.22!important;padding:4px 6px!important;min-height:23px!important;white-space:normal!important}.work:not(.institutionalWork) .workMetaRow{gap:5px!important}.work:not(.institutionalWork) .workYear,.work:not(.institutionalWork) .workChannel{font-size:6.5px!important;min-height:22px!important;padding:4px 6px!important}.work:not(.institutionalWork) .workOpen{width:44px!important;height:44px!important;inset-inline-end:3px!important;bottom:3px!important}
  .institutionalWorks{grid-template-columns:1fr!important}.work.institutionalWork{min-height:142px}.institutionCardBody{grid-template-columns:74px minmax(0,1fr);gap:12px;min-height:142px;padding:12px}.institutionLogoBox{width:74px;height:74px;border-radius:15px;padding:9px}.institutionRole{font-size:7.2px;padding:4px 7px}.institutionCardContent h3{font-size:13px}.institutionTimeline{font-size:8px}.experienceKind{min-height:24px;padding:4px 8px;font-size:6.8px}
  .artisticFacts{grid-template-columns:1fr}.episodeActions{grid-template-columns:1fr}.episodeCta{min-height:64px}
  .workModal.institutionalModal .modalMeta{grid-template-columns:1fr}
  #showreel{padding-top:8px;padding-bottom:18px;overflow:visible}.showreelDesktopHeader{display:none!important}.showreelMobileHeader{display:flex;flex-direction:column;gap:7px;margin:0 auto 10px;width:min(100%,430px);padding:0 1px;direction:rtl}.showreelMobileTitle{text-align:right}.showreelMobileTitle>span{display:block;margin:0 0 2px;color:#8E9AB7;font-size:8px}.showreelMobileTitle h2{margin:0;color:#F8D37A;font-size:clamp(21px,6vw,26px);line-height:1.05;font-weight:900;white-space:normal;overflow-wrap:anywhere}.showreelMobileTitle i{display:block;width:37px;height:2px;margin-top:7px;border-radius:99px;background:#F2C45F}
  #showreel>.showreelShell{width:min(100%,430px);margin-inline:auto}.showreelViewport.video{border-radius:19px;touch-action:pan-y pinch-zoom}.showreelSlide{border-radius:19px}.showreelMedia{border-radius:18px 18px 0 0}.showreelInfo{gap:8px;padding:12px;border-radius:0 0 18px 18px}.showreelHeadRow{display:none}.showreelInfo h3{font-size:16.5px;line-height:1.42}.showreelDescription{font-size:8.2px;line-height:1.5}.showreelMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.showreelMeta>span{min-height:46px;padding:6px 7px;border-radius:10px}.showreelCompanyMeta{grid-column:1/-1}.showreelArrow{width:40px;height:40px;font-size:22px}.showreelPrev{right:7px}.showreelNext{left:7px}.showreelCenterPlay{width:48px;height:48px}.showreelPlay{min-height:48px;border-radius:12px}.showreelInlinePlayer{border-radius:18px 18px 0 0;overflow:hidden}
  html[dir="ltr"] .showreelMobileHeader{direction:ltr}html[dir="ltr"] .showreelMobileTitle{text-align:left}html[dir="ltr"] .showreelPremiumRoles{justify-content:flex-start}
}
@media(max-width:390px){
  #works .works:not(.institutionalWorks){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.work:not(.institutionalWork) .workInfo{padding:8px!important}.work:not(.institutionalWork) .workInfo h3{font-size:11px!important}.work:not(.institutionalWork) .workBadges .badge,.work:not(.institutionalWork) .formatBadge{font-size:6px!important;padding:3px 5px!important}.work:not(.institutionalWork) .workYear,.work:not(.institutionalWork) .workChannel{font-size:6.1px!important;padding:3px 5px!important}
  .showreelPremiumRoles b{font-size:6.8px;padding:4px 7px}.showreelInfo{padding:11px}.showreelInfo h3{font-size:15.5px}.showreelMeta b{font-size:7.6px}.showreelMeta small{font-size:6px}
}
@media(max-width:330px){
  #works .works:not(.institutionalWorks){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.work:not(.institutionalWork) .workInfo{padding:7px!important}.work:not(.institutionalWork) .workInfo h3{font-size:10.4px!important}.work:not(.institutionalWork) .workBadges .badge,.work:not(.institutionalWork) .formatBadge{font-size:5.8px!important}
}

/* YouTube views — compact, cached, and visually secondary to the work title */
.showreelStatsLine{display:flex;align-items:center;justify-content:flex-start;min-height:28px}
.showreelViews{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid rgba(242,196,95,.24);background:#0A1731;color:#DCE5F8;line-height:1;white-space:nowrap}
.showreelViews i{display:grid;place-items:center;color:#F2C45F;font-style:normal;flex:none}
.showreelViews b{font-size:10px;font-weight:900;color:#FFF0B0;letter-spacing:.15px}
.showreelViews small{font-size:7px;color:#97A5C4;font-weight:700}
.showreelViews[hidden]{display:none!important}
html[dir="ltr"] .showreelStatsLine{justify-content:flex-start}
@media(max-width:850px){.showreelStatsLine{min-height:25px}.showreelViews{min-height:25px;padding:4px 8px;gap:5px}.showreelViews b{font-size:9px}.showreelViews small{font-size:6.6px}.showreelViews svg{width:13px;height:13px}}
\n/* V50 — final dual YouTube actions for episodic works */\n.episodesBlock{margin-top:16px;padding-top:14px;border-top:1px solid rgba(248,211,122,.16)}\n.episodesLabel{margin-bottom:10px}\n.episodeActions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}\n.episodeCta{width:100%;min-height:70px;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;padding:11px 12px;border-radius:14px;box-sizing:border-box;transform:none!important;box-shadow:none!important;transition:border-color .12s ease,background-color .12s ease!important}\n.episodeCtaIcon{width:42px;height:42px;border-radius:12px}\n.episodeCtaText small{font-size:10px!important;line-height:1.25;font-weight:900;letter-spacing:0!important;margin-bottom:3px}\n.episodeCtaText b{font-size:12px!important;line-height:1.45;font-weight:800;white-space:normal;overflow-wrap:anywhere}\n.episodeCtaFeatured{background:linear-gradient(135deg,#F8D37A,#D7A13B)!important;border:1px solid rgba(255,233,166,.78)!important;color:#07122B!important}\n.episodeCtaFeatured .episodeCtaIcon{background:#07122B!important;color:#F8D37A!important}\n.episodeCtaAll{background:#08152E!important;border:1px solid rgba(248,211,122,.28)!important;color:#F8F5EF!important}\n.episodeCtaAll .episodeCtaIcon{background:#101F40!important;color:#F8D37A!important;border:1px solid rgba(248,211,122,.16)!important}\nhtml[dir="rtl"] .episodeCta{text-align:right}\nhtml[dir="ltr"] .episodeCta{text-align:left}\n@media(max-width:480px){.episodeCta{min-height:66px;padding:10px 11px}.episodeCtaIcon{width:38px;height:38px}.episodeCtaText small{font-size:9px!important}.episodeCtaText b{font-size:11px!important}}\n