/* Scope every studio style so the existing portfolio remains unchanged. */
.lab-integrated{margin-top:54px;position:relative;isolation:isolate;scroll-margin-top:95px;font-family:Rajdhani,sans-serif}
html[lang=ar] .lab-integrated{font-family:Cairo,Rajdhani,sans-serif}
.lab-integrated-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}
.lab-kicker{display:flex;align-items:center;gap:9px;font:700 10px Rajdhani,sans-serif;letter-spacing:2px;color:var(--accent,#ed2148);margin:0 0 12px;direction:ltr}
.lab-kicker i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}
.lab-kicker>span{color:var(--text-muted,#999);border:1px solid #8883;padding:4px 7px;border-radius:4px;margin-inline-start:5px;font-size:8px;letter-spacing:1px}
.lab-integrated-heading h3{font-size:clamp(25px,3vw,41px);line-height:1.3;margin:0 0 9px;font-weight:700;letter-spacing:-.7px}
.lab-integrated-heading>div>p:last-child{font-size:14px;max-width:630px;line-height:1.7;color:var(--text-muted,#a6a0ad);margin:0}
#labReplayIntro{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:10px 15px;border:1px solid #8884;border-radius:9px;background:#8881;color:inherit;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
#labReplayIntro:hover{border-color:var(--accent,#ed2148);background:#ef31531a}
#labReplayIntro>svg{width:18px;height:18px;fill:none;stroke:var(--accent,#ed2148);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lab-frame-wrap{position:relative;background:#0d0d14;border-radius:22px;overflow:hidden;border:1px solid #8d62763a;box-shadow:0 30px 85px #0003}
#labFrame{display:block;width:100%;border:0;min-height:400px;color-scheme:dark}
.lab-frame-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#2b1624,#101018 70%);color:#eee}
.lab-frame-placeholder[hidden]{display:none}.lab-frame-placeholder>span{font:700 82px Rajdhani,sans-serif;letter-spacing:-5px}.lab-frame-placeholder>span>span{color:#fb3157}.lab-frame-placeholder p{font:600 11px Rajdhani,sans-serif;letter-spacing:4px;color:#a79cac}
.lab-integrated-caption{display:flex;justify-content:space-between;gap:15px;margin-top:15px;font-size:10px;letter-spacing:.7px;color:var(--text-muted,#a6a0ad);line-height:1.7}
.lab-integrated-caption a{color:inherit;text-decoration:none;border-bottom:1px solid #8885;padding-bottom:2px;white-space:nowrap}
@media(max-width:767px){.lab-integrated{margin-top:32px}.lab-integrated-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:18px}.lab-integrated-heading>div>p:last-child{font-size:12px}.lab-kicker{font-size:8px;letter-spacing:1.2px}.lab-kicker>span{font-size:7px}#labReplayIntro{min-height:42px;font-size:11px}.lab-integrated-caption{font-size:9px;flex-wrap:wrap}.lab-frame-wrap{border-radius:16px}}
/* A finite, art-directed workstation intro. The original hero remains untouched. */
#labBoot{position:fixed;inset:0;box-sizing:border-box;max-width:none;max-height:none;width:100vw;width:100dvw;height:100vh;height:100dvh;margin:0;padding:0;border:0;background:#08090b;color:#f2f1ed;overflow:hidden;overscroll-behavior:contain;font-family:Rajdhani,Cairo,sans-serif;z-index:2147483647;transition:opacity .45s ease}
#labBoot::backdrop{background:#08090b}#labBoot[open]{display:flex;flex-direction:column;animation:lab-boot-reveal .4s ease-out}#labBoot[data-leaving=true]{opacity:0}
.lab-boot-top{display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;gap:20px;direction:ltr;z-index:3;border-bottom:1px solid #ffffff09}
.lab-boot-wordmark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font:700 19px/1 Rajdhani,sans-serif;letter-spacing:3px;pointer-events:none}
.lab-boot-wordmark img{width:41px;height:41px;object-fit:cover;border-radius:50%;border:1px solid #d9374144}
.lab-boot-wordmark>span{display:flex;flex-direction:column;gap:7px}.lab-boot-tag{color:#888d96;font-size:7px;letter-spacing:1.8px;font-weight:500}
.lab-boot-edition{font:500 9px Rajdhani,sans-serif;color:#8e929b;letter-spacing:2px}.lab-boot-edition b{color:#e62440;padding:0 9px}
#labBootSkip{display:flex;align-items:center;gap:19px;border:1px solid #ffffff25;background:#ffffff04;color:#e9e8e5;border-radius:6px;min-height:44px;padding:10px 17px;cursor:pointer;font:600 12px Cairo,Rajdhani,sans-serif}
#labBootSkip:hover{background:#ffffff0d;border-color:#ffffff55}#labBootSkip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#labBootSkip:focus-visible{outline:2px solid #ed3348;outline-offset:4px}
.lab-boot-scene{flex:1;min-height:0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 65% 40%,#25262b,#08090b 68%)}
#labBootCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.1s ease,transform 1.5s cubic-bezier(.2,.7,.2,1)}
#labBoot[data-ready=true] #labBootCanvas{opacity:1}
.lab-boot-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08090b 0%,transparent 22%,transparent 83%,#08090b55 100%),linear-gradient(90deg,#08090b88,transparent 45%);transition:background 1s}
.lab-boot-crosshair{position:absolute;right:4vw;top:25px;color:#747780;font:300 22px Rajdhani,sans-serif}
.lab-boot-direction{position:absolute;top:31px;left:4vw;display:flex;gap:14px;align-items:center;color:#d1d0cc;font:500 9px Rajdhani,sans-serif;letter-spacing:2px;direction:ltr}
.lab-boot-direction i{width:29px;height:1px;background:#d4253e}.lab-boot-direction>span:last-child{color:#757a85;font-size:7px;letter-spacing:1.4px}
.lab-boot-editorial{position:absolute;bottom:8%;left:6vw;right:5vw;direction:ltr;transition:opacity .5s,transform .8s;pointer-events:none}
.lab-boot-editorial>span{font:600 9px Rajdhani,sans-serif;letter-spacing:3px;color:#d54151}
.lab-boot-editorial p{font:600 clamp(24px,3vw,44px)/1.4 Rajdhani,Cairo,sans-serif;letter-spacing:-.5px;margin:10px 0 0;color:#edeeed}
.lab-boot-identity{position:absolute;left:7vw;top:50%;width:48%;transform:translateY(-42%);direction:ltr;pointer-events:none}
.lab-boot-byline{font:500 9px/1.8 Rajdhani,Cairo,sans-serif;color:#a7a8aa;letter-spacing:2.3px;margin:0 0 24px;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .8s}
#labBootTitle{margin:0;width:min(100%,580px);font-family:Rajdhani,sans-serif;font-weight:700;line-height:1;direction:ltr;text-align:left}
#labBootTitle>span{display:block;position:relative}
.lab-name-first{width:82%;color:#f0f0ed}.lab-name-last{width:100%;color:#f0f0ed;margin-top:16px}
#labBootTitle svg{display:block;width:100%;height:auto;overflow:visible;font:700 200px Rajdhani,sans-serif;letter-spacing:0}
.lab-name-glyph{--delay:calc(var(--i)*65ms);transform-box:fill-box;transform-origin:center}
.lab-name-outline{fill:none;stroke:#e2e4e9;stroke-width:1.3;stroke-dasharray:1100;stroke-dashoffset:1100;opacity:0;vector-effect:non-scaling-stroke}
.lab-name-face{fill:#efefec;clip-path:inset(100% 0 0);transform-box:fill-box}
.lab-name-last .lab-name-glyph{--delay:calc(150ms + var(--i)*80ms)}
.lab-name-dot .lab-name-face{fill:#eb2944}.lab-name-dot .lab-name-outline{stroke:#eb2944}
.lab-boot-code{display:inline-flex;align-items:center;justify-content:center;color:#f0435b;font:600 15px Rajdhani,sans-serif;margin-right:11px;letter-spacing:-1px}
.lab-name-rule{display:flex;align-items:center;gap:12px;width:min(100%,580px);margin-top:21px;opacity:0;transform:translateY(6px);transition:opacity .5s 1.3s,transform .7s 1.3s;direction:ltr}
.lab-name-rule i{height:1px;flex:1;background:linear-gradient(90deg,#ed314b,#ed314b11);transform:scaleX(0);transform-origin:left;transition:transform 1.2s .8s}
.lab-name-rule span{font:600 7px Rajdhani,sans-serif;letter-spacing:1.5px;color:#8a909a}
.lab-boot-signoff{display:flex;gap:14px;align-items:center;margin-top:23px;opacity:0;transform:translateY(10px);transition:opacity .8s .7s,transform .8s .7s}
.lab-boot-signoff>span{width:37px;height:2px;background:#e6263e;transform:scaleX(0);transform-origin:left;transition:transform 1s .8s}
.lab-boot-signoff p{font:500 14px/1.7 Rajdhani,Cairo,sans-serif;color:#a9acb4;margin:0;letter-spacing:.3px}
#labBoot[data-phase=identity] .lab-boot-editorial{opacity:0;transform:translateY(12px)}
#labBoot[data-phase=identity] .lab-name-glyph{animation:lab-glyph-settle 1.6s cubic-bezier(.18,.8,.2,1) var(--delay) both}
#labBoot[data-phase=identity] .lab-name-outline{animation:lab-glyph-draw 1.9s ease var(--delay) both}
#labBoot[data-phase=identity] .lab-name-face{animation:lab-glyph-fill .95s cubic-bezier(.16,.8,.2,1) calc(.55s + var(--delay)) both,lab-glyph-light 1.1s ease calc(1.8s + var(--delay))}
#labBoot[data-phase=identity] .lab-boot-byline,#labBoot[data-phase=identity] .lab-boot-signoff,#labBoot[data-phase=identity] .lab-name-rule{opacity:1;transform:none}
#labBoot[data-phase=identity] .lab-name-rule i{transform:scaleX(1)}
#labBoot[data-phase=identity] .lab-boot-signoff>span{transform:scaleX(1)}
#labBoot[data-phase=identity] #labBootCanvas{transform:translateX(12%)}
#labBoot[data-phase=identity] .lab-boot-vignette{background:linear-gradient(90deg,#08090bea, #08090b88 28%,transparent 68%),linear-gradient(0deg,#08090b,transparent 20%)}
.lab-boot-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4vw 27px;color:#8e929a;font:500 9px Rajdhani,sans-serif;letter-spacing:1.2px;direction:ltr;border-top:1px solid #ffffff09}
.lab-boot-status{display:flex;align-items:center;gap:10px;min-width:190px}.lab-boot-status i{width:4px;height:4px;border-radius:50%;background:#d52a41}
.lab-boot-timeline{display:flex;gap:24px}.lab-boot-timeline span{display:flex;gap:9px;position:relative;padding:11px 0;color:#767b83;font-size:8px;min-width:70px;border-top:1px solid #ffffff1c;transition:color .5s,border-color .5s}.lab-boot-timeline b{font-weight:500;color:#aaaeb5}.lab-boot-timeline .active{color:#eeedeb;border-color:#e6263e}.lab-boot-timeline .active b{color:#e6263e}
.lab-boot-render-note{font-size:8px;color:#6b717b}
#labBoot[dir=rtl] .lab-boot-editorial p,#labBoot[dir=rtl] .lab-boot-byline,#labBoot[dir=rtl] .lab-boot-signoff p{font-family:Cairo,sans-serif}
@keyframes lab-boot-reveal{from{opacity:0}to{opacity:1}}
@keyframes lab-glyph-draw{0%{opacity:0;stroke-dashoffset:1100}12%{opacity:.7}70%{opacity:.75;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes lab-glyph-fill{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0 0 0)}}
@keyframes lab-glyph-settle{from{transform:translate(12px,22px)}to{transform:translate(0,0)}}
@keyframes lab-glyph-light{0%,100%{fill:#efefec}35%{fill:#fff}65%{fill:#f0c9d0}}
@media(min-width:2000px){.lab-boot-top{padding-top:38px;padding-bottom:38px}.lab-boot-identity{left:8vw}.lab-boot-byline{font-size:13px}.lab-boot-signoff p{font-size:21px}.lab-boot-bottom{font-size:12px;padding-top:34px;padding-bottom:34px}.lab-boot-timeline span{font-size:11px;min-width:100px}}
@media(max-width:900px){.lab-boot-edition{display:none}.lab-boot-render-note{display:none}.lab-boot-bottom{gap:12px}.lab-boot-status{min-width:0;font-size:8px}.lab-boot-timeline{gap:12px}.lab-boot-timeline span{min-width:53px;font-size:7px;gap:5px}}
@media(max-width:699px){.lab-boot-top{padding:17px 20px}.lab-boot-wordmark{font-size:16px;letter-spacing:2px;gap:9px}.lab-boot-wordmark img{height:34px;width:34px}.lab-boot-tag{font-size:6px;letter-spacing:1px}#labBootSkip{padding:8px 12px;gap:10px;font-size:10px}.lab-boot-direction{left:22px;top:23px;font-size:8px}.lab-boot-direction>span:last-child{display:none}.lab-boot-crosshair{right:22px;top:16px}.lab-boot-editorial{left:24px;bottom:9%;right:24px}.lab-boot-editorial>span{font-size:7px;letter-spacing:1.4px}.lab-boot-editorial p{font-size:26px}.lab-boot-identity{left:24px;top:auto;bottom:6%;width:calc(100% - 48px);transform:none}.lab-name-first{font-size:clamp(40px,10.5vw,68px)}.lab-name-last{font-size:clamp(78px,22vw,138px);margin-top:4px}.lab-boot-byline{font-size:7px;letter-spacing:1px;margin-bottom:13px}.lab-boot-signoff{margin-top:15px;gap:9px}.lab-boot-signoff>span{width:24px}.lab-boot-signoff p{font-size:11px}.lab-boot-bottom{padding:16px 22px 20px;flex-direction:column;align-items:stretch;gap:15px}.lab-boot-timeline{justify-content:space-between;gap:11px}.lab-boot-timeline span{flex:1;font-size:7px;min-width:0;padding:7px 0 0}.lab-boot-status{font-size:8px}.lab-boot-vignette{background:linear-gradient(0deg,#08090b,transparent 30%)}#labBoot[data-phase=identity] #labBootCanvas{transform:translateY(-19%);opacity:.87}#labBoot[data-phase=identity] .lab-boot-vignette{background:linear-gradient(0deg,#08090b 5%,#08090b9c 34%,transparent 67%)}}
@media(max-height:650px) and (min-width:700px){.lab-boot-top{padding-block:12px}.lab-boot-bottom{padding-block:12px}.lab-name-first{font-size:48px}.lab-name-last{font-size:96px}.lab-boot-byline{margin-bottom:12px}.lab-boot-signoff{margin-top:12px}.lab-boot-identity{transform:translateY(-37%)}.lab-boot-editorial{bottom:5%}}
@media(max-width:699px){#labBootTitle{width:min(100%,390px)}.lab-name-last{margin-top:12px}.lab-name-rule{margin-top:15px;gap:9px}.lab-name-rule span{font-size:6px;letter-spacing:.8px}.lab-boot-code{font-size:13px;margin-right:7px}.lab-boot-signoff{margin-top:13px}}
@media(max-height:650px) and (min-width:700px){#labBootTitle{width:min(100%,385px)}.lab-name-rule{margin-top:14px}.lab-name-last{margin-top:10px}}
@media(prefers-reduced-motion:reduce){#labBoot[open]{animation:none}#labBoot *{transition:none!important;animation:none!important}#labBoot[data-phase=identity] .lab-name-face{clip-path:none}.lab-name-outline{display:none}}
/* A real first frame while the 3D prepares; also usable without a GPU. */
.lab-boot-top,.lab-boot-bottom{flex-shrink:0}
.lab-boot-cover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center;direction:ltr}
.lab-boot-cover img{width:min(38vw,180px);height:auto;max-height:25vh;object-fit:contain;border-radius:50%}
.lab-boot-cover>span{font:600 clamp(22px,5vw,38px)/1.05 Rajdhani,sans-serif;letter-spacing:3px}
.lab-boot-cover strong{display:block;font-size:clamp(48px,12vw,88px);font-weight:700;letter-spacing:1px}
.lab-boot-cover strong span{color:#eb2944}
.lab-boot-cover p{font:500 13px/1.7 Rajdhani,Cairo,sans-serif;color:#a9acb4;margin:0;max-width:100%}
#labBoot[data-ready=true]:not([data-fallback=true]) .lab-boot-cover{display:none}
#labBoot:not([data-ready=true]) :is(.lab-boot-editorial,.lab-boot-direction,.lab-boot-crosshair),#labBoot[data-fallback=true] :is(#labBootCanvas,.lab-boot-identity,.lab-boot-editorial,.lab-boot-direction,.lab-boot-crosshair,.lab-boot-timeline,.lab-boot-render-note){visibility:hidden}
@media(max-width:699px){.lab-boot-top{padding-top:max(17px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.lab-boot-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(max-height:500px){.lab-boot-cover{gap:8px}.lab-boot-cover img{max-height:20vh}.lab-boot-cover>span{font-size:18px}.lab-boot-cover strong{font-size:42px}.lab-boot-cover p{font-size:11px}}
#labBootVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08090b;transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}
#labBootVideo[hidden],#labBootPlay[hidden]{display:none}
#labBoot[data-film] #labBootCanvas{display:none}
#labBoot[data-phase=identity] #labBootVideo{transform:translateX(12%)}
#labBootPlay{display:flex;align-items:center;gap:14px;min-height:48px;padding:12px 24px;border:1px solid #f04459;border-radius:8px;color:#fff;background:#bb142b;font:600 16px Rajdhani,Cairo,sans-serif;cursor:pointer}
#labBootPlay svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
#labBootPlay:focus-visible{outline:2px solid white;outline-offset:4px}
#labBootHint:empty{display:none}
#labBoot[data-awaiting=true] .lab-boot-cover{justify-content:flex-end;gap:12px;padding-bottom:6%;background:linear-gradient(0deg,#08090b 5%,#08090ba6 48%,transparent 85%)}
#labBoot[data-awaiting=true] .lab-boot-cover img{display:none}
#labBoot[data-awaiting=true] #labBootHint{font-size:13px;max-width:360px}
#labBoot[data-awaiting=true] .lab-boot-identity{visibility:hidden}
@media(max-width:699px){#labBoot[data-phase=identity] #labBootVideo{transform:translateY(-19%)}#labBoot[data-awaiting=true] .lab-boot-cover>span{font-size:22px}#labBoot[data-awaiting=true] .lab-boot-cover strong{font-size:48px}}
@media(max-height:500px){#labBoot[data-awaiting=true] .lab-boot-cover{gap:5px;padding-bottom:10px}#labBoot[data-awaiting=true] .lab-boot-cover>span{display:none}#labBoot[data-awaiting=true] .lab-boot-cover>p:not(#labBootHint){display:none}}