{"id":78,"date":"2026-10-02T21:18:14","date_gmt":"2026-10-02T21:18:14","guid":{"rendered":"https:\/\/optimus.icaruzen.work\/?page_id=78"},"modified":"2026-10-03T12:41:36","modified_gmt":"2026-10-03T12:41:36","slug":"media","status":"publish","type":"page","link":"https:\/\/optimus.icaruzen.work\/?page_id=78","title":{"rendered":"Media \u2014 The microphone"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&#038;family=Inter:wght@300;400;500;600;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============ M.S \u2014 Mohammed Saadon Al Kuwari \u00b7 portfolio v3 ============ *\/\n:root{--navy:#0B1A33;--deep:#06101F;--ink:#040A14;--cyan:#2EC4F1;--blue:#1B6FD9;--gold:#D4B26A;--purple:#6B2FA0;--white:#F4F7FB;--muted:rgba(244,247,251,.72);--dim:rgba(244,247,251,.5);--line:rgba(255,255,255,.1);--pad:clamp(20px,5vw,96px);--display:\"Bebas Neue\",\"Oswald\",\"Arial Narrow\",Impact,sans-serif;--body:\"Inter\",system-ui,-apple-system,\"Segoe UI\",sans-serif;\n\/* one type scale for the whole site *\/\n--t-xl:clamp(72px,11vw,160px);--t-l:clamp(44px,6.4vw,96px);--t-m:clamp(38px,5vw,72px);--t-num:clamp(96px,14vw,220px);--t-card:clamp(40px,4.6vw,66px);--secpad:clamp(90px,12vh,160px);--r:40px}\nhtml{scroll-behavior:auto}\nbody{margin:0;background:var(--ink);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}\n.wp-site-blocks,.entry-content,.wp-block-post-content{padding:0!important;margin:0!important;max-width:none!important}\n.wp-block-post-content>*{max-width:none!important;margin:0!important}\n#ms *{box-sizing:border-box}\n#ms{position:relative;width:100%;overflow:clip;background:var(--ink);font-size:16px;line-height:1.5}\n#ms img{display:block;max-width:100%}\n#ms a{color:inherit;text-decoration:none}\n#ms h1,#ms h2,#ms h3,#ms p{margin:0;font-weight:400}\n#ms .d{font-family:var(--display);letter-spacing:.02em;line-height:.92;font-weight:400}\n#ms .sec{position:relative;padding:var(--secpad) var(--pad)}\n\/* sections slide over each other like sheets *\/\n#ms .sheet{position:relative;border-radius:var(--r) var(--r) 0 0;margin-top:calc(var(--r) * -1);box-shadow:0 -30px 60px rgba(0,0,0,.35)}\n#ms .sheet.sec{padding-top:calc(var(--secpad) + var(--r))}\n#ms .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;font-weight:500}\n#ms .eyebrow::before{content:\"\";width:34px;height:1px;background:var(--gold)}\n#ms .h2{font-size:var(--t-l);text-transform:uppercase}\n#ms .thin{color:transparent;-webkit-text-stroke:1px rgba(244,247,251,.6)}\n#ms .lead{font-size:clamp(16px,1.3vw,20px);line-height:1.75;color:var(--muted);max-width:620px;font-weight:400}\n#ms .lead+.lead{margin-top:18px}\n#ms .lead b{color:var(--white);font-weight:600}\n#ms .grid{display:grid;gap:clamp(28px,5vw,80px)}\n#ms .g2{grid-template-columns:1.05fr .95fr;align-items:center}\n#ms .btn{display:inline-flex;align-items:center;gap:14px;padding:16px 30px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;transition:background .35s,color .35s,border-color .35s,transform .35s;will-change:transform}\n#ms .btn:hover{background:var(--white);color:var(--navy);border-color:var(--white)}\n#ms .btn.gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}\n#ms .btn.gold:hover{background:#e8cb86}\n#ms .clip{clip-path:inset(0 0 100% 0);will-change:clip-path}\n#ms .rv{opacity:0;transform:translateY(40px);will-change:transform,opacity}\n#ms .rvx{opacity:0;transform:translateX(60px);will-change:transform,opacity}\n#ms .ln{overflow:hidden}\n#ms .ln>span{display:block;transform:translateY(110%);will-change:transform}\n#ms .mono{filter:brightness(0) invert(1)}\n\/* preloader *\/\n#ms .pre{position:fixed;inset:0;z-index:100;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;animation:mspre .8s ease 3.8s forwards}\n#ms .pre img{height:54px;width:auto;filter:invert(1);opacity:0;transform:scale(.9)}\n#ms .pre .pct{font-family:var(--display);font-size:72px;letter-spacing:.04em;line-height:1;color:var(--gold);opacity:0}\n#ms .pre .bar{width:180px;height:1px;background:rgba(255,255,255,.12);overflow:hidden}\n#ms .pre .bar i{display:block;height:100%;width:0;background:var(--gold)}\n@keyframes mspre{to{opacity:0;visibility:hidden;pointer-events:none}}\n\/* cursor + progress *\/\n#ms .cur{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:95;transform:translate(-50%,-50%);display:none}\n#ms .cur2{position:fixed;left:0;top:0;width:42px;height:42px;border-radius:50%;border:1px solid rgba(212,178,106,.7);pointer-events:none;z-index:95;transform:translate(-50%,-50%);display:none;transition:width .3s,height .3s,background .3s,opacity .3s}\n#ms .cur2.on{width:70px;height:70px;background:rgba(212,178,106,.12)}\n#ms.nocur .cur,#ms.nocur .cur2{opacity:0}\n@media (pointer:fine){#ms .cur,#ms .cur2{display:block}}\n#ms .prog{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--gold),var(--cyan));transform-origin:left;transform:scaleX(0);z-index:90}\nbody.admin-bar #ms .prog{top:32px}\n\/* nav *\/\n#ms .nav{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad);transition:transform .5s,background .5s;background:linear-gradient(180deg,rgba(4,10,20,.7),rgba(4,10,20,0))}\nbody.admin-bar #ms .nav{top:32px}\n#ms .nav .mark{height:26px;width:auto;filter:invert(1)}\n#ms .nav ul{display:flex;gap:34px;list-style:none;margin:0;padding:0;font-size:12px;letter-spacing:.26em;text-transform:uppercase;font-weight:500}\n#ms .nav ul a{opacity:.8;transition:opacity .3s;position:relative}\n#ms .nav ul a::after{content:\"\";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gold);transition:width .35s}\n#ms .nav ul a:hover{opacity:1}\n#ms .nav ul a:hover::after{width:100%}\n#ms .nav .cta{font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:12px 22px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-weight:600;transition:background .3s,color .3s}\n#ms .nav .cta:hover{background:var(--white);color:var(--navy)}\n\/* hero (pinned, video scrubbed by scroll) *\/\n#ms .hero{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:var(--deep)}\n#ms .hero .media{position:absolute;inset:-4%;will-change:transform}\n#ms .hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 50%}\n#ms .hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,20,.3) 0%,rgba(4,10,20,0) 40%,rgba(4,10,20,.6) 100%),linear-gradient(180deg,rgba(4,10,20,.25),rgba(4,10,20,0) 30%,rgba(4,10,20,.9) 100%)}\n#ms .hero .fade{position:absolute;inset:0;background:var(--navy);opacity:0;pointer-events:none}\n\/* safe area: below the nav, above the stats *\/\n#ms .hero .safe{position:absolute;left:var(--pad);right:var(--pad);top:96px;bottom:140px}\nbody.admin-bar #ms .hero .safe{top:128px}\n#ms .stage{position:absolute;right:0;top:50%;transform:translateY(-50%);max-width:min(700px,100%);text-align:right}\n#ms .stage.s1,#ms .stage.s2,#ms .stage.s3{opacity:0;visibility:hidden}\n#ms .stage .kicker{font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:500}\n#ms .stage h1{font-size:clamp(50px,min(9.4vw,11.6vh),164px);text-transform:uppercase;line-height:.88}\n#ms .stage h1 .o{color:transparent;-webkit-text-stroke:1px rgba(244,247,251,.8)}\n#ms .stage h2{font-size:clamp(44px,min(6.8vw,11vh),120px);text-transform:uppercase;line-height:.92}\n#ms .stage p{margin:18px 0 0;font-size:clamp(16px,1.3vw,20px);line-height:1.65;color:var(--white);opacity:.9;max-width:540px;margin-left:auto}\n#ms .stage .acts{display:flex;gap:12px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}\n#ms .hero .stats{position:absolute;left:var(--pad);bottom:40px;display:flex;gap:clamp(24px,4vw,64px)}\n#ms .hero .stats b{display:block;font-family:var(--display);font-size:clamp(32px,3.4vw,52px);line-height:1;letter-spacing:.02em;font-weight:400}\n#ms .hero .stats span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}\n#ms .hero .hud{position:absolute;right:var(--pad);bottom:44px;display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}\n#ms .hero .hud .dots{display:flex;gap:8px}\n#ms .hero .hud .dots i{width:22px;height:2px;background:rgba(255,255,255,.2);display:block;transition:background .3s}\n#ms .hero .hud .dots i.on{background:var(--gold)}\n#ms .hero .hud .pct{font-family:var(--display);font-size:22px;letter-spacing:.06em;color:var(--white);min-width:3ch;text-align:right}\n#ms .hero .scroll{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--dim);display:flex;flex-direction:column;align-items:center;gap:10px}\n#ms .hero .scroll i{width:1px;height:44px;background:linear-gradient(180deg,var(--gold),transparent);display:block;animation:msline 2.2s ease-in-out infinite}\n@keyframes msline{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}\n\/* marquee *\/\n#ms .marq{overflow:hidden;border-bottom:1px solid var(--line);padding:22px 0;background:var(--navy);position:relative;z-index:3}\n\/* scrub mode: the marquee (and everything after it) rides up over the pinned hero's last shot like a sheet *\/\n#ms.scrub .marq{margin-top:-55vh;border-radius:var(--r) var(--r) 0 0;box-shadow:0 -30px 60px rgba(0,0,0,.45)}\n#ms.scrub .who{position:relative;z-index:3}\n#ms .marq .track{display:flex;gap:64px;white-space:nowrap;width:max-content;font-family:var(--display);font-size:clamp(22px,2.4vw,34px);letter-spacing:.08em;text-transform:uppercase;color:rgba(244,247,251,.85)}\n#ms .marq .track span{display:flex;align-items:center;gap:64px}\n#ms .marq .track em{font-style:normal;color:var(--gold);font-size:.6em}\n\/* who *\/\n#ms .who{background:var(--navy);overflow:clip}\n#ms .who .wm{position:absolute;right:-6%;top:8%;height:70%;width:auto;opacity:.05;filter:invert(1);pointer-events:none}\n#ms .who .statement{font-size:clamp(30px,4.2vw,60px);line-height:1.1;letter-spacing:-.01em;font-weight:300;max-width:1100px}\n#ms .who .statement .w{display:inline-block;opacity:.14;transition:opacity .25s}\n#ms .who .statement .w.on{opacity:1}\n#ms .who .badges{display:flex;gap:clamp(14px,2.5vw,36px);flex-wrap:wrap;margin-top:56px;align-items:flex-end}\n#ms .who .badges img{height:clamp(84px,9vw,120px);width:auto;opacity:.92}\n#ms .who .photo{position:relative;justify-self:end;width:min(100%,520px)}\n#ms .who .photo img{width:100%;height:auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}\n#ms .who .photo .ring{position:absolute;inset:10% -8% -4% -8%;border:1px solid rgba(46,196,241,.25);border-radius:50% 50% 8px 8px;pointer-events:none}\n\/* stacking arenas (GSAP pinned) *\/\n#ms .stack{background:var(--deep)}\n#ms .stack .head{padding:calc(var(--secpad) + var(--r)) var(--pad) 30px}\n\/* cards sit 13vh from the top; each one pins there and the next slides over it after ~77vh of scroll *\/\n#ms .scard{padding:0 var(--pad);will-change:transform}\n#ms .scard+.scard{margin-top:3vh}\n#ms .stack .cards{padding-bottom:calc(13vh + var(--r))}\n#ms .scard .in{width:100%;height:min(74vh,700px);border-radius:28px;border:1px solid var(--line);overflow:hidden;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:clamp(28px,4vw,60px);background:linear-gradient(135deg,#0d2246,#06101F 70%);box-shadow:0 40px 80px rgba(0,0,0,.5)}\n#ms .scard .in .bgi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;z-index:0}\n#ms .scard .in::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,31,.94) 0%,rgba(6,16,31,.6) 55%,rgba(6,16,31,.2) 100%);z-index:0}\n#ms .scard .txt,#ms .scard .ph,#ms .scard .n{position:relative;z-index:1}\n#ms .scard .n{font-family:var(--display);font-size:clamp(60px,7vw,110px);line-height:1;color:rgba(255,255,255,.1);position:absolute;top:24px;left:36px}\n#ms .scard h3{font-family:var(--display);font-size:var(--t-card);text-transform:uppercase;letter-spacing:.02em;line-height:.9;margin-bottom:16px}\n#ms .scard p{color:var(--muted);line-height:1.7;font-size:clamp(15px,1.15vw,18px);max-width:500px}\n#ms .scard .btn{margin-top:26px}\n#ms .scard .ph{height:100%;display:flex;align-items:flex-end;justify-content:center}\n#ms .scard .ph img{max-height:min(68vh,640px);width:auto;max-width:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}\n\/* media *\/\n#ms .media{background:var(--navy);overflow:clip}\n#ms .media .hrow{display:flex;align-items:flex-end;gap:clamp(20px,3vw,40px);flex-wrap:wrap}\n#ms .media .bein{height:clamp(40px,4vw,56px);width:auto;margin:0 0 .18em}\n\/* the seated portrait is cropped at the knees inside a framed panel *\/\n#ms .media .photo{justify-self:center;width:min(100%,480px);position:relative;aspect-ratio:4\/5;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(6,16,31,.3))}\n#ms .media .photo img{width:100%;height:100%;object-fit:cover;object-position:50% 0;filter:drop-shadow(0 40px 60px rgba(0,0,0,.65));position:relative;z-index:1}\n#ms .media .photo::before{content:\"\";position:absolute;inset:auto 8% 0 8%;height:60%;background:radial-gradient(60% 60% at 50% 70%,rgba(107,47,160,.6),transparent 70%);filter:blur(30px);z-index:0}\n\/* events horizontal *\/\n#ms .events{background:var(--deep);padding:0;overflow:clip}\n#ms .events .pin{height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:calc(var(--r) + 40px) 0 0 var(--pad)}\n#ms .events .head{display:flex;align-items:flex-end;justify-content:space-between;padding-inline-end:var(--pad);margin-bottom:28px;gap:30px}\n@media (max-width:640px){#ms .events .head{display:block}#ms .events .head .lead{margin-top:14px;max-width:none}}\n#ms .events .track{display:flex;gap:22px;width:max-content;align-items:stretch}\n#ms .ev{position:relative;height:min(48vh,430px);width:calc(min(48vh,430px) * 1.33);border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#0e2246;flex:none}\n#ms .ev.big{width:calc(min(48vh,430px) * 1.6)}\n#ms .ev img.bg{position:absolute;inset:-8% -8%;width:116%;height:116%;object-fit:cover;object-position:center;opacity:.9;will-change:transform}\n#ms .ev .badge{position:absolute;top:22px;left:24px;height:42px;width:auto;z-index:2;max-width:150px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}\n#ms .ev .in{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(6,16,31,.05) 0%,rgba(6,16,31,0) 30%,rgba(6,16,31,.55) 62%,rgba(6,16,31,.96) 100%)}\n#ms .ev .in b{font-family:var(--display);font-size:clamp(28px,2.8vw,42px);letter-spacing:.03em;text-transform:uppercase;line-height:.95;font-weight:400}\n#ms .ev .in span{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.55}\n#ms .ev .in em{font-style:normal;font-size:11px;letter-spacing:.26em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;font-weight:600}\n#ms .events .bar{margin:28px var(--pad) 0 0;height:2px;background:rgba(255,255,255,.1);position:relative}\n#ms .events .bar i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--gold)}\n\/* presence *\/\n#ms .presence{background:var(--navy);overflow:clip}\n#ms .presence .big{font-family:var(--display);font-size:var(--t-xl);line-height:.85;letter-spacing:.01em;text-transform:uppercase;display:flex;align-items:baseline;gap:.1em;flex-wrap:wrap;transform-origin:left bottom}\n#ms .presence .big small{font-size:.28em;color:var(--gold);letter-spacing:.1em}\n#ms .presence .big .num{color:transparent;-webkit-text-stroke:1.5px var(--white)}\n#ms .presence .plat{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}\n#ms .plat a{border:1px solid var(--line);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;gap:12px;transition:background .4s,border-color .4s,transform .4s;background:rgba(255,255,255,.02)}\n#ms .plat a:hover{background:rgba(46,196,241,.07);border-color:rgba(46,196,241,.45);transform:translateY(-6px)}\n#ms .plat svg{width:26px;height:26px;fill:var(--white)}\n\/* stroke-based Instagram glyph (the filled-path version rendered as a solid blob) *\/\n#ms svg.ig{fill:none!important;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}\n#ms .plat svg.ig{stroke:var(--white)}\n#ms svg.ig .dot{fill:currentColor;stroke:none}\n#ms .plat svg.ig .dot{fill:var(--white)}\n#ms .plat b{font-family:var(--display);font-size:48px;line-height:1;letter-spacing:.02em;font-weight:400}\n#ms .plat span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}\n#ms .plat .bar{height:3px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}\n#ms .plat .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold));border-radius:3px}\n#ms .presence .photo{justify-self:center;width:min(100%,440px);will-change:transform}\n#ms .presence .photo img{width:100%;filter:drop-shadow(0 50px 70px rgba(0,0,0,.65))}\n\/* athlete *\/\n#ms .athlete{background:var(--deep);overflow:clip}\n#ms .athlete .bg{position:absolute;inset:-10% 0;background:url(https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/bg-court-aerial.webp) center\/cover;opacity:.18;filter:saturate(.6);will-change:transform}\n#ms .athlete .bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,var(--deep),rgba(6,16,31,.3) 40%,var(--deep))}\n#ms .athlete .grid{align-items:start}\n#ms .athlete .left{position:sticky;top:14vh}\n#ms .athlete .photo{margin-top:-4vh}\n#ms .athlete .rank{font-family:var(--display);font-size:var(--t-num);line-height:.8;color:var(--gold);letter-spacing:-.02em;transform-origin:left top}\n#ms .athlete .rank-txt{font-family:var(--display);font-size:var(--t-m);text-transform:uppercase;line-height:.95}\n#ms .athlete .rank-txt small{display:block;font-family:var(--body);font-size:clamp(15px,1.2vw,18px);text-transform:none;color:var(--muted);letter-spacing:0;margin-top:14px;font-weight:400;line-height:1.65}\n#ms .athlete .facts{list-style:none;padding:0;margin:40px 0 0}\n#ms .athlete .facts li{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;padding:18px 0;border-top:1px solid var(--line);color:var(--muted);font-size:15px;line-height:1.55}\n#ms .athlete .facts li:last-child{border-bottom:1px solid var(--line)}\n#ms .athlete .facts b{font-family:var(--display);font-size:40px;color:var(--white);letter-spacing:.02em;line-height:1;font-weight:400}\n#ms .athlete .photo{position:relative;justify-self:center;width:min(100%,480px);will-change:transform}\n#ms .athlete .photo img{width:100%;filter:drop-shadow(0 50px 70px rgba(0,0,0,.7))}\n\/* racket *\/\n#ms .racket{background:linear-gradient(180deg,var(--deep),#120a1c 55%,var(--deep));overflow:clip}\n#ms .racket .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,80px);align-items:center}\n#ms .racket .rk{justify-self:center;width:min(100%,340px);filter:drop-shadow(0 40px 60px rgba(0,0,0,.7));will-change:transform}\n#ms .racket .partners{display:flex;flex-wrap:wrap;gap:26px 40px;align-items:center;margin-top:40px}\n#ms .racket .partners img{height:30px;width:auto;opacity:.9}\n#ms .tourn{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}\n#ms .tourn div{border:1px solid var(--line);border-radius:16px;padding:22px 18px;text-align:center;background:rgba(255,255,255,.025);transition:border-color .4s,transform .4s}\n#ms .tourn div:hover{border-color:rgba(212,178,106,.5);transform:translateY(-4px)}\n#ms .tourn img{height:36px;width:auto;margin:0 auto 16px;object-fit:contain}\n#ms .tourn b{display:block;font-size:14px;margin-bottom:4px;font-weight:600}\n#ms .tourn span{display:block;font-size:12px;color:var(--dim)}\n#ms .tourn .pl{display:inline-block;margin-top:12px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}\n\/* business *\/\n#ms .biz{background:var(--navy);overflow:clip}\n#ms .biz .bg{position:absolute;inset:-10% 0;background:url(https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/bg-doha.webp) center\/cover;opacity:.22;will-change:transform}\n#ms .biz .bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,var(--navy),rgba(11,26,51,.35) 45%,var(--navy))}\n#ms .biz .bizgrid{align-items:center}\n#ms .biz .co{display:grid;grid-template-columns:1fr;gap:18px;align-self:center}\n#ms .biz .co div{border:1px solid var(--line);border-radius:20px;padding:26px 28px;background:rgba(6,16,31,.55);backdrop-filter:blur(6px);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:24px;row-gap:6px;align-items:center}\n#ms .biz .co img{height:36px;width:auto;max-width:150px;object-fit:contain;grid-row:1 \/ span 2;align-self:center}\n#ms .biz .co b{display:block;font-family:var(--display);font-size:clamp(26px,2.2vw,34px);letter-spacing:.03em;text-transform:uppercase;line-height:1;font-weight:400}\n#ms .biz .co span{color:var(--muted);font-size:14px;line-height:1.6}\n#ms.inner .biz .co{grid-template-columns:1fr 1fr}\n#ms.inner .biz .co div{grid-template-columns:1fr;row-gap:10px}\n#ms.inner .biz .co img{grid-row:auto;margin-bottom:6px}\n#ms .lm{margin-top:64px;position:relative}\n#ms .lm h3{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin:0 0 20px;display:flex;align-items:center;gap:16px;font-weight:500}\n#ms .lm h3::after{content:\"\";flex:1;height:1px;background:var(--line)}\n#ms .lm .row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}\n#ms .lm .strip{display:flex;gap:16px;width:max-content;animation:msmar 48s linear infinite}\n#ms .lm .row.rev .strip{animation-direction:reverse}\n#ms .lm .row:hover .strip{animation-play-state:paused}\n#ms .lg{height:104px;min-width:230px;padding:0 36px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.035);flex:none}\n#ms .lg img{max-height:46px;max-width:160px;width:auto;object-fit:contain}\n#ms .lg.sm img{max-height:40px}\n@keyframes msmar{to{transform:translateX(-50%)}}\n\/* value *\/\n#ms .value{background:var(--deep)}\n#ms .value .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,90px);align-items:start}\n#ms .value .sticky{position:sticky;top:16vh}\n#ms .value .cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n#ms .value .col{border-top:1px solid rgba(212,178,106,.5);padding:26px 0 10px}\n#ms .value .col h3{font-family:var(--display);font-size:clamp(30px,2.6vw,38px);letter-spacing:.03em;text-transform:uppercase;margin-bottom:16px}\n#ms .value .col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}\n#ms .value .col li{color:var(--muted);font-size:15px;line-height:1.55;padding-left:18px;position:relative}\n#ms .value .col li::before{content:\"\";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--cyan)}\n\/* reels *\/\n#ms .reels{background:var(--navy)}\n#ms .reels .list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}\n#ms .reels .list>div{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff;min-height:560px;display:flex;justify-content:center;align-items:flex-start;cursor:auto}\n#ms .reels blockquote{margin:0!important;border:0!important;background:#fff!important;box-shadow:none!important;max-width:540px!important;min-width:0!important;width:100%!important}\n#ms .reels iframe{margin:0 auto!important;max-width:100%!important;min-width:0!important}\n\/* connect *\/\n#ms .connect{background:linear-gradient(180deg,var(--navy),#0d2a3a 100%);min-height:92vh;display:flex;flex-direction:column;justify-content:center;overflow:clip}\n#ms .connect .wm{position:absolute;right:-4%;top:50%;transform:translateY(-50%);height:90%;width:auto;opacity:.06;filter:invert(1) blur(1px);pointer-events:none;will-change:transform}\n#ms .connect .huge{font-family:var(--display);font-size:var(--t-xl);line-height:.9;text-transform:uppercase;position:relative}\n#ms .connect .huge .c{display:inline-block;opacity:0;transform:translateY(60%) rotate(6deg);will-change:transform,opacity}\n#ms .connect .huge .o{color:transparent;-webkit-text-stroke:1px rgba(244,247,251,.6)}\n#ms .connect .sub{margin-top:26px;font-size:clamp(16px,1.3vw,20px);color:var(--muted);max-width:560px;line-height:1.7}\n#ms .connect .ways{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px;align-items:start;position:relative}\n#ms .connect .ways a.big{font-size:clamp(20px,2.4vw,32px);font-weight:300;display:block;padding:18px 0;border-bottom:1px solid var(--line);transition:color .3s,padding-left .3s}\n#ms .connect .ways a.big:hover{color:var(--gold);padding-left:10px}\n#ms .connect .soc{display:flex;flex-wrap:wrap;gap:12px}\n#ms .connect .soc a{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--line);border-radius:999px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;transition:background .35s,border-color .35s,transform .35s}\n#ms .connect .soc a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4);transform:translateY(-3px)}\n#ms .connect .soc svg{width:16px;height:16px;fill:currentColor}\n#ms footer{padding:34px var(--pad);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:#0d2a3a;gap:16px;flex-wrap:wrap}\n#ms footer img{height:22px;width:auto;filter:invert(1);opacity:.9}\n#ms footer a:hover{color:var(--gold)}\n#ms .top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;z-index:85;opacity:0;pointer-events:none;transition:opacity .4s;background:rgba(6,16,31,.6);backdrop-filter:blur(8px)}\n#ms .top.on{opacity:1;pointer-events:auto}\n#ms .top svg{width:16px;height:16px;fill:none;stroke:var(--white);stroke-width:1.6}\n\/* responsive *\/\n@media (max-width:1100px){#ms .value .cols{grid-template-columns:1fr}#ms .tourn{grid-template-columns:repeat(2,1fr)}}\n@media (max-height:720px) and (min-width:861px){#ms .stage p{font-size:15px;margin-top:12px;max-width:460px}#ms .stage .acts{margin-top:16px}#ms .stage .kicker{margin-bottom:12px}#ms .hero .scroll{display:none}#ms .hero .safe{top:84px;bottom:120px}body.admin-bar #ms .hero .safe{top:112px}}\n@media (max-width:860px){\n :root{--r:28px}\n #ms .nav ul,#ms .nav .cta{display:none}\n #ms .g2,#ms .racket .wrap,#ms .connect .ways,#ms .biz .co,#ms .value .wrap{grid-template-columns:1fr}\n #ms .hero .safe{top:90px;bottom:130px}\n #ms .stage{right:0;left:0;max-width:none;text-align:left;top:auto;bottom:0;transform:none}\n #ms .stage p{margin-left:0}\n #ms .stage .acts{justify-content:flex-start}\n #ms .hero .stats{bottom:28px;gap:14px 22px;flex-wrap:wrap;right:var(--pad)}\n #ms .hero .stats b{font-size:30px}\n #ms .hero .stats span{font-size:10px;letter-spacing:.16em}\n #ms .hero .hud,#ms .hero .scroll{display:none}\n #ms .who .photo{justify-self:center}\n #ms .scard{height:auto;padding:12px var(--pad)}\n #ms .scard .in{grid-template-columns:1fr;height:auto;padding:28px 22px;min-height:70vh}\n #ms .scard .ph{height:auto;margin-top:20px}\n #ms .scard .ph img{max-height:46vh}\n #ms .events .pin{height:auto;padding:calc(var(--r) + 60px) 0 60px var(--pad)}\n #ms .events .track{overflow-x:auto;width:auto;padding-right:var(--pad);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}\n #ms .ev,#ms .ev.big{scroll-snap-align:start;width:78vw;height:58vw}\n #ms .events .bar{display:none}\n #ms .presence .plat{grid-template-columns:1fr 1fr}\n #ms .athlete .left{position:static}\n #ms .reels .list{grid-template-columns:repeat(2,1fr)}\n #ms .value .sticky{position:static}\n #ms .connect .huge{line-height:.98}\n #ms footer{flex-direction:column;text-align:center}\n}\n\n\/* ===== inner pages ===== *\/\n#ms.inner .phero{position:relative;min-height:92vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;padding:clamp(140px,22vh,220px) var(--pad) clamp(60px,8vh,90px);overflow:clip;background:var(--deep)}\n#ms.inner .phero .bg{position:absolute;inset:-12% 0;background-size:cover;background-position:center;opacity:.5;will-change:transform}\n#ms.inner .phero .bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,20,.5),rgba(4,10,20,.2) 40%,var(--deep) 100%),linear-gradient(90deg,rgba(4,10,20,.35),transparent 60%)}\n#ms.inner .phero .txt{position:relative;z-index:1}\n#ms.inner .phero h1{font-size:clamp(60px,min(11vw,20vh),180px);text-transform:uppercase;line-height:.86}\n#ms.inner .phero .lead{margin-top:28px;max-width:560px}\n\/* the portrait is capped to the viewport so the headline always sits above the fold *\/\n#ms.inner .phero .ph{position:relative;z-index:1;justify-self:center;width:min(100%,460px);display:flex;justify-content:center}\n#ms.inner .phero .ph img{width:auto;max-width:100%;max-height:max(300px,calc(100svh - clamp(140px,22vh,220px) - clamp(60px,8vh,90px) - 10px));filter:drop-shadow(0 50px 70px rgba(0,0,0,.7))}\n#ms[dir=\"rtl\"].inner .phero h1{font-size:clamp(54px,min(10vw,18vh),160px)}\n#ms.inner .crumbs{position:absolute;top:110px;left:var(--pad);z-index:2;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);display:flex;gap:12px;align-items:center}\n#ms.inner .crumbs a:hover{color:var(--gold)}\nbody.admin-bar #ms.inner .crumbs{top:142px}\n#ms.inner .list{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:0}\n#ms.inner .list li{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:16px;color:var(--muted);line-height:1.6}\n#ms.inner .list li:last-child{border-bottom:1px solid var(--line)}\n#ms.inner .list li i{font-style:normal;font-family:var(--display);font-size:22px;color:var(--gold);letter-spacing:.06em;line-height:1.3}\n\/* timeline *\/\n#ms .tl{position:relative;margin-top:56px;display:grid;gap:0}\n#ms .tl::before{content:\"\";position:absolute;left:clamp(60px,8vw,120px);top:0;bottom:0;width:1px;background:var(--line)}\n#ms .tl .it{display:grid;grid-template-columns:clamp(60px,8vw,120px) 1fr;gap:28px;padding:30px 0;position:relative}\n#ms .tl .it .yr{font-family:var(--display);font-size:clamp(34px,4vw,60px);line-height:1;color:var(--gold);letter-spacing:.03em}\n#ms .tl .it::before{content:\"\";position:absolute;left:clamp(60px,8vw,120px);top:44px;width:9px;height:9px;border-radius:50%;background:var(--gold);transform:translateX(-4px);box-shadow:0 0 0 6px rgba(212,178,106,.15)}\n#ms .tl .it .bd{padding-left:34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}\n#ms .tl .it b{display:block;font-family:var(--display);font-size:clamp(30px,3.2vw,46px);text-transform:uppercase;letter-spacing:.03em;line-height:.95;margin-bottom:8px}\n#ms .tl .it span{color:var(--muted);line-height:1.6;font-size:15px;max-width:560px}\n\/* every timeline logo sits on the same white chip, so dark marks and opaque badges read the same *\/\n#ms .tl .it img{height:64px;width:auto;max-width:170px;object-fit:contain;background:#fff;padding:10px 16px;border-radius:14px;box-sizing:border-box}\n\/* logo grids (even counts only) *\/\n#ms .lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}\n#ms .lgrid.c5{grid-template-columns:repeat(5,minmax(0,1fr))}\n#ms .lgrid div{height:110px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(255,255,255,.035);transition:border-color .4s,transform .4s}\n#ms .lgrid div:hover{border-color:rgba(212,178,106,.5);transform:translateY(-4px)}\n#ms .lgrid img{max-height:48px;max-width:150px;width:auto;object-fit:contain}\n\/* gallery *\/\n#ms .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;align-items:end}\n#ms .gal img{width:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))}\n\/* page cta + next *\/\n#ms .pcta{background:var(--navy);text-align:center}\n#ms .pcta .h2{font-size:var(--t-l);text-wrap:balance}\n#ms .pcta .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}\n#ms .nextp{display:block;position:relative;padding:clamp(60px,10vh,120px) var(--pad);border-top:1px solid var(--line);background:var(--deep);overflow:clip}\n#ms .nextp small{display:block;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}\n#ms .nextp .big{font-family:var(--display);font-size:clamp(60px,10vw,160px);text-transform:uppercase;line-height:.9;transition:letter-spacing .5s}\n#ms .nextp:hover .big{letter-spacing:.06em}\n#ms .nextp .arrow{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);width:72px;height:72px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .4s,transform .4s}\n#ms .nextp:hover .arrow{background:var(--gold);transform:translateY(-50%) scale(1.08)}\n#ms .nextp .arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}\n#ms .nextp:hover .arrow svg{stroke:var(--navy)}\n#ms .nextp .wm{position:absolute;right:16%;top:-20%;height:150%;width:auto;opacity:.04;filter:invert(1);pointer-events:none}\n#ms.inner .biz .co{grid-template-columns:1fr 1fr}\n@media (max-width:1100px){#ms .lgrid.c5{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media (max-width:860px){\n #ms.inner .biz .co{grid-template-columns:1fr}\n #ms.inner .phero{grid-template-columns:1fr;padding-top:150px}\n #ms.inner .phero .ph{width:min(100%,320px);margin-top:30px}\n #ms.inner .phero .ph img{max-height:none;width:100%}\n #ms .tl::before,#ms .tl .it::before{left:0}\n #ms .tl .it{grid-template-columns:1fr;gap:8px;padding-left:22px}\n #ms .tl .it .bd{padding-left:0;grid-template-columns:1fr}\n #ms .tl .it img{height:52px;padding:8px 12px}\n #ms .lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}\n #ms .lgrid div{padding:16px 12px;height:96px}\n #ms .lgrid img{max-width:100%;max-height:44px}\n #ms .gal{grid-template-columns:1fr}\n #ms .nextp{padding-right:calc(var(--pad) + 64px)}\n #ms .nextp .arrow{width:48px;height:48px;right:var(--pad)}\n #ms .nextp .arrow svg{width:18px;height:18px}\n #ms[dir=\"rtl\"] .nextp{padding-right:var(--pad);padding-left:calc(var(--pad) + 64px)}\n #ms[dir=\"rtl\"] .nextp .arrow{right:auto;left:var(--pad)}\n #ms .crumbs,#ms .nextp small{font-size:12px}\n}\n\n\/* ===== nav extras: language switch, burger, mobile menu ===== *\/\n#ms .nav .navr{display:flex;align-items:center;gap:14px}\n#ms .nav .lang{font-size:13px;letter-spacing:.08em;padding:11px 16px;border:1px solid rgba(255,255,255,.25);border-radius:999px;opacity:.9;transition:background .3s,color .3s}\n#ms .nav .lang:hover{background:var(--white);color:var(--navy)}\n#ms .burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(6,16,31,.5);padding:0;cursor:pointer;position:relative;z-index:82}\n#ms .burger i{position:absolute;left:13px;right:13px;height:2px;background:var(--white);top:19px;transition:transform .4s,top .4s,opacity .4s}\n#ms .burger i+i{top:26px}\n#ms.menu-open .burger i{top:22px;transform:rotate(45deg)}\n#ms.menu-open .burger i+i{transform:rotate(-45deg)}\n#ms .menu{position:fixed;inset:0;z-index:81;background:var(--navy);transform:translateY(-100%);visibility:hidden;transition:transform .65s cubic-bezier(.77,0,.18,1),visibility 0s .65s;overflow:auto;display:none}\n#ms .menu.open{transform:none;visibility:visible;transition:transform .65s cubic-bezier(.77,0,.18,1),visibility 0s}\n#ms .menu-in{min-height:100%;padding:110px var(--pad) 40px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}\n#ms .ml{display:flex;align-items:baseline;gap:16px;font-family:var(--display);font-size:clamp(40px,11vw,64px);line-height:1.15;text-transform:uppercase;letter-spacing:.02em;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s}\n#ms .ml small{font-family:var(--body);font-size:11px;letter-spacing:.3em;color:var(--gold)}\n#ms .menu.open .ml{opacity:1;transform:none}\n#ms .menu.open .ml:nth-child(2){transition-delay:.08s}#ms .menu.open .ml:nth-child(3){transition-delay:.14s}#ms .menu.open .ml:nth-child(4){transition-delay:.2s}#ms .menu.open .ml:nth-child(5){transition-delay:.26s}#ms .menu.open .ml:nth-child(6){transition-delay:.32s}#ms .menu.open .ml:nth-child(7){transition-delay:.38s}\n#ms .menu-foot{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}\n\/* the nav (logo, language, burger-as-X) stays above the open menu so it can be closed again *\/\n#ms.menu-open .nav{z-index:82;transform:none!important}\n\/* desktop: keep the footer links clear of the fixed back-to-top button *\/\n@media (min-width:861px){#ms footer{padding-inline-end:calc(var(--pad) + 70px)}}\n\/* short headings: avoid one-word orphans *\/\n#ms .racket h2 .thin,#ms .events .head .lead,#ms .athlete .rank-txt{text-wrap:balance}\n#ms .tourn img{height:auto;max-height:44px;max-width:112px;object-fit:contain}\n\/* reels: 3 columns only when a 302px embed has room; 2 on tablets, 1 on phones *\/\n@media (max-width:1060px){#ms .reels .list{grid-template-columns:repeat(2,1fr)}}\n@media (max-width:719px){#ms .reels .list{grid-template-columns:1fr}}\n@media (max-width:860px){\n :root{--secpad:72px}\n #ms .burger{display:block}\n #ms .menu{display:block}\n #ms .nav .lang{padding:9px 12px;font-size:12px}\n #ms .nav{padding:16px var(--pad)}\n #ms .nav .mark{height:22px}\n #ms .hero{min-height:560px}\n #ms .stage h1{font-size:clamp(52px,15.5vw,80px)}\n #ms .stage p{font-size:16px;line-height:1.6}\n #ms .stage .acts .btn{padding:14px 22px;font-size:11px}\n #ms .marq{padding:16px 0}\n #ms .who .badges img{height:72px}\n \/* stacking cards keep pinning on mobile: compact cards, text first, photo below *\/\n #ms .scard{padding:0 var(--pad)}\n #ms .scard+.scard{margin-top:3vh}\n #ms .scard .in{height:auto;min-height:72svh;padding:24px 20px 20px;align-content:start}\n #ms .scard .ph{margin-top:14px;align-items:flex-end}\n #ms .scard .ph img{max-height:30vh}\n #ms .scard p{font-size:15px;line-height:1.6}\n #ms .scard .btn{margin-top:18px}\n #ms .scard .n{font-size:40px;top:14px;left:18px}\n #ms .scard h3{font-size:clamp(32px,9vw,44px)}\n #ms .hero .hud{display:none}\n #ms .scard .txt{padding-top:44px}\n #ms .athlete .photo{margin-top:clamp(24px,8vh,80px);pointer-events:none}\n #ms .athlete .btn{position:relative;z-index:2}\n #ms .plat span,#ms .tourn .pl,#ms .btn{font-size:12px}\n #ms[dir=\"rtl\"] .stage .acts .btn,#ms[dir=\"rtl\"] .btn{font-size:13px;padding:13px 20px}\n #ms .stage .acts .btn{padding:13px 18px}\n #ms .ev,#ms .ev.big{width:80vw;height:100vw;max-height:430px}\n #ms .ev .in{padding:20px}\n #ms .ev .in b{font-size:24px}\n #ms .ev .in span{font-size:13px}\n #ms .ev .badge{height:34px;top:18px;left:18px}\n #ms[dir=\"rtl\"] .ev .badge{left:auto;right:18px}\n #ms .presence .big{font-size:clamp(64px,19vw,90px)}\n #ms .athlete .rank{font-size:clamp(96px,30vw,140px)}\n #ms .racket .rk{width:min(70%,260px)}\n #ms .tourn{grid-template-columns:1fr 1fr;gap:10px}\n #ms .tourn div{padding:18px 12px}\n #ms .lg{height:84px;min-width:170px;padding:0 24px}\n #ms .lg img{max-height:38px;max-width:120px}\n #ms .connect{min-height:auto}\n #ms .connect .huge{font-size:clamp(64px,19vw,96px)}\n #ms .connect .ways a.big{font-size:20px;word-break:break-all}\n #ms .top{right:16px;bottom:16px;width:42px;height:42px}\n}\n\/* ===== Arabic \/ RTL ===== *\/\n#ms[dir=\"rtl\"]{--display:\"Changa\",\"Cairo\",\"Tajawal\",sans-serif;--body:\"IBM Plex Sans Arabic\",\"Tajawal\",\"Segoe UI\",system-ui,sans-serif;--t-xl:clamp(64px,9.5vw,140px);--t-l:clamp(40px,5.6vw,84px);--t-m:clamp(34px,4.4vw,64px);--t-card:clamp(36px,4.2vw,58px);font-family:var(--body)}\n#ms[dir=\"rtl\"] .btn,#ms[dir=\"rtl\"] button{font-family:var(--body)}\n#ms[dir=\"rtl\"] .d,#ms[dir=\"rtl\"] .h2,#ms[dir=\"rtl\"] .stage h1,#ms[dir=\"rtl\"] .stage h2,#ms[dir=\"rtl\"] .scard h3,#ms[dir=\"rtl\"] .ev .in b,#ms[dir=\"rtl\"] .presence .big,#ms[dir=\"rtl\"] .athlete .rank-txt,#ms[dir=\"rtl\"] .biz .co b,#ms[dir=\"rtl\"] .value .col h3,#ms[dir=\"rtl\"] .connect .huge,#ms[dir=\"rtl\"] .ml,#ms[dir=\"rtl\"] .nextp .big,#ms[dir=\"rtl\"] .tl .it b,#ms[dir=\"rtl\"] .marq .track{letter-spacing:0;line-height:1.12;font-weight:700}\n#ms[dir=\"rtl\"] .stage{max-width:min(760px,100%)}\n#ms[dir=\"rtl\"] .stage h1{line-height:1.05;font-size:clamp(50px,min(8.6vw,12.4vh),150px)}\n#ms[dir=\"rtl\"] .stage h2{font-size:clamp(40px,min(6vw,10vh),104px);line-height:1.1}\n#ms[dir=\"rtl\"] .stage p{font-size:clamp(16px,1.35vw,21px);line-height:1.8}\n#ms[dir=\"rtl\"] .biz .co b,#ms[dir=\"rtl\"] .value .col h3{font-size:clamp(24px,2vw,30px)}\n#ms[dir=\"rtl\"] .tl .it b{font-size:clamp(26px,2.6vw,38px)}\n#ms[dir=\"rtl\"] .eyebrow,#ms[dir=\"rtl\"] .stage .kicker,#ms[dir=\"rtl\"] .btn,#ms[dir=\"rtl\"] .nav ul,#ms[dir=\"rtl\"] .nav .cta,#ms[dir=\"rtl\"] .hero .stats span,#ms[dir=\"rtl\"] .plat span,#ms[dir=\"rtl\"] .tourn .pl,#ms[dir=\"rtl\"] .ev .in em,#ms[dir=\"rtl\"] .lm h3,#ms[dir=\"rtl\"] .hero .hud,#ms[dir=\"rtl\"] .hero .scroll,#ms[dir=\"rtl\"] .scard .tag,#ms[dir=\"rtl\"] .nextp small,#ms[dir=\"rtl\"] .crumbs,#ms[dir=\"rtl\"] footer,#ms[dir=\"rtl\"] .ml small,#ms[dir=\"rtl\"] .connect .soc a,#ms[dir=\"rtl\"] .biz .photo .cap{letter-spacing:0;font-size:13px;font-weight:500}\n#ms[dir=\"rtl\"] .btn{font-size:14px;padding:15px 28px}\n#ms[dir=\"rtl\"] .nav ul{gap:28px;font-size:14px}\n#ms[dir=\"rtl\"] .lead,#ms[dir=\"rtl\"] .stage p,#ms[dir=\"rtl\"] .scard p,#ms[dir=\"rtl\"] p{line-height:1.9}\n#ms[dir=\"rtl\"] .thin{-webkit-text-stroke:1.2px rgba(244,247,251,.65)}\n#ms[dir=\"rtl\"] .who .statement{font-weight:400;line-height:1.5}\n#ms[dir=\"rtl\"] .scard .n{left:auto;right:36px}\n#ms[dir=\"rtl\"] .ev .badge{left:auto;right:24px}\n#ms[dir=\"rtl\"] .events .pin{padding:calc(var(--r) + 40px) var(--pad) 0 0}\n#ms[dir=\"rtl\"] .events .bar{margin:28px 0 0 var(--pad)}\n#ms[dir=\"rtl\"] .events .bar i{left:auto;right:0}\n#ms[dir=\"rtl\"] .value .col li{padding-left:0;padding-right:18px}\n#ms[dir=\"rtl\"] .value .col li::before{left:auto;right:0}\n#ms[dir=\"rtl\"] .connect .ways a.big:hover{padding-left:0;padding-right:10px}\n#ms[dir=\"rtl\"] .top{right:auto;left:22px}\n#ms[dir=\"rtl\"] .nextp .arrow{right:auto;left:var(--pad)}\n#ms[dir=\"rtl\"] .nextp .arrow svg{transform:scaleX(-1)}\n#ms[dir=\"rtl\"] .crumbs{left:auto;right:var(--pad)}\n#ms[dir=\"rtl\"] .who .wm{right:auto;left:-6%}\n#ms[dir=\"rtl\"] .connect .wm{right:auto;left:-4%}\n#ms[dir=\"rtl\"] .tl::before{left:auto;right:clamp(60px,8vw,120px)}\n#ms[dir=\"rtl\"] .tl .it::before{left:auto;right:clamp(60px,8vw,120px);transform:translateX(4px)}\n#ms[dir=\"rtl\"] .tl .it .bd{padding-left:0;padding-right:34px}\n#ms[dir=\"rtl\"] .hero .stats b,#ms[dir=\"rtl\"] .plat b,#ms[dir=\"rtl\"] .athlete .facts b,#ms[dir=\"rtl\"] .athlete .rank,#ms[dir=\"rtl\"] .pre .pct,#ms[dir=\"rtl\"] .hero .hud .pct,#ms[dir=\"rtl\"] .tl .it .yr,#ms[dir=\"rtl\"] .scard .n,#ms[dir=\"rtl\"] .presence .big .num{font-family:\"Bebas Neue\",\"Changa\",sans-serif;letter-spacing:.02em;font-weight:400}\n#ms[dir=\"rtl\"] .connect .huge .c{transform:translateY(60%) rotate(-4deg)}\n#ms[dir=\"rtl\"] .lm .row.rev .strip{animation-direction:normal}\n#ms[dir=\"rtl\"] .lm .row .strip{animation-direction:reverse}\n#ms[dir=\"rtl\"] .hero .scroll i{animation:msline 2.2s ease-in-out infinite}\n#ms[dir=\"rtl\"] .prog{transform-origin:right;background:linear-gradient(270deg,var(--gold),var(--cyan))}\n\/* hero: the subject sits on the left of the frame, so the text column stays on the right (which is also the RTL start edge) *\/\n#ms[dir=\"rtl\"] .stage .acts{justify-content:flex-start}\n#ms[dir=\"rtl\"] .hero .hud{flex-direction:row-reverse}\n#ms[dir=\"rtl\"] .presence .big{transform-origin:right bottom}\n#ms[dir=\"rtl\"] .athlete .rank{transform-origin:right top}\n#ms[dir=\"rtl\"] .nav ul a::after{left:auto;right:0}\n#ms[dir=\"rtl\"] .eyebrow{font-size:14px}\n#ms[dir=\"rtl\"] .hero .stats span,#ms[dir=\"rtl\"] .plat span{font-size:12px}\n#ms[dir=\"rtl\"] .scard .n,#ms[dir=\"rtl\"] .tl .it .yr,#ms[dir=\"rtl\"] .hero .stats b,#ms[dir=\"rtl\"] .plat b,#ms[dir=\"rtl\"] .athlete .facts b,#ms[dir=\"rtl\"] .athlete .rank,#ms[dir=\"rtl\"] .presence .big .num,#ms[dir=\"rtl\"] .hud .pct,#ms[dir=\"rtl\"] .pre .pct,#ms[dir=\"rtl\"] .list li i{direction:ltr;unicode-bidi:isolate}\n#ms[dir=\"rtl\"] .lm .row{-webkit-mask-image:linear-gradient(270deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(270deg,transparent,#000 8%,#000 92%,transparent);direction:ltr}\n\/* Arabic display glyphs reach below the line box: give the reveal masks room so descenders are not clipped *\/\n#ms[dir=\"rtl\"] .ln{padding:.12em .1em .26em;margin:-.12em -.1em -.26em}\n#ms[dir=\"rtl\"] .ln+.ln{margin-top:-.38em}\n#ms[dir=\"rtl\"] .connect .ways a.big{text-align:right}\n#ms[dir=\"rtl\"] .pcta .lead{text-align:center}\n#ms[dir=\"rtl\"] .ev .in{direction:rtl}\n#ms[dir=\"rtl\"] .connect .ways a.big[href^=\"tel\"],#ms[dir=\"rtl\"] .connect .ways a.big[href^=\"mailto\"],#ms[dir=\"rtl\"] .pcta .acts .btn[href^=\"tel\"],#ms[dir=\"rtl\"] .pcta .acts .btn[href^=\"mailto\"],#ms[dir=\"rtl\"] .menu-foot a[href^=\"mailto\"]{direction:ltr;unicode-bidi:isolate}\n@media (max-height:720px) and (min-width:861px){\n #ms[dir=\"rtl\"] .stage h1{font-size:clamp(44px,min(8.4vw,10.4vh),140px)}\n #ms[dir=\"rtl\"] .stage p{font-size:15px;line-height:1.7}\n}\n@media (max-width:860px){\n #ms[dir=\"rtl\"] .stage{text-align:right}\n #ms[dir=\"rtl\"] .stage p{margin-right:0}\n #ms[dir=\"rtl\"] .events .pin{padding:calc(var(--r) + 60px) var(--pad) 60px 0}\n #ms[dir=\"rtl\"] .events .track{padding-right:0;padding-left:var(--pad)}\n #ms[dir=\"rtl\"] .scard .n{right:22px}\n #ms[dir=\"rtl\"] .tl::before,#ms[dir=\"rtl\"] .tl .it::before{right:0}\n #ms[dir=\"rtl\"] .tl .it{padding-left:0;padding-right:22px}\n #ms[dir=\"rtl\"] .tl .it .bd{padding-right:0}\n #ms[dir=\"rtl\"] .tl .it .yr{text-align:right}\n #ms[dir=\"rtl\"] .top{left:16px}\n}\n\/* ===== consistency sweep (2026-10-03) ===== *\/\n\/* stacking cards: spacing lives on the container so the pin spacers never change it; card 3 photo rules move out of markup *\/\n#ms .scard+.scard{margin-top:0}\n#ms .cards > * + *{margin-top:3vh}\n#ms .scard.c3 .ph img{border-radius:22px}\n\/* two-column sections start their text at the sheet top like every other section; photos sit on the content edge *\/\n#ms .g2,#ms .racket .wrap{align-items:start}\n#ms .who .grid{align-items:stretch}\n#ms .who .grid > div:first-child{display:flex;flex-direction:column;justify-content:space-between}\n#ms .media .photo,#ms .presence .photo,#ms .athlete .photo{justify-self:end}\n\/* reserve the photo boxes so lazy images never shift the layout *\/\n#ms .who .photo{aspect-ratio:1059\/1600}\n#ms .presence .photo{aspect-ratio:926\/1517}\n#ms .athlete .photo{aspect-ratio:753\/1590}\n#ms .racket .rk{aspect-ratio:364\/629}\n#ms .media .bein{aspect-ratio:342\/177}\n#ms .who .photo img,#ms .presence .photo img,#ms .athlete .photo img{width:100%;height:auto;display:block}\n\/* events *\/\n#ms .events .head .lead{max-width:300px}\n#ms .lead.cap{font-size:15px;line-height:1.6}\n#ms .ev .badge.mono{filter:brightness(0) invert(1) drop-shadow(0 4px 12px rgba(0,0,0,.6))}\n#ms .ev .in b{text-wrap:balance}\n\/* tournaments: one logo box, one baseline per row *\/\n#ms .tourn{margin-top:0}\n#ms .tourn img{display:block;width:112px;height:44px;max-height:none;margin:0 auto 16px;object-fit:contain}\n#ms .tourn img[src*=\"gcc\"]{height:56px;margin-top:-6px;margin-bottom:10px}\n#ms .racket .partners img{height:32px;width:auto;max-width:104px;object-fit:contain}\n\/* logo chips: one spec for strips and grids, square marks get a taller cap *\/\n#ms .lg,#ms .lg.sm{height:104px;min-width:0;width:234px;padding:0 30px}\n#ms .lgrid div{height:104px}\n#ms .lg img,#ms .lgrid img{max-height:48px;max-width:150px;width:auto;height:auto;object-fit:contain}\n#ms .lg img[src*=\"logo-vodafone\"],#ms .lg img[src*=\"logo-qatari-diar\"],#ms .lg img[src*=\"logo-uburger\"],#ms .lg img[src*=\"logo-wings\"],#ms .lg img[src*=\"logo-eden\"],#ms .lg img[src*=\"logo-coffeeshop\"],#ms .lgrid img[src*=\"logo-vodafone\"],#ms .lgrid img[src*=\"logo-qatari-diar\"],#ms .lgrid img[src*=\"logo-uburger\"],#ms .lgrid img[src*=\"logo-wings\"],#ms .lgrid img[src*=\"logo-eden\"],#ms .lgrid img[src*=\"logo-coffeeshop\"]{max-height:64px}\n\/* company cards: fixed logo column so both cards share one text edge *\/\n#ms .biz .co div{grid-template-columns:140px 1fr}\n#ms .biz .co img{height:auto;max-height:40px;max-width:120px;width:auto}\n\/* timeline chips: one box, one text width per row *\/\n#ms .tl .it img{width:128px;height:64px;max-width:none;padding:8px 14px}\n#ms .tl .it .bd{grid-template-columns:1fr 128px}\n#ms .tl .it b{font-weight:400}\n\/* inner pages *\/\n#ms.inner .reels .list{gap:18px;margin-top:48px}\n#ms.inner .media .grid{align-items:start}\n#ms.inner .phero .lead{max-width:620px}\n#ms .pcta .acts .btn[href^=\"mailto\"]{text-transform:none;letter-spacing:.06em}\n\/* presence portrait fades out at the shins instead of a hard cut *\/\n#ms .presence .photo img{-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}\n\/* nav gets a backdrop once the page has scrolled *\/\n#ms .nav.scrolled{background:rgba(4,10,20,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:14px}\n\/* pills share one tracking; the Instagram glyph matches the solid icons' weight *\/\n#ms .nav .cta,#ms .connect .soc a{letter-spacing:.24em}\n#ms .connect .soc svg.ig{stroke-width:2.4}\n#ms .connect .soc svg.ig .dot{r:1.6px}\n\/* footer: symmetric gutters (the back-to-top button hides near the footer) *\/\n@media (min-width:861px){#ms footer{padding-inline-end:var(--pad)}}\n\/* Arabic hollow words: ghost fill instead of per-letter outlines (connected script shows seams with text-stroke) *\/\n#ms[dir=\"rtl\"] .thin,#ms[dir=\"rtl\"] .stage h1 .o,#ms[dir=\"rtl\"] .connect .huge .o{-webkit-text-stroke:0;color:rgba(244,247,251,.42);-webkit-text-fill-color:rgba(244,247,251,.42)}\n@media (max-width:860px){\n #ms .stage.s1,#ms .stage.s2,#ms .stage.s3{display:none}\n #ms .stage .acts .btn{padding:16px 30px;font-size:12px}\n #ms[dir=\"rtl\"] .stage .acts .btn{font-size:14px;padding:15px 28px}\n #ms .hero .stats span{font-size:12px;letter-spacing:.12em}\n #ms .scard .ph img{max-height:30vh}\n #ms .biz .co div{grid-template-columns:1fr;row-gap:10px}\n #ms .biz .co img{grid-row:auto;margin-bottom:6px}\n #ms .media .grid.g2{row-gap:40px}\n #ms .media .photo{transform:none!important}\n #ms .media .photo,#ms .presence .photo,#ms .athlete .photo{justify-self:center}\n #ms .events .pin{padding:calc(var(--secpad) + var(--r)) 0 var(--secpad) var(--pad)}\n #ms[dir=\"rtl\"] .events .pin{padding:calc(var(--secpad) + var(--r)) var(--pad) var(--secpad) 0}\n #ms .lg,#ms .lg.sm{width:200px;height:96px;padding:0 24px}\n #ms .lgrid div{height:96px}\n #ms .lg img,#ms .lgrid img{max-height:44px;max-width:120px}\n #ms.inner .phero .ph{height:min(56svh,460px);align-items:flex-end}\n #ms.inner .phero .ph img{max-height:100%;width:auto;max-width:100%}\n #ms .gal{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-top:32px;align-items:flex-end;scrollbar-width:none}\n #ms .gal::-webkit-scrollbar{display:none}\n #ms .gal img{flex:0 0 76%;width:76%;scroll-snap-align:start}\n}\n\n\/* ===== mobile pass (2026-10-03): native scrolling, no JS pins, stable layout ===== *\/\n@media (max-width:860px){\n \/* no compositing layers held for the whole page: GSAP promotes elements only while they animate *\/\n \/* (the parallax photos keep theirs: Chromium skips the lazy load of a masked photo whose box has no layer) *\/\n #ms .rv,#ms .rvx,#ms .ln>span,#ms .btn,#ms .clip,#ms .scard,#ms .hero .media,#ms .ev img.bg,#ms .athlete .bg,#ms .biz .bg,#ms.inner .phero .bg,#ms .connect .wm,#ms .racket .rk{will-change:auto}\n \/* blur behind fixed\/scrolling elements is the most expensive thing a phone GPU does: solid fills instead *\/\n #ms .nav.scrolled{background:rgba(4,10,20,.94);-webkit-backdrop-filter:none;backdrop-filter:none}\n #ms .top{background:rgba(6,16,31,.9);-webkit-backdrop-filter:none;backdrop-filter:none}\n #ms .biz .co div{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(6,16,31,.8)}\n \/* hero: the video fills the box 1:1 (no scale on phones) and the stats sit in one row under the copy *\/\n #ms .hero .media{inset:0}\n #ms .hero .safe{top:84px;bottom:118px}\n body.admin-bar #ms .hero .safe{top:116px}\n #ms .hero .stats{left:var(--pad);right:var(--pad);bottom:22px;gap:0 12px;flex-wrap:nowrap;align-items:flex-start}\n #ms .hero .stats>div{flex:1 1 0;min-width:0}\n #ms .hero .stats b{font-size:26px;white-space:nowrap}\n #ms .hero .stats span{font-size:10px;letter-spacing:.08em;line-height:1.35;display:block;margin-top:4px;white-space:normal}\n #ms[dir=\"rtl\"] .hero .stats span{font-size:11px;letter-spacing:0}\n #ms .stage p{margin-top:14px}\n #ms .stage .acts{margin-top:18px;gap:10px}\n \/* stacking cards: CSS sticky instead of a JS pin. The browser pins on the compositor, so nothing\n    jumps when images load or the address bar moves, and ScrollTrigger.refresh() never unpins a card.\n    The covered card dims with brightness only (no blur): a blur filter on a card-sized layer is what stuttered. *\/\n #ms .stack .cards{padding-bottom:calc(8vh + var(--r))}\n #ms .scard{position:-webkit-sticky;position:sticky;top:max(13svh,78px);height:auto;padding:0 var(--pad)}\n #ms .scard .ph{height:30svh;margin-top:14px;align-items:flex-end;justify-content:center}\n #ms .scard .ph img{max-height:100%;width:auto;max-width:100%}\n #ms .scard .txt{padding-top:40px}\n \/* the sheet that follows the stack paints over the sticky cards *\/\n #ms .stack+.sheet{z-index:2}\n \/* marquee runs as a CSS animation (compositor), not a per-frame JS tween *\/\n #ms .marq .track{animation:msmarq 40s linear infinite}\n #ms[dir=\"rtl\"] .marq .track{animation-name:msmarq-rtl}\n \/* horizontal rails: proximity snapping never traps a diagonal thumb; no scroll chaining to the page *\/\n #ms .events .track,#ms .gal{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none}\n #ms .events .track::-webkit-scrollbar{display:none}\n \/* background parallax layers stay put on phones (they are the largest layers on the page) *\/\n #ms .athlete .bg,#ms .biz .bg,#ms.inner .phero .bg{transform:none!important;inset:0}\n \/* timeline (inner pages): one column, logo under the text instead of squeezing it *\/\n #ms .tl .it .bd{grid-template-columns:1fr;gap:14px;align-items:start}\n #ms .tl .it img{width:112px;height:56px;padding:8px 12px}\n \/* long e-mail\/phone links wrap at a sensible point instead of mid-word *\/\n #ms .connect .ways a.big{word-break:normal;overflow-wrap:anywhere}\n \/* mobile menu: scrolling inside it never scrolls the page behind *\/\n #ms .menu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}\n \/* reels: dark frame while the Instagram iframe loads *\/\n #ms .reels .list>div{background:#0b1a33;min-height:520px}\n}\n\/* short phones (SE \/ small Android): tighter hero so the copy never climbs under the nav *\/\n@media (max-width:860px) and (max-height:640px){\n #ms .stage h1{font-size:clamp(44px,13vw,64px)}\n #ms .stage p{font-size:15px;line-height:1.5;margin-top:10px}\n #ms .stage .acts{margin-top:14px}\n #ms .stage .acts .btn{padding:13px 22px}\n #ms .hero .safe{top:76px;bottom:104px}\n #ms .hero .stats{bottom:18px}\n #ms .hero .stats b{font-size:22px}\n}\n@keyframes msmarq{to{transform:translateX(-50%)}}\n@keyframes msmarq-rtl{to{transform:translateX(50%)}}\n@media (prefers-reduced-motion: reduce){#ms .marq .track{animation:none}}\n\/* event cards: let the background overflow the card (the global img max-width:100% was capping it and leaving a strip of card colour on one side) *\/\n#ms .ev img.bg{max-width:none}\n<\/style>\n<div id=\"ms\" class=\"inner\">\n<div class=\"pre\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/logo-ms-black.webp\" alt=\"\"><div class=\"pct\">00<\/div><div class=\"bar\"><i><\/i><\/div><\/div>\n<div class=\"cur\"><\/div><div class=\"cur2\"><\/div>\n<div class=\"prog\"><\/div>\n<nav class=\"nav\" aria-label=\"Main\">\n  <a href=\"https:\/\/optimus.icaruzen.work\/\" aria-label=\"M.S home\"><img decoding=\"async\" class=\"mark\" src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/logo-ms-black.webp\" alt=\"M.S monogram\"><\/a>\n  <ul>\n    <li><a href=\"https:\/\/optimus.icaruzen.work\/#arenas\">Story<\/a><\/li>\n    <li><a href=\"https:\/\/optimus.icaruzen.work\/?pagename=media\">Media<\/a><\/li>\n    <li><a href=\"https:\/\/optimus.icaruzen.work\/?pagename=athlete\">Athlete<\/a><\/li>\n    <li><a href=\"https:\/\/optimus.icaruzen.work\/?pagename=business\">Business<\/a><\/li>\n    <li><a href=\"https:\/\/optimus.icaruzen.work\/#reels\">Reels<\/a><\/li>\n  <\/ul>\n  <div class=\"navr\">\n    <a class=\"lang\" href=\"https:\/\/optimus.icaruzen.work\/?pagename=ar-media\" lang=\"ar\" dir=\"rtl\">\u0639\u0631\u0628\u064a<\/a>\n    <a class=\"cta\" href=\"https:\/\/optimus.icaruzen.work\/#connect\">Let&#8217;s connect<\/a>\n    <button class=\"burger\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\"><i><\/i><i><\/i><\/button>\n  <\/div>\n<\/nav>\n<div class=\"menu\" aria-hidden=\"true\">\n  <div class=\"menu-in\">\n    <a class=\"ml\" href=\"https:\/\/optimus.icaruzen.work\/\"><small>00<\/small>Home<\/a>\n    <a class=\"ml\" href=\"https:\/\/optimus.icaruzen.work\/#arenas\"><small>01<\/small>Story<\/a>\n    <a class=\"ml\" href=\"https:\/\/optimus.icaruzen.work\/?pagename=media\"><small>02<\/small>Media<\/a>\n    <a class=\"ml\" href=\"https:\/\/optimus.icaruzen.work\/?pagename=athlete\"><small>03<\/small>Athlete<\/a>\n    <a class=\"ml\" href=\"https:\/\/optimus.icaruzen.work\/?pagename=business\"><small>04<\/small>Business<\/a>\n    <a class=\"ml\" href=\"https:\/\/optimus.icaruzen.work\/#reels\"><small>05<\/small>Reels<\/a>\n    <a class=\"ml\" href=\"https:\/\/optimus.icaruzen.work\/#connect\"><small>06<\/small>Let&#8217;s connect<\/a>\n    <div class=\"menu-foot\"><a href=\"https:\/\/optimus.icaruzen.work\/?pagename=ar-media\" lang=\"ar\" dir=\"rtl\">\u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/a><a href=\"mailto:Ms3don@socialitemea.com\">Ms3don@socialitemea.com<\/a><\/div>\n  <\/div>\n<\/div>\n\n\n<header class=\"phero\" id=\"top\">\n  <div class=\"bg\" style=\"background-image:url(https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/bg-studio.webp)\" data-parallax=\"120\"><\/div>\n  <div class=\"crumbs\"><a href=\"https:\/\/optimus.icaruzen.work\/\">Home<\/a><span>\/<\/span><span>Media<\/span><\/div>\n  <div class=\"txt\">\n    <div class=\"eyebrow rv\">01 \u00b7 Media<\/div>\n    <h1 class=\"d\"><div class=\"ln\"><span>The<\/span><\/div><div class=\"ln\"><span class=\"thin\">microphone<\/span><\/div><\/h1>\n    <p class=\"lead rv\">Seventeen years on air, in two languages, on the nights the whole region watches.<\/p>\n  <\/div>\n  <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/photo-presenter-suit-v2.webp\" alt=\"Mohammed Saadon Al Kuwari, beIN Sports presenter\"><\/div>\n<\/header>\n\n<section class=\"sec sheet media\">\n  <div class=\"grid g2\">\n    <div>\n      <div class=\"eyebrow\">Primary presenter<\/div>\n      <div class=\"hrow\"><h2 class=\"h2 d\"><div class=\"ln\"><span>The voice<\/span><\/div><div class=\"ln\"><span class=\"thin\">of the game<\/span><\/div><\/h2><img class=\"bein rv\" src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/logo-bein.webp\" alt=\"beIN Sports\" loading=\"lazy\" decoding=\"async\"><\/div>\n      <p class=\"lead rv\" style=\"margin-top:28px\">Most of Mohammed&#8217;s career has been with <b>beIN Sports<\/b>, where he became the primary presenter for football. When the network needs one face for an opening ceremony, a final, or a night where the match goes sideways, it is usually his.<\/p>\n      <p class=\"lead rv\">He works in Arabic and in English, so the same presenter fronts the Gulf&#8217;s biggest broadcasts and sits on international panels without a translator in between.<\/p>\n    <\/div>\n    <div>\n      <div class=\"eyebrow\">What he does<\/div>\n      <ul class=\"list\">\n        <li class=\"rv\"><i>01<\/i><span>Live studio presenting and match-day analysis<\/span><\/li>\n        <li class=\"rv\"><i>02<\/i><span>Stadium-side hosting at openings and finals<\/span><\/li>\n        <li class=\"rv\"><i>03<\/i><span>Commentary and post-match interviews<\/span><\/li>\n        <li class=\"rv\"><i>04<\/i><span>Master of ceremonies at launches, galas and award nights<\/span><\/li>\n        <li class=\"rv\"><i>05<\/i><span>Moderating panels in Arabic and English<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec sheet\" style=\"background:var(--deep)\">\n  <div class=\"eyebrow\">The finals<\/div>\n  <h2 class=\"h2 d\"><div class=\"ln\"><span>Fourteen years<\/span><\/div><div class=\"ln\"><span class=\"thin\">of final nights<\/span><\/div><\/h2>\n  <div class=\"tl\">\n    <div class=\"it\"><div class=\"yr\">2010<\/div><div class=\"bd\"><div><b>First Champions League final on air<\/b><span>The start of a run that would see him host Europe&#8217;s biggest club final again and again through 2024.<\/span><\/div><img src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/logo-ucl.webp\" alt=\"UEFA Champions League\" loading=\"lazy\" decoding=\"async\"><\/div><\/div>\n    <div class=\"it\"><div class=\"yr\">2014<\/div><div class=\"bd\"><div><b>World Cup final, Maracan\u00e3<\/b><span>Germany against Argentina in Rio de Janeiro, with Mohammed hosting beIN&#8217;s coverage from Brazil.<\/span><\/div><img src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/event-brasil2014.webp\" alt=\"FIFA World Cup Brasil 2014\" loading=\"lazy\" decoding=\"async\"><\/div><\/div>\n    <div class=\"it\"><div class=\"yr\">2016<\/div><div class=\"bd\"><div><b>Euro final, Saint-Denis<\/b><span>His first European Championship final, Portugal against France in Paris.<\/span><\/div><img src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/event-euro.webp\" alt=\"UEFA Euro\" loading=\"lazy\" decoding=\"async\"><\/div><\/div>\n    <div class=\"it\"><div class=\"yr\">2020<\/div><div class=\"bd\"><div><b>Euro final, Wembley<\/b><span>The delayed tournament&#8217;s final in London, Italy against England, hosted a year later than planned.<\/span><\/div><\/div><\/div>\n    <div class=\"it\"><div class=\"yr\">2022<\/div><div class=\"bd\"><div><b>World Cup opening and final, Doha<\/b><span>The first World Cup in the Arab world, opened and closed from his home city, while also serving as an official tournament ambassador.<\/span><\/div><img src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/logo-wc2022.webp\" alt=\"FIFA World Cup Qatar 2022\" loading=\"lazy\" decoding=\"async\"><\/div><\/div>\n    <div class=\"it\"><div class=\"yr\">2024<\/div><div class=\"bd\"><div><b>Euro final, Berlin<\/b><span>His third consecutive European Championship final, Spain against England.<\/span><\/div><img src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/logo-euro2024.webp\" alt=\"UEFA Euro 2024\" loading=\"lazy\" decoding=\"async\"><\/div><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec sheet presence\">\n  <div class=\"grid g2\">\n    <div>\n      <div class=\"eyebrow\">Where the audience is<\/div>\n      <div class=\"big\" data-scale><span class=\"num\" data-count=\"4.5\" data-suffix=\"M\" data-dec=\"1\">0<\/span><small>people<br>follow him<\/small><\/div>\n      <p class=\"lead rv\" style=\"margin-top:26px\">Television first, then the phone. More than 150 million people have watched him on air, and 4.5 million chose to follow him afterwards.<\/p>\n      <div class=\"plat\">\n        <a class=\"rv\" href=\"https:\/\/www.facebook.com\/share\/1KARRZsUVe\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M13.5 22v-8h2.7l.4-3.2h-3.1V8.8c0-.9.3-1.6 1.6-1.6h1.7V4.4c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.2H7.3V14h2.8v8h3.4z\"\/><\/svg><b data-count=\"1.8\" data-suffix=\"M\" data-dec=\"1\">0<\/b><span>Facebook<\/span><div class=\"bar\"><i data-w=\"100\"><\/i><\/div><\/a>\n        <a class=\"rv\" href=\"https:\/\/x.com\/ms3don?s=11\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M17.5 3h3l-6.6 7.6L21.7 21h-6.1l-4.8-6.2L5.3 21h-3l7.1-8.1L2 3h6.2l4.3 5.7L17.5 3zm-1.1 16.2h1.7L7.4 4.7H5.6l10.8 14.5z\"\/><\/svg><b data-count=\"1.2\" data-suffix=\"M\" data-dec=\"1\">0<\/b><span>X<\/span><div class=\"bar\"><i data-w=\"67\"><\/i><\/div><\/a>\n        <a class=\"rv\" href=\"https:\/\/www.instagram.com\/ms3don\" target=\"_blank\" rel=\"noopener\"><svg class=\"ig\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle class=\"dot\" cx=\"17.4\" cy=\"6.6\" r=\"1.1\"\/><\/svg><b data-count=\"1.1\" data-suffix=\"M\" data-dec=\"1\">0<\/b><span>Instagram<\/span><div class=\"bar\"><i data-w=\"61\"><\/i><\/div><\/a>\n        <a class=\"rv\" href=\"https:\/\/www.tiktok.com\/@ms3don\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\"><path d=\"M16.6 5.8A4.3 4.3 0 0 1 15.5 3h-3.1v12.4a2.6 2.6 0 1 1-1.8-2.5V9.7a5.7 5.7 0 1 0 4.9 5.7V9.3a7.3 7.3 0 0 0 4.3 1.4V7.6a4.3 4.3 0 0 1-3.2-1.8z\"\/><\/svg><b data-count=\"461\" data-suffix=\"K\">0<\/b><span>TikTok<\/span><div class=\"bar\"><i data-w=\"26\"><\/i><\/div><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"photo\" data-parallax=\"-60\"><img class=\"clip\" src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/photo-media-pointing.webp\" alt=\"Mohammed pointing up\" loading=\"lazy\" decoding=\"async\"><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec sheet reels\" id=\"reels\">\n  <div class=\"eyebrow\">On camera<\/div>\n  <h2 class=\"h2 d\"><div class=\"ln\"><span>Recent <span class=\"thin\">reels<\/span><\/span><\/div><\/h2>\n  <div class=\"list\" data-reels style=\"display:grid\">\n    <div class=\"rv\"><blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DcGR4_uNwrX\/\" data-instgrm-version=\"14\"><a href=\"https:\/\/www.instagram.com\/reel\/DcGR4_uNwrX\/\">View on Instagram<\/a><\/blockquote><\/div>\n    <div class=\"rv\"><blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DY4b0GNNciE\/\" data-instgrm-version=\"14\"><a href=\"https:\/\/www.instagram.com\/reel\/DY4b0GNNciE\/\">View on Instagram<\/a><\/blockquote><\/div>\n    <div class=\"rv\"><blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DXMQbzkEq6u\/\" data-instgrm-version=\"14\"><a href=\"https:\/\/www.instagram.com\/reel\/DXMQbzkEq6u\/\">View on Instagram<\/a><\/blockquote><\/div>\n    <div class=\"rv\"><blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DQ_LfKeDbxP\/\" data-instgrm-version=\"14\"><a href=\"https:\/\/www.instagram.com\/reel\/DQ_LfKeDbxP\/\">View on Instagram<\/a><\/blockquote><\/div>\n    <div class=\"rv\"><blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DQ2F1MijWG4\/\" data-instgrm-version=\"14\"><a href=\"https:\/\/www.instagram.com\/reel\/DQ2F1MijWG4\/\">View on Instagram<\/a><\/blockquote><\/div>\n    <div class=\"rv\"><blockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DSPnRwJCKlH\/\" data-instgrm-version=\"14\"><a href=\"https:\/\/www.instagram.com\/reel\/DSPnRwJCKlH\/\">View on Instagram<\/a><\/blockquote><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec sheet pcta\">\n  <div class=\"eyebrow\" style=\"justify-content:center\">Booking<\/div>\n  <h2 class=\"h2 d rv\">A broadcast, a launch, <span class=\"thin\">or a stage.<\/span><\/h2>\n  <p class=\"lead rv\" style=\"margin:28px auto 0;text-align:center\">One email reaches his team. Tell them the date, the format and the language, and they will come back with a yes or a no within the week.<\/p>\n  <div class=\"acts rv\"><a class=\"btn gold\" href=\"mailto:Ms3don@socialitemea.com\">Ms3don@socialitemea.com<\/a><a class=\"btn\" href=\"tel:+97471616611\">+974 7161 6611<\/a><\/div>\n<\/section>\n\n<a class=\"nextp sheet\" href=\"https:\/\/optimus.icaruzen.work\/?pagename=athlete\"><img class=\"wm\" src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/logo-ms-black.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\"><small>Next<\/small><div class=\"big\">The racket<\/div><span class=\"arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg><\/span><\/a>\n<footer><img src=\"https:\/\/optimus.icaruzen.work\/wp-content\/uploads\/2026\/10\/logo-ms-black.webp\" alt=\"M.S\" loading=\"lazy\" decoding=\"async\"><span>\u00a9 2026 Mohammed Saadon Al Kuwari<\/span><span><a href=\"https:\/\/optimus.icaruzen.work\/?pagename=media\">Media<\/a> \u00b7 <a href=\"https:\/\/optimus.icaruzen.work\/?pagename=athlete\">Athlete<\/a> \u00b7 <a href=\"https:\/\/optimus.icaruzen.work\/?pagename=business\">Business<\/a><\/span><\/footer>\n<a class=\"top\" href=\"#top\" aria-label=\"Back to top\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg><\/a>\n\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lenis@1.1.18\/dist\/lenis.min.js\"><\/script>\n<script>\n(function(){\n  var root=document.getElementById('ms');\n  if(!window.gsap){var pre0=root.querySelector('.pre');if(pre0){pre0.style.display='none'}return}\n  gsap.registerPlugin(ScrollTrigger);\n  ScrollTrigger.config({ignoreMobileResize:true});\n  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var mobile=window.matchMedia('(max-width: 860px)').matches;\n  var fine=window.matchMedia('(pointer: fine)').matches;\n  var q=function(s){return root.querySelector(s)};\n  var qa=function(s){return Array.prototype.slice.call(root.querySelectorAll(s))};\n  var rtl=root.getAttribute('dir')==='rtl';\n  var lenis=null;\n  qa('[data-dup]').forEach(function(s){s.innerHTML=s.innerHTML+s.innerHTML});\n  var burger=q('.burger'),menu=q('.menu');\n  function setMenu(open){root.classList.toggle('menu-open',open);if(menu){menu.classList.toggle('open',open);menu.setAttribute('aria-hidden',open?'false':'true')}if(burger){burger.setAttribute('aria-expanded',open?'true':'false')}document.documentElement.style.overflow=open?'hidden':''}\n  if(burger){var lblOpen=burger.getAttribute('aria-label')||'Open menu',lblClose=rtl?'\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629':'Close menu';burger.addEventListener('click',function(){var open=!root.classList.contains('menu-open');setMenu(open);burger.setAttribute('aria-label',open?lblClose:lblOpen)});qa('.menu a').forEach(function(a){a.addEventListener('click',function(){setMenu(false)})});document.addEventListener('keydown',function(e){if(e.key==='Escape'){setMenu(false)}})}\n  if(window.Lenis ? !(reduce||mobile) : false){\n    lenis=new Lenis({lerp:.085,wheelMultiplier:.95});\n    lenis.on('scroll',ScrollTrigger.update);\n    gsap.ticker.add(function(t){lenis.raf(t*1000)});\n    gsap.ticker.lagSmoothing(0);\n  }\n  qa('a[href^=\"#\"]').forEach(function(a){a.addEventListener('click',function(e){var id=a.getAttribute('href');if(id.length<2){return}var el=document.querySelector(id);if(el){e.preventDefault();if(lenis){lenis.scrollTo(el,{offset:0,duration:1.5})}else{el.scrollIntoView({behavior:'smooth'})}}})});\n  if(fine ? !reduce : false){\n    var c1=q('.cur'),c2=q('.cur2');\n    var x1=gsap.quickTo(c1,'x',{duration:.08}),y1=gsap.quickTo(c1,'y',{duration:.08}),x2=gsap.quickTo(c2,'x',{duration:.32,ease:'power3'}),y2=gsap.quickTo(c2,'y',{duration:.32,ease:'power3'});\n    window.addEventListener('mousemove',function(e){x1(e.clientX);y1(e.clientY);x2(e.clientX);y2(e.clientY)});\n    qa('a, button, .lg, .lgrid div').forEach(function(el){el.addEventListener('mouseenter',function(){c2.classList.add('on')});el.addEventListener('mouseleave',function(){c2.classList.remove('on')})});\n    qa('.reels .list').forEach(function(el){el.addEventListener('mouseenter',function(){root.classList.add('nocur')});el.addEventListener('mouseleave',function(){root.classList.remove('nocur')})});\n  }\n  if(!reduce){qa('.sheet').forEach(function(s){gsap.from(s,{y:function(){return Math.abs(parseFloat(getComputedStyle(s).marginTop))||40},ease:'none',scrollTrigger:{trigger:s,start:'top bottom',end:'top 60%',scrub:true,invalidateOnRefresh:true}})})}\n  var prog=q('.prog'),topBtn=q('.top'),nav=q('.nav'),lastY=0,footEl=q('footer');\n  ScrollTrigger.create({start:0,end:'max',onUpdate:function(s){var y=s.scroll();gsap.set(prog,{scaleX:s.progress});if(y!==lastY){var hide=(y>lastY)?(y>300):false;nav.style.transform=hide?'translateY(-110%)':'translateY(0)'}nav.classList.toggle('scrolled',y>80);lastY=y;var nearFoot=footEl?(y+window.innerHeight>footEl.getBoundingClientRect().top+y-10):false;if(topBtn){topBtn.classList.toggle('on',y>900?!nearFoot:false)}}});\n  function countUp(el){var end=parseFloat(el.dataset.count),dec=parseInt(el.dataset.dec||'0'),suf=el.dataset.suffix||'';var o={v:0};gsap.to(o,{v:end,duration:2.2,ease:'power2.out',onUpdate:function(){el.textContent=o.v.toFixed(dec)+suf}})}\n  qa('[data-count]').forEach(function(el){ScrollTrigger.create({trigger:el,start:'top 90%',once:true,onEnter:function(){countUp(el)}})});\n  qa('.plat .bar i').forEach(function(b){gsap.to(b,{width:b.dataset.w+'%',duration:1.6,ease:'power3.out',scrollTrigger:{trigger:b,start:'top 92%',once:true}})});\n  qa('.rv').forEach(function(el){if(el.closest('.phero')){return}gsap.to(el,{opacity:1,y:0,duration:1.1,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 88%',once:true}})});\n  qa('.rvx').forEach(function(el){gsap.to(el,{opacity:1,x:0,duration:1.2,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 85%',once:true}})});\n  qa('.ln>span').forEach(function(el){if(el.closest('.phero')){return}gsap.to(el,{y:0,duration:1.1,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 88%',once:true}})});\n  qa('.clip').forEach(function(el){gsap.to(el,{clipPath:'inset(0 0 0% 0)',duration:1.4,ease:'power3.inOut',scrollTrigger:{trigger:el,start:'top 82%',once:true}})});\n  var st=q('[data-words]');\n  if(st){st.innerHTML=st.textContent.trim().split(\/\\s+\/).map(function(w){return '<span class=\"w\">'+w+'<\/span>'}).join(' ');\n    var ws=st.querySelectorAll('.w');\n    ScrollTrigger.create({trigger:st,start:'top 78%',end:'bottom 40%',scrub:true,onUpdate:function(s){var n=Math.round(s.progress*ws.length);ws.forEach(function(w,i){w.classList.toggle('on',i<n)})}})}\n  if(!reduce){qa('[data-parallax]').forEach(function(el){if(mobile ? el.classList.contains('bg') : false){return}gsap.to(el,{y:parseFloat(el.dataset.parallax),ease:'none',scrollTrigger:{trigger:el,start:'top bottom',end:'bottom top',scrub:true}})})}\n  var big=q('[data-scale]');if(big){gsap.from(big,{scale:.72,opacity:.3,ease:'none',scrollTrigger:{trigger:big,start:'top 95%',end:'top 35%',scrub:true}})}\n  var rk=q('[data-rank]');if(rk){gsap.from(rk,{scale:1.7,xPercent:rtl?10:-10,ease:'none',scrollTrigger:{trigger:rk,start:'top 90%',end:'top 30%',scrub:true}})}\n  var rot=q('[data-rotate]');if(rot){gsap.fromTo(rot,{rotate:-14,y:60},{rotate:6,y:-40,ease:'none',scrollTrigger:{trigger:rot,start:'top bottom',end:'bottom top',scrub:true}})}\n  qa('.tl .it').forEach(function(it){gsap.from(it,{opacity:0,x:rtl?30:-30,duration:.9,ease:'power3.out',scrollTrigger:{trigger:it,start:'top 86%',once:true}})});\n  var reels=q('[data-reels]');\n  if(reels){var loaded=false;var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){if(!loaded){loaded=true;var s=document.createElement('script');s.async=true;s.src='https:\/\/www.instagram.com\/embed.js';document.body.appendChild(s);io.disconnect()}}})},{rootMargin:'600px'});io.observe(reels)}\n  \/* page hero intro *\/\n  function intro(){\n    var tl=gsap.timeline({defaults:{ease:'power3.out'}});\n    tl.to('#ms .phero .ln>span',{y:0,duration:1.1,stagger:.1})\n      .to('#ms .phero .rv',{opacity:1,y:0,duration:.9,stagger:.12},'-=.6')\n      .fromTo('#ms .phero .ph',{opacity:0,y:50},{opacity:1,y:0,duration:1.1},'-=.9')\n      .from(nav,{y:-20,opacity:0,duration:.8},'-=.8');\n  }\n  var pre=q('.pre');\n  if(pre){var o={n:0};var pctEl=pre.querySelector('.pct'),barEl=pre.querySelector('.bar i');\n    var ptl=gsap.timeline({onComplete:function(){pre.style.display='none';intro();ScrollTrigger.refresh()}});\n    ptl.to(pre.querySelector('img'),{opacity:1,scale:1,duration:.5,ease:'power3.out'})\n       .to(pctEl,{opacity:1,duration:.2},'-=.3')\n       .to(o,{n:100,duration:.7,ease:'power2.inOut',onUpdate:function(){var n=Math.round(o.n);pctEl.textContent=(n<10?'0':'')+n;barEl.style.width=n+'%'}},'-=.1')\n       .to([pctEl,pre.querySelector('.bar'),pre.querySelector('img')],{opacity:0,y:-20,duration:.3,stagger:.04})\n       .to(pre,{yPercent:-100,duration:.8,ease:'power4.inOut'},'-=.1');\n  }else{intro()}\n  window.addEventListener('load',function(){ScrollTrigger.refresh()});\n  \/* phones: re-measure only once the thumb is still. A refresh mid-scroll is what made the page jump. *\/\n  var rt=null,bump=function(){clearTimeout(rt);rt=setTimeout(function(){rt=null;ScrollTrigger.refresh()},mobile?450:180)};\n  if(mobile){window.addEventListener('scroll',function(){if(rt){bump()}},{passive:true})}\n  qa('img').forEach(function(im){if(!im.complete){im.addEventListener('load',bump)}});\n  \/* the logo strips are always moving, so lazy-loading leaves blank chips: fetch those marks right away *\/\n  qa('.lm img, .who .badges img').forEach(function(im){im.loading='eager'});\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>00 Story Media Athlete Business Reels \u0639\u0631\u0628\u064a Let&#8217;s connect 00Home 01Story 02Media 03Athlete 04Business 05Reels 06Let&#8217;s connect \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629Ms3don@socialitemea.com Home\/Media 01 \u00b7 Media The microphone Seventeen years on air, in two languages, on the nights the whole region watches. Primary presenter The voice of the game Most of Mohammed&#8217;s career has been with beIN Sports, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"portfolio-blank","meta":{"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/optimus.icaruzen.work\/index.php?rest_route=\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optimus.icaruzen.work\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optimus.icaruzen.work\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optimus.icaruzen.work\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/optimus.icaruzen.work\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":10,"href":"https:\/\/optimus.icaruzen.work\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/optimus.icaruzen.work\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/optimus.icaruzen.work\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}