.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}@font-face{font-family:"OPPO Sans 4.0";src:url(/fonts/OPPO-Sans-4.0-subset.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:OPPOSansLocal;src:url(/fonts/OPPO-Sans-4.0-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--resume-light-font:"OPPO Sans 4.0", "OPPOSansLocal", "Microsoft YaHei UI Light", "DengXian Light", "PingFang SC", "SF Pro Display", system-ui, sans-serif;color:#edf2f0;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#000;font-family:OPPOSansLocal,"OPPO Sans 4.0",OPPO Sans,OPlus Sans,OPPOSans,Inter,SF Pro Display,Microsoft YaHei,PingFang SC,system-ui,sans-serif}@property --passwordGateRightArc{syntax:"<percentage>";inherits:false;initial-value:0%}@property --passwordGateLeftArc{syntax:"<percentage>";inherits:false;initial-value:0%}@property --passwordGateRightArcMid{syntax:"<percentage>";inherits:false;initial-value:0%}@property --passwordGateLeftArcMid{syntax:"<percentage>";inherits:false;initial-value:0%}@property --passwordGateRimGlow{syntax:"<number>";inherits:false;initial-value:0}@property --passwordGateRimSweep{syntax:"<number>";inherits:false;initial-value:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#000;min-width:1180px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}main{isolation:isolate;background:0 0;position:relative}.passwordGate{z-index:10000;color:#fff;background:#000;place-items:center;width:100vw;min-height:100svh;padding:clamp(28px,5vw,88px);font-family:Inter,SF Pro Display,Microsoft YaHei,PingFang SC,Arial,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.passwordGate:before{content:none}.passwordGatePath{z-index:0;pointer-events:none;opacity:1;position:absolute;inset:0;overflow:visible}.passwordGatePath:before{content:"";aspect-ratio:254615/27889.9;pointer-events:none;filter:drop-shadow(0 0 18px #5074ff2e);will-change:transform;background:url(/login/studio-path-3.svg) 0/contain no-repeat;width:max(4200px,350vw);animation:58s linear infinite passwordGatePathDrift;position:absolute;top:60%;left:0;transform:translateY(-50%)}@keyframes passwordGatePathDrift{0%{transform:translateY(-50%)}to{transform:translate(-50%,-50%)}}.passwordGateBrand{z-index:2;display:block;position:absolute;top:clamp(48px,7vh,82px);left:clamp(72px,7vw,132px)}.passwordGateBrand .jdStudioLogo{filter:none;width:clamp(92px,7.2vw,126px)}.passwordGateBrand .jdStudioLogoImage{object-fit:contain;object-position:center;filter:none;width:100%;height:100%;display:block}.passwordGatePanel{z-index:3;isolation:isolate;color:#ffffffeb;width:min(560px,100vw - 48px);min-height:134px;box-shadow:none;background:0 0;border:0;border-radius:999px;align-items:center;padding:clamp(28px,2.4vw,38px) clamp(30px,2.8vw,44px);font-family:Inter,SF Pro Display,Microsoft YaHei,PingFang SC,Arial,system-ui,sans-serif;display:flex;position:relative;overflow:hidden;transform:translateY(90px)}.passwordGateFluidGlass{z-index:1;pointer-events:none;border-radius:inherit;opacity:.82;position:absolute;inset:-18px -28px;overflow:visible}.passwordGateFluidGlass>div,.passwordGateFluidGlass canvas{width:100%!important;height:100%!important}.passwordGateGlassSurface{z-index:2;pointer-events:none;opacity:.74;will-change:opacity;transition:opacity .12s ease-out;inset:0;border-radius:inherit!important;position:absolute!important}.passwordGateGlassSurface .glass-surface__content{padding:0}.passwordGateGlassSurface.glass-surface--svg{-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(1.9) brightness(1.18) contrast(1.06);background:#ffffff02}.passwordGateGlassSurface.glass-surface--fallback{-webkit-backdrop-filter:blur(7px)saturate(1.9)brightness(1.18)contrast(1.05);background:#ffffff0e}.passwordGateGlassSurface:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:screen;opacity:0;will-change:opacity, transform;background:linear-gradient(104deg,#0000 20%,#fff3 39%,#b4dcff14 48%,#0000 64%),linear-gradient(112deg,#ffffff2e,#0000 16% 74%,#ffffff24),radial-gradient(120% 190% at 14% -38%,#9cc4ff14,#0000 54%),radial-gradient(120% 190% at 86% 138%,#ffa4ee0e,#0000 58%);transition:opacity .12s ease-out,transform .16s ease-out;position:absolute;inset:-1px;transform:translate(-18%)}.passwordGateGlassSurface:after{content:"";pointer-events:none;border-radius:inherit;border:0;transition:box-shadow .12s ease-out;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #ffffff1f,inset 20px 0 30px #00e5ff13,inset -20px 0 30px #ff36ae11,inset 34px 0 42px #ffffff0b,inset -34px 0 42px #ffffff0a}.passwordGatePanel:hover .passwordGateGlassSurface{opacity:.84}.passwordGatePanel:hover .passwordGateGlassSurface:before{opacity:.58;transform:translate(-2%)}.passwordGatePanel:hover .passwordGateGlassSurface:after{box-shadow:inset 0 1px #ffffff94,inset 0 -1px #ffffff2e,inset 20px 0 32px #00e5ff1c,inset -20px 0 32px #ff36ae18,inset 34px 0 44px #ffffff0d,inset -34px 0 44px #ffffff0d}.passwordGatePanel:before,.passwordGatePanel:after{content:none}.passwordGateLabel{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.passwordGateField{z-index:3;grid-template-columns:1fr auto;align-items:end;gap:22px;width:100%;padding-bottom:7px;display:grid;position:relative}.passwordGatePanel input{color:#fffffff5;width:100%;min-width:0;height:22px;font:inherit;font-variation-settings:"wght" 320;letter-spacing:.02em;background:0 0;border:0;border-radius:0;outline:0;font-size:12px;font-weight:320;line-height:1;transition:color 80ms ease-out}.passwordGatePanel input::placeholder{color:#ffffff4d;transition:color 80ms ease-out}.passwordGatePanel:hover input::placeholder,.passwordGatePanel:focus-within input::placeholder{color:#ffffff75}.passwordGateField:focus-within{outline:0}.passwordGatePanel button{z-index:3;color:#fff;font:inherit;font-variation-settings:"wght" 520;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;align-self:end;padding:0;font-size:12px;font-weight:520;line-height:1;transition:color 80ms ease-out,text-shadow 80ms ease-out;position:relative}.passwordGatePanel button:hover,.passwordGatePanel button:focus-visible{color:#7fb1ff;text-shadow:0 0 10px #7fb1ff47}.passwordGateError{z-index:1;color:#ff5656d1;letter-spacing:.04em;margin:0;font-size:12px;position:absolute;bottom:13px;left:clamp(30px,2.8vw,44px)}.fluidGlassTest{background:#5227ff;width:100vw;height:100svh;overflow:hidden}.fluidGlassTest>div,.fluidGlassTest canvas{width:100%!important;height:100%!important}.mobileShowreel{color:#f4f7ff;background:radial-gradient(circle at 50% 18%,#3d92eb2e,#0000 34%),radial-gradient(circle at 86% 72%,#7d4eff1f,#0000 38%),#000;width:100%;min-height:100svh;padding:34px 26px 42px;overflow:hidden}.mobileShowreelBrand img{filter:drop-shadow(0 0 16px #ffffff2e);width:158px;height:auto;display:block}.mobileShowreelBrand .jdStudioLogo{width:63px}.mobileShowreelHero{flex-direction:column;justify-content:center;min-height:58svh;display:flex}.mobileShowreelHero p{color:#f4f7ff6b;letter-spacing:.18em;margin:0 0 16px;font-size:13px}.mobileShowreelHero h1{color:#f4f7ff;letter-spacing:0;margin:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:clamp(58px,18vw,98px);font-weight:760;line-height:.84}.mobileShowreelHero h1 span{color:#f4f7ff9e;letter-spacing:.04em;font-size:.46em;display:block}.mobileShowreelPanel{border-top:1px solid #ffffff29;padding-top:22px}.mobileShowreelPanel h2{margin:0 0 10px;font-size:20px;font-weight:560}.mobileShowreelPanel p{color:#f4f7ff94;max-width:26em;margin:0;font-size:14px;line-height:1.55}@media (width<=720px){body{min-width:0}.passwordGate{padding:28px}.passwordGateBrand{top:32px;left:28px}.passwordGateBrand .jdStudioLogo{width:52px}.passwordGatePath{inset:0}.passwordGatePath:before{width:max(2625px,385vw);top:60%}.passwordGatePanel{min-height:116px;padding:26px 28px}}.hero{z-index:1;background:0 0;height:100vh;min-height:100svh;position:relative;overflow:hidden}.siteStarfield{z-index:0;pointer-events:none;opacity:.42;width:100%;height:100%;transition:opacity .26s,visibility .26s;position:fixed;inset:0}.siteStarfield canvas{width:100%;height:100%;display:block}body.is-contact-screen .siteStarfield{opacity:0!important;visibility:hidden!important}.heroShowreel{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}.siteFluidGlassBall{z-index:120;aspect-ratio:1;opacity:0;pointer-events:none;width:clamp(132px,11vw,224px);transform:translate3d(var(--glass-x,0px), var(--glass-y,0px), 0) translate(-50%, -50%);-webkit-backdrop-filter:blur(10px)saturate(1.55)contrast(1.08);mix-blend-mode:screen;background:radial-gradient(circle at 32% 25%,#ffffffc7,#0000 16%),radial-gradient(circle at 67% 74%,#96ceff38,#0000 42%),radial-gradient(circle at 50% 52%,#ffffff14,#ffffff04 58%,#ffffff2e 100%);border:1px solid #ffffff85;border-radius:50%;transition:opacity .28s,transform .18s ease-out;position:fixed;top:0;left:0;box-shadow:inset -18px -22px 34px #152f4847,inset 14px 12px 20px #fff3,0 0 42px #addaff2e,0 20px 54px #0000006b}.heroFluidGlassSurface{border-radius:inherit;inset:0;overflow:hidden;box-shadow:none!important;background:0 0!important;position:absolute!important}.heroFluidGlassSurface .glass-surface__content{padding:0}.siteFluidGlassBall.is-hidden-by-renders,.siteFluidGlassBall.is-hidden-by-projects,.siteFluidGlassBall.is-hidden-by-contact{opacity:0;visibility:hidden}.siteFluidGlassBall:after{display:none}.siteFluidGlassBall>div,.siteFluidGlassBall canvas{pointer-events:none;position:absolute;inset:0;width:100%!important;height:100%!important}.siteFluidGlassBall:after{content:"";filter:blur(2px);background:linear-gradient(135deg,#ffffff73,#0000 72%);border-radius:50%;position:absolute;inset:10% 13% 58% 18%;transform:rotate(-22deg)}.heroShowreel>*{z-index:2;pointer-events:none;position:relative}.heroTitleGroup{width:max-content;transform:translateY(4vh)}.heroScriptTitle{color:#f5f5f3;transform-origin:0 100%;margin:0;font-family:Vladimir Script,Vladimir,Segoe Script,Brush Script MT,cursive;font-size:clamp(62px,5.2vw,104px);font-weight:400;line-height:.76;transform:translate(-.06em)rotate(-5deg)}.heroShowreel h1{color:#f5f5f3;letter-spacing:normal;white-space:nowrap;flex-direction:column;align-items:flex-start;width:max-content;margin:-.19em 0 0;font-family:"OPPO Sans 4.0",OPPOSansLocal,OPPO Sans,sans-serif;font-size:clamp(138px,14.7vw,284px);font-weight:700;line-height:.8;display:flex}.heroShowreel h1>span{display:block}.heroDecadeSplit{font-variation-settings:"wght" 700;transform-origin:0%;width:100%;font-family:"OPPO Sans 4.0",OPPOSansLocal,OPPO Sans,sans-serif;font-weight:700;transform:translateY(-5px)scale(.6);height:auto!important;line-height:1!important;overflow:visible!important}.heroDecadeSplit .split-char{backface-visibility:hidden;display:inline-block;overflow:visible}.heroCanvasShowreel{color:#0000;width:max-content;height:.8em;font:inherit;line-height:inherit;letter-spacing:inherit;opacity:0;margin-top:-.19em;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);display:block;position:relative;transform:translateY(22px)}.heroCanvasShowreel.is-visible{opacity:1;transform:translateY(0)}.heroCanvasShowreel.is-exiting{transform:translateY(-22px)}.canvasTextMeasure{visibility:hidden;white-space:nowrap;font:inherit;line-height:inherit;letter-spacing:inherit;display:inline-block}.canvasTextCanvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.heroCaption{color:#f5f5f338;letter-spacing:.03em;text-align:center;margin:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,OPPO Sans,sans-serif;font-size:clamp(8px,.72vw,14px);font-weight:300;position:absolute;bottom:8.4vh;left:0;right:0}.heroProductScanSection{z-index:2;color:#f5f5f3;isolation:isolate;background:#000;min-height:250svh;padding:0;display:block;position:relative;overflow:visible}.heroProductScanSection:before,.heroProductScanSection:after{content:none;z-index:0;pointer-events:none;position:absolute;inset:0}.heroProductScanSection:before{background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000 0 42%,#0000 72%);mask-image:radial-gradient(circle at 50% 44%,#000 0 42%,#0000 72%)}.heroProductScanSection:after{background:0 0}.heroProductScanHeader,.heroProductScanStage,.heroProductScanNav{z-index:1;position:relative}.heroProductScanHeader{color:#f5f5f3b8;text-transform:uppercase;justify-content:space-between;align-items:flex-end;gap:32px;width:min(1540px,100%);margin:0 auto 22px;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;display:none}.heroProductScanHeader p,.heroProductScanHeader span{letter-spacing:.18em;margin:0;font-size:12px}.heroProductScanHeader span{color:#f5f5f357}.heroProductScanStage{--scan-position:0%;cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;width:100vw;height:100svh;min-height:100svh;box-shadow:none;background:#000;border:0;margin:0;position:sticky;top:0;overflow:hidden}.heroProductScanStage:before{content:none;display:none}.heroProductScanBackdrop{z-index:0;opacity:0;background:0 0;display:none;position:absolute;inset:0}.heroProductScanImage{z-index:1;object-fit:cover;object-position:right top;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.heroProductScanImage--white{opacity:1;filter:none}.heroProductScanRenderLayer{z-index:2;clip-path:inset(0 0 calc(100% - var(--render-position,var(--scan-position))) 0);will-change:clip-path;position:absolute;inset:0;overflow:hidden}.heroProductScanImage--render{filter:none}.heroProductScanHandle{top:var(--scan-position);z-index:4;pointer-events:none;background:#f5f5f3eb;width:auto;height:1px;position:absolute;left:0;right:0;transform:translateY(-.5px);box-shadow:0 0 0 1px #a0dc0047,0 0 42px #a0dc0070,0 0 110px #f5f5f338}.heroProductScanHandle:before,.heroProductScanHandle:after{content:"";pointer-events:none;height:22px;position:absolute;left:0;right:0}.heroProductScanHandle:before{background:linear-gradient(#0000,#ffffff24);bottom:0}.heroProductScanHandle:after{background:linear-gradient(#a0dc0024,#0000);top:0}.heroProductScanHandleGrip{-webkit-backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(90deg,#0000 0 20px,#f5f5f3e0 20px 21px,#0000 21px 31px,#f5f5f3e0 31px 32px,#0000 32px),#0000003d;border:1px solid #f5f5f3c7;border-radius:50%;width:52px;height:52px;display:none;position:absolute;top:50%;left:50vw;transform:translate(-50%,-50%);box-shadow:inset 0 0 18px #ffffff24,0 0 34px #a0dc0052}.heroProductScanArrow{z-index:7;color:#0000;width:72px;height:112px;box-shadow:none;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;font-size:0;line-height:1;transition:opacity .18s,transform .18s,filter .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.heroProductScanArrow:before,.heroProductScanArrow:after{content:"";opacity:.58;width:28px;height:28px;transition:opacity .18s,border-color .18s,transform .18s,box-shadow .18s;position:absolute}.heroProductScanArrow--prev:before,.heroProductScanArrow--prev:after{border-left:1px solid #f5f5f3a8;left:0}.heroProductScanArrow--next:before,.heroProductScanArrow--next:after{border-right:1px solid #f5f5f3a8;right:0}.heroProductScanArrow:before{border-top:1px solid #f5f5f3a8;top:0}.heroProductScanArrow:after{border-bottom:1px solid #f5f5f3a8;bottom:0}.heroProductScanArrow:hover,.heroProductScanArrow:focus-visible{filter:drop-shadow(0 0 18px #a0dc0038)}.heroProductScanArrow:hover:before,.heroProductScanArrow:hover:after,.heroProductScanArrow:focus-visible:before,.heroProductScanArrow:focus-visible:after{opacity:1;border-color:#a0dc00db;box-shadow:0 0 18px #a0dc0029}.heroProductScanArrow--prev{left:clamp(24px,4.5vw,86px)}.heroProductScanArrow--prev:hover,.heroProductScanArrow--prev:focus-visible{transform:translate(-4px,-50%)}.heroProductScanArrow--next{right:clamp(24px,4.5vw,86px)}.heroProductScanArrow--next:hover,.heroProductScanArrow--next:focus-visible{transform:translate(4px,-50%)}.heroProductScanLabels{z-index:5;color:#f5f5f370;letter-spacing:.18em;text-transform:uppercase;pointer-events:none;justify-content:space-between;align-items:center;font-size:10px;display:none;position:absolute;bottom:20px;left:24px;right:24px}.heroProductScanNav{justify-content:center;gap:10px;margin:22px auto 0;display:flex}.heroProductScanNav button{color:#f5f5f3ad;width:34px;height:34px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #f5f5f329;border-radius:50%;font-size:11px}.heroProductScanNav button.is-active{color:#050606;background:#a0dc00;border-color:#a0dc00}.heroDepthScene{z-index:auto;perspective:1280px;pointer-events:auto;--scene-x:0;--scene-y:0;background:#000;position:absolute;inset:0 10vw;overflow:hidden}.heroDepthScene:hover{cursor:none}.heroDepthScene:before,.heroDepthScene:after{content:"";pointer-events:none;position:absolute;inset:0}.heroDepthScene:before{z-index:0;filter:blur(24px);opacity:.5;background:radial-gradient(circle at 50% 48%,#ffffff0d,#0000 24%)}.heroDepthScene:after{z-index:4;background:radial-gradient(circle at 50% 48%,#0000 20%,#00000070 62%,#000000eb 100%),linear-gradient(#0000 72%,#000 100%)}.heroOrbBack{z-index:2;opacity:.54;pointer-events:auto;mix-blend-mode:screen;filter:blur(1px);width:min(740px,46vw);height:min(740px,70vh);position:absolute;top:48%;left:50%;overflow:hidden;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0 45%,#000000ad 58%,#0000 76%);mask-image:radial-gradient(circle,#000 0 45%,#000000ad 58%,#0000 76%)}.heroLiquidEther{z-index:1;pointer-events:auto;opacity:.46;mix-blend-mode:screen;filter:saturate(1.18);width:min(980px,62vw);height:min(620px,68vh);position:absolute;top:44%;left:50%;overflow:hidden;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(#000 0 42%,#000000a3 60%,#0000 80%);mask-image:radial-gradient(#000 0 42%,#000000a3 60%,#0000 80%)}.heroProductField{z-index:34;transform-style:preserve-3d;transform:rotateX(calc(var(--scene-y) * -3deg)) rotateY(calc(var(--scene-x) * 4deg));transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.heroProductNode{z-index:42;left:var(--x);top:var(--y);width:clamp(58px, var(--size), 182px);height:clamp(58px, var(--size), 182px);opacity:var(--product-opacity);filter:blur(var(--blur)) drop-shadow(0 24px 34px #0000008f) saturate(1.18) contrast(1.04);transform:translate(-50%, -50%) translate3d(calc(var(--scene-x) * var(--depth) * -.22px), calc(var(--scene-y) * var(--depth) * -.16px), calc(var(--depth) * 1px));transform-origin:50%;animation:26.4s ease-in-out infinite heroProductDepthCycle,7.2s ease-in-out infinite alternate heroProductSpatialFloat;animation-delay:var(--cycle-delay), var(--delay);will-change:transform, opacity, filter;position:absolute}.heroProductHalo{display:none}.heroProductHalo:before,.heroProductHalo:after{content:none}.heroOrbitProduct{z-index:1;object-fit:contain;image-rendering:auto;filter:saturate(1.18)contrast(1.04);width:100%;height:100%;display:block;position:relative}.heroProductNode.isPs10Battery{width:clamp(29px, calc(var(--size) * .5), 91px);height:clamp(29px, calc(var(--size) * .5), 91px);--product-opacity:.22}.heroProductNode:nth-child(2n),.heroProductNode:nth-child(5n){z-index:46}.heroProductNode:nth-child(3n){z-index:18}.heroPortraitDepth{z-index:3;width:min(505px,30.6vw);height:min(672px,74.4vh);transform-style:preserve-3d;will-change:transform;margin-left:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;position:absolute;bottom:calc(-2vh - 45px);left:50%;transform:translate(-50%)}.heroPortraitDepth img{object-fit:contain;object-position:bottom center;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, filter, opacity;width:100%;height:100%;position:absolute;inset:0}.heroPortraitDepthBack{opacity:.38;filter:blur(28px)grayscale()brightness(.38);transform:translate3d(calc(var(--scene-x) * 54px), calc(var(--scene-y) * 30px), -160px) scale(1.16)}.heroPortraitDepthImage{opacity:1;filter:none;transform:translate3d(calc(var(--scene-x) * -32px), calc(var(--scene-y) * -18px), 58px) scale(1.02);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s,opacity .7s}.heroPortraitDepthFront{opacity:.2;filter:blur(10px)grayscale()brightness(1.38);mix-blend-mode:screen;transform:translate3d(calc(var(--scene-x) * -86px), calc(var(--scene-y) * -46px), 170px) scale(1.07)}.heroDepthScene:hover .heroPortraitDepth{transform:translateX(-50%) translate3d(0, -10px, 0) rotateX(calc(var(--scene-y) * -2deg)) rotateY(calc(var(--scene-x) * 3deg))}.heroDepthScene:hover .heroPortraitDepthImage{opacity:1;filter:none;transform:translate3d(calc(var(--scene-x) * -44px), calc(var(--scene-y) * -24px), 96px) scale(1.045)}.heroDepthScene:hover .heroPortraitDepthBack{opacity:.42;filter:blur(30px)grayscale()brightness(.38)}.heroDepthScene:hover .heroPortraitDepthFront{opacity:.26;transform:translate3d(calc(var(--scene-x) * -118px), calc(var(--scene-y) * -64px), 210px) scale(1.09)}.heroVideo,.heroAurora,.ambientLayer,.heroPortrait{width:100%;height:100%;position:absolute;inset:0}.heroVideo{object-fit:cover;opacity:.12;filter:saturate(.75)contrast(1.16)}.heroAurora{z-index:0;opacity:.72;mix-blend-mode:screen;pointer-events:none;overflow:hidden}.heroAurora span{filter:blur(34px);transform-origin:50%;opacity:.56;border-radius:50%;width:138%;height:44%;animation:14s ease-in-out infinite alternate cssAuroraDrift;position:absolute;left:-18%}.heroAurora span:first-child{background:linear-gradient(90deg,#0000,#59b8ff6b,#7cff6733,#0000),radial-gradient(circle at 72% 42%,#ffffff1f,#0000 24%);top:-2%}.heroAurora span:nth-child(2){background:linear-gradient(90deg,#0000,#5227ff61,#59b8ff3d,#0000),radial-gradient(circle at 64% 44%,#b497ff29,#0000 28%);animation-duration:18s;animation-delay:-4s;top:20%}.heroAurora span:nth-child(3){background:linear-gradient(90deg,#0000,#7cff6729,#5227ff47,#0000),radial-gradient(circle at 78% 40%,#59b8ff2e,#0000 30%);animation-duration:20s;animation-delay:-8s;top:44%}.ambientLayer{z-index:1;background:radial-gradient(circle at 34% 38%,#f0f9ff0f,#0000 15%),linear-gradient(90deg,#020506ad,#02060a6b 44%,#02050657),linear-gradient(#0205062e,#020506b8),repeating-linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 156px);animation:16s linear infinite slowScan}.heroPortrait{z-index:2;pointer-events:auto;justify-content:flex-start;align-items:flex-end;display:flex;overflow:hidden}.heroHoverZone{z-index:5;cursor:default;width:min(1040px,64vw);position:absolute;top:92px;bottom:0;left:0}.heroPortrait:before{content:"";z-index:0;filter:blur(22px);background:radial-gradient(circle at 40% 18%,#ffffff61,#0000 11%),radial-gradient(circle at 46% 42%,#bfe2ff42,#0000 44%);width:42vw;height:72vh;position:absolute;top:4%;left:22%}.heroPortrait:after{content:"";z-index:0;background:linear-gradient(#07090a00,#07090a57 62%,#07090a 100%);width:100%;height:38vh;position:absolute;bottom:0;left:0}.digitalPortrait{z-index:1;pointer-events:auto;width:min(860px,52vw);height:min(980px,104vh);margin-bottom:-16vh;margin-left:max(-36px,50vw - 890px);position:relative}.digitalPortraitCanvas,.digitalPortraitImage{object-fit:contain;object-position:bottom left;width:100%;height:100%;transition:opacity .42s,filter .42s;position:absolute;inset:0}.digitalPortraitCanvas{z-index:1;opacity:.82;mix-blend-mode:screen;filter:drop-shadow(0 0 24px #7ac4ff24)}.digitalPortraitImage{z-index:2;opacity:0;filter:grayscale()contrast(1.28)brightness(.54);mix-blend-mode:multiply}.digitalPortrait:hover .digitalPortraitCanvas,.heroPortrait:hover .digitalPortraitCanvas,.digitalPortrait.isRevealed .digitalPortraitCanvas{opacity:.08;filter:blur(2px)}.digitalPortrait:hover .digitalPortraitImage,.heroPortrait:hover .digitalPortraitImage,.digitalPortrait.isRevealed .digitalPortraitImage{opacity:1;filter:grayscale()contrast(1.08)brightness();mix-blend-mode:normal}.heroFrameDetails{z-index:4;color:#f6faffad;letter-spacing:.18em;text-transform:uppercase;pointer-events:none;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:24px;left:26px;right:26px}.heroFrameDetails:before,.heroFrameDetails:after{content:"";background:#f6faff7a;width:1px;height:36px;position:absolute;top:-52vh}.heroFrameDetails:before{left:0}.heroFrameDetails:after{right:0}.nav,.heroInner,.section,.contactFinal{z-index:3;width:min(1700px,100% - 96px);margin:0 auto;position:relative}.nav{z-index:3200;color:#edf2f0e0;pointer-events:none;justify-content:space-between;align-items:center;height:92px;display:flex;position:fixed;top:18px;left:0;right:0}.nav>*{pointer-events:auto}.navGlass{z-index:3201;mix-blend-mode:normal;margin-left:auto;position:relative}.brand,.eyebrow,.primaryButton,.ghostButton,.finalMark{align-items:center;display:inline-flex}.brand{--brand-icon-width:clamp(34px, 3.1vw, 60px);z-index:3202;width:calc(var(--brand-icon-width) * 1.448);mix-blend-mode:normal;isolation:auto;justify-content:center;height:auto;transition:opacity .26s,visibility .26s;position:fixed;top:clamp(44px,6.8vh,78px);left:clamp(48px,10.2vw,196px);transform:none}body.is-contact-screen .nav,body.is-contact-screen .brand,body.is-contact-screen .navGlass,body.is-contact-screen .resumeNav,body.is-contact-screen .resumeNav *,body.is-contact-screen .resumeMorphLayer,body.is-contact-screen .resumeMorphChar,body.is-contact-screen .resumeTitleChar,body.is-contact-screen .resumeNavChar{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.jdStudioLogo{aspect-ratio:2494/2126;filter:drop-shadow(0 0 14px #ffffff29);isolation:isolate;width:100%;display:block;position:relative;overflow:hidden}.jdStudioLogoImage{z-index:1;object-fit:contain;object-position:center;pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.brand picture,.brand img{object-fit:contain;width:100%;height:auto;display:block}.brandLogoBase{z-index:2;mix-blend-mode:screen;position:relative;filter:none!important}.brandGlassSurface{z-index:0;-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(1.65) brightness(1.18) contrast(1.08);pointer-events:none;inset:0;overflow:visible;-webkit-mask-image:url(/logo-tbb-new.png);mask-image:url(/logo-tbb-new.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:#ffffff24!important;position:absolute!important;box-shadow:inset 0 0 2px 1px #ffffffb3,inset 0 0 12px 3px #ffffff38,0 0 18px #8ccdff29!important}.brandGlassSurface .glass-surface__content{-webkit-mask-image:inherit;-webkit-mask-image:inherit;mask-image:inherit;background:radial-gradient(circle at 28% 18%,#ffffffe6,#0000 30%),linear-gradient(135deg,#6ed2ff2e,#ffffff08 56%,#ffffff47);padding:0}.brandGlassShape{mix-blend-mode:screen;opacity:.94;background:linear-gradient(135deg,#fffffff5,#ffffff9e 46%,#fffffffa),#ffffff4d;width:100%;height:100%;display:block}.brandLogoBase img{opacity:.68;filter:brightness(1.18)contrast(1.12)}.navLinks{border-radius:inherit;align-items:center;gap:4px;padding:7px;display:inline-flex}.navLinks a{color:#ffffffe6;text-align:center;isolation:isolate;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;min-width:80px;padding:12px 20px;font-size:14px;font-weight:560;transition:color .28s,background .28s,transform .28s,box-shadow .28s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.navGlass.glass-surface--svg,.navGlass.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.12);background:#ffffff05;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff1f,0 14px 36px #00000047}.navLinks a:before{content:none}.navLinks a:after{content:"";border-radius:inherit;pointer-events:none;opacity:.22;mix-blend-mode:screen;background:radial-gradient(at 50% 0,#fff9,#0000 28%),linear-gradient(110deg,#0000 0 24%,#ffffff6b 42%,#0000 60%),linear-gradient(#ffffff52,#0000 38%);position:absolute;inset:1px}.navLinks a:hover{color:#fff;background:#ffffff1b;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff42,inset 0 -1px #ffffff14,0 0 18px #ffffff14}.navLinks a:hover:before{opacity:0}.heroInner{flex-direction:column;justify-content:center;align-items:flex-end;min-height:calc(82vh - 92px);padding:3vh 0 5vh;display:flex}.heroPanel{width:min(760px,44vw);margin-right:2vw;padding-top:23vh}.eyebrow{color:#ffffffdb;letter-spacing:.16em;text-transform:uppercase;gap:10px;margin:0 0 22px;font-size:12px}h1,h2,h3,p{margin-top:0}.heroTitle{color:#f7fbff;letter-spacing:0;text-shadow:0 18px 60px #050e1842;max-width:900px;margin-bottom:24px;padding-left:0;font-size:clamp(138px,10.5vw,216px);font-weight:720;line-height:.86;position:relative}.heroSubtitle{color:#f7fbffe6;white-space:nowrap;text-shadow:0 18px 60px #050e1842;flex-wrap:nowrap;max-width:900px;margin:0 0 34px;font-size:clamp(36px,2.78vw,54px);font-weight:520;line-height:1.05;display:flex}.blurTextSegment{will-change:transform, filter, opacity;display:inline-block}.heroBottom{justify-content:flex-start;align-items:center;gap:32px;max-width:1180px;display:flex}.heroBottom p{color:#f7fbffc2;max-width:520px;margin:0;font-size:14px;line-height:1.8}.primaryButton,.ghostButton{white-space:nowrap;gap:11px;min-height:52px;padding:0 22px;font-size:15px;transition:transform .25s,border-color .25s,background .25s}.primaryButton{color:#06100e;background:#d8fff2;border:1px solid #d8fff2}.ghostButton{color:#edf2f0;background:#edf2f00a;border:1px solid #edf2f038}.primaryButton:hover,.ghostButton:hover,.navContact:hover{border-color:#d8fff2d6;transform:translateY(-2px)}.section{padding:132px 0}#projects{width:100%;margin-top:0;margin-left:0;margin-right:0;padding-top:clamp(92px,10vh,168px);padding-left:0;padding-right:0;overflow:hidden}.sectionGrid{grid-template-columns:minmax(420px,.72fr) 1fr;align-items:center;gap:76px;display:grid}.portrait{aspect-ratio:4/5;background:radial-gradient(circle at 50% 24%,#e0fff461,#0000 22%),linear-gradient(160deg,#151b1d,#3f5552 44%,#090c0d);border:1px solid #edf2f021;position:relative;overflow:hidden}.portrait:before{content:"";border:1px solid #edf2f01a;position:absolute;inset:10%;transform:rotate(-4deg)}.portraitCore{color:#edf2f0db;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:44px;left:44px;right:44px}.portraitCore span{font-size:118px;font-weight:650;line-height:.78}.portraitCore strong{text-transform:uppercase;letter-spacing:.16em;font-size:16px}.sectionKicker{color:#9fe8d7;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-size:13px}.profileContent h2,.sectionHeader h2,.contactFinal h2{color:#edf2f0;letter-spacing:0;margin-bottom:28px;font-size:56px;font-weight:520;line-height:1.05}.lead,.sectionHeader p,.contactFinal p,.strengthCard p{color:#edf2f0a3;line-height:1.85}.lead{max-width:780px;font-size:19px}.contactRows{flex-wrap:wrap;gap:12px;margin:34px 0 42px;display:flex}.contactRows a,.contactRows span{color:#edf2f0c7;background:#edf2f00a;border:1px solid #edf2f021;align-items:center;gap:9px;padding:13px 16px;display:inline-flex}.stats{border-top:1px solid #edf2f01f;border-left:1px solid #edf2f01f;grid-template-columns:repeat(4,1fr);display:grid}.stat{border-bottom:1px solid #edf2f01f;border-right:1px solid #edf2f01f;min-height:126px;padding:26px}.stat strong{margin-bottom:18px;font-size:40px;font-weight:560;display:block}.stat span{color:#edf2f08c;font-size:14px}.sectionHeader{justify-content:space-between;align-items:end;gap:48px;margin-bottom:44px;display:flex}.sectionHeader h2{margin:0}.sectionHeader>p,.sectionHeader.split>p{max-width:560px;margin-bottom:4px;font-size:17px}.projectShowcase{background:#000;border-radius:78px;width:auto;max-width:none;min-height:300px;margin:0 10px;padding:54px 10px 52px;position:relative;overflow:hidden;box-shadow:0 40px 120px #00000070}.projectShowcase:after{content:none;pointer-events:none;border:1px solid #ffffff0a;border-radius:62px;position:absolute;inset:18px}.showcaseTopbar{z-index:6;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;display:grid;position:absolute;top:38px;left:58px;right:58px}.showcaseBrand,.showcaseMenu{color:#050606;background:#f2f5f3;border-radius:999px;justify-content:center;align-items:center;min-height:58px;font-size:17px;font-weight:760;display:inline-flex}.showcaseBrand{letter-spacing:.08em;width:154px}.showcaseMenu{width:158px;font-size:13px;font-weight:650}.showcaseMenu:before{content:"";background:radial-gradient(circle,#f2f5f3 0 3px,#0000 4px) 9px 9px/14px 14px,#050606;border-radius:50%;width:42px;height:42px;margin-right:12px}.showcaseMeta{color:#edf2f099;letter-spacing:.04em;justify-self:end;font-size:12px}.projectMotionStage{height:530px;margin-top:56px;position:relative}.projectShowcase .projectMotionStage{display:none}.resumeDockStage{z-index:40;justify-content:center;align-items:flex-start;min-height:226px;margin-top:350px;padding:176px 24px 46px;display:flex;position:relative}.resumeDockCopy{z-index:2;align-self:flex-start;max-width:520px;margin-right:auto;position:relative;top:auto;left:0}.resumeDockCopy h4{color:#edf2f0f0;letter-spacing:0;margin:0;font-size:clamp(42px,4.2vw,78px);font-weight:680;line-height:.96}.appleDockWrap{z-index:60;width:100%;max-width:100%;transition:width .86s cubic-bezier(.16,1,.3,1);position:absolute;top:42px;bottom:auto;left:50%;transform:translate(-50%)}.appleDockWrap.is-dock-active{width:min(1080px,100% - 24px)}.dock{--dock-origin:50%;-webkit-backdrop-filter:blur(20px)saturate(1.08);background:linear-gradient(#ffffff12,#ffffff06),linear-gradient(90deg,#ffffff06,#ffffff02),#0506069e;border:0;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:10px;width:100%;min-height:68px;padding:9px 20px;display:flex;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000047,0 22px 62px #0000003d}.appleDockLink{flex:1 1 0;place-items:end center;width:auto;min-width:0;display:grid}.dockItem{aspect-ratio:1;color:#edf2f0db;transform-origin:50% 100%;background:radial-gradient(circle at 48% 18%,#ffffff57,#0000 43%),linear-gradient(#ffffff21,#ffffff0e),#282929f0;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;transition:transform .72s cubic-bezier(.16,1,.3,1),background .56s,color .56s,box-shadow .56s;display:grid;position:relative;box-shadow:inset 0 1px #fff3,inset 0 -10px 18px #00000029,0 12px 28px #0000003d}.dockItem.is-active{color:#050606;background:radial-gradient(circle at 50% 14%,#fffffffa,#0000 42%),linear-gradient(#fbfbf9,#c9cdcb);transform:translateY(-14px)scale(1.65)}.dockItem.is-near{color:#fffffff0;transform:translateY(-7px)scale(1.28)}.dockItem.is-soft{transform:translateY(-2px)scale(1.1)}.dockIcon{aspect-ratio:1;place-items:center;width:28px;height:28px;transition:transform .72s cubic-bezier(.16,1,.3,1);display:grid}.dockItem.is-active .dockIcon{transform:scale(1.14)}.dockIcon svg{fill:currentColor;stroke:none;width:100%;height:100%}.softwareIconStack{aspect-ratio:1;place-items:center;width:100%;height:100%;display:grid;position:relative}.softwareIcon{object-fit:contain;grid-area:1/1;width:100%;height:100%;transition:opacity .34s,transform .72s cubic-bezier(.16,1,.3,1);display:block}.appleDockItem[data-skill=Rhino] .dockIcon{transform:scale(1.1)}.appleDockItem[data-skill=AI] .softwareIcon--white{filter:grayscale()brightness(0)invert()}.appleDockItem[data-skill=CATIA] .softwareDockGlyph,.appleDockItem[data-skill=Creo] .softwareDockGlyph,.appleDockItem[data-skill=Solidworks] .softwareDockGlyph{font-size:9px}.appleDockItem[data-skill=Photoshop] .dockIcon{transform:scale(.9)}.appleDockItem[data-skill=Figma] .softwareIcon{width:70%}.softwareIcon--color,.dockItem.is-active .softwareIcon--white{opacity:0}.dockItem.is-active .softwareIcon--color{opacity:1}.softwareDockGlyph{letter-spacing:-.02em;font-size:13px;font-weight:760;line-height:1;display:block}.dockLabel{color:#edf2f0d1;white-space:nowrap;opacity:0;pointer-events:none;background:linear-gradient(#ffffff12,#ffffff06),#0506069e;border-radius:999px;padding:3px 5px;font-size:7px;font-weight:650;transition:opacity .3s .18s,transform .46s cubic-bezier(.16,1,.3,1) .18s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,8px)scale(.96);box-shadow:0 8px 18px #0003}.dockItem.is-active .dockLabel{opacity:1;transform:translate(-50%)scale(1)}.skillLogoLoop{--logoloop-gap:66px;--logoloop-logo-height:50.4px;--logoloop-fade-color:#050606;width:100%;padding:0;position:relative;overflow:visible}.skillLogoLoop__viewport{width:100%;padding:44px 0 10px;position:relative;overflow:hidden}.skillLogoLoop__track{z-index:0;will-change:transform;-webkit-user-select:none;user-select:none;width:max-content;display:flex;position:relative;transform:translate(0,0)}.skillLogoLoop.is-exiting .skillLogoLoop__viewport{overflow:hidden}.skillLogoLoop.is-exiting .skillLogoLoop__list[aria-hidden=true]{opacity:0}.skillLogoLoop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.skillLogoLoop__item{margin-right:var(--logoloop-gap);contain:layout;flex:none;line-height:1;position:relative;overflow:visible}.skillLogoLoop__icon{width:var(--logoloop-logo-height);height:var(--logoloop-logo-height);will-change:transform;place-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:visible}.skillLogoLoop__item:hover .skillLogoLoop__icon{transform:scale(1.12)}.skillLogoLoop__label{z-index:2;color:#edf2f0db;white-space:nowrap;opacity:0;pointer-events:none;background:#050606c7;border:1px solid #edf2f01f;border-radius:999px;padding:3px 6px;font-size:13.5px;font-weight:650;line-height:1;transition:opacity .22s,transform .28s cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% + 25px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 18px #0003}.skillLogoLoop__item:hover .skillLogoLoop__label{opacity:1;transform:translate(-50%)}.skillLogoLoop__image,.skillLogoLoop__svg{width:calc(100% * var(--skill-logo-scale,1));height:calc(100% * var(--skill-logo-scale,1));object-fit:contain;fill:currentColor;grid-area:1/1;min-width:0;max-width:100%;min-height:0;max-height:100%;transition:opacity .28s;display:block}.skillLogoLoop__image--color,.skillLogoLoop__svg--color{opacity:0}.skillLogoLoop__svg--mono{color:#edf2f0e6}.skillLogoLoop__item[data-skill=AI] .skillLogoLoop__image--mono{filter:grayscale()brightness(0)invert()}@media (prefers-reduced-motion:reduce){.skillLogoLoop__track{transform:translate(0,0)!important}.skillLogoLoop__icon,.skillLogoLoop__image,.skillLogoLoop__svg{transition:none}}.resumeExperience{z-index:8;color:#f7f8f6;min-height:1250px;margin-top:clamp(42px,5vw,86px);padding:clamp(38px,5vw,82px) 0 0;position:relative}.resumeStats{z-index:4;grid-template-columns:repeat(3,1fr);gap:clamp(92px,9vw,190px);min-height:210px;display:grid;position:relative}.resumeStat{flex-direction:column;align-items:center;min-width:0;display:flex}.resumeStatTitle{text-align:center;width:clamp(306px,25.2vw,416px);height:clamp(76px,6.57vw,106px);margin-bottom:clamp(18px,2.3vw,38px);overflow:visible}.resumeTitleHover{--mx:50%;--my:50%;width:100%;height:100%;display:block;position:relative;overflow:visible}.resumeTitleSlices{transform-origin:50% 75%;filter:drop-shadow(0 0 18px #ffe1780d);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:100%;transition:opacity .28s,filter .28s;display:grid;transform:scaleX(.95)}.resumeTitleSlice{background-repeat:no-repeat;width:100%;height:100%;display:block}.resumeTitleGlow{transform-origin:50% 75%;background:radial-gradient(circle at var(--mx) var(--my), #fffff5fa 0%, #fff1a7d1 18%, #dda52d6b 42%, #5a400914 70%, transparent 100%);-webkit-mask-image:var(--title-mask);-webkit-mask-image:var(--title-mask);mask-image:var(--title-mask);opacity:0;filter:drop-shadow(0 0 8px #fff5be24)drop-shadow(0 0 18px #e7ae2c1f);pointer-events:none;transition:opacity .28s;display:block;position:absolute;inset:0;transform:scaleX(.95);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.resumeTitleHover.is-hovered .resumeTitleGlow{opacity:.82}.resumeTitleHover.is-hovered .resumeTitleSlices{opacity:.82;filter:drop-shadow(0 0 14px #ffe17808)}.resumeTitleText{color:#ffffff57;width:100%;height:100%;font-family:var(--resume-light-font);font-variation-settings:"wght" 100;letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;font-size:clamp(54px,6vw,104px);font-weight:100;line-height:1;display:inline-flex}.resumeNativeTitle{color:#ffffffad;width:100%;height:100%;font-family:var(--resume-light-font);font-variation-settings:"wght" 100;letter-spacing:.02em;white-space:nowrap;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;font-size:clamp(54px,6vw,104px);font-weight:100;line-height:1;display:inline-flex}.resumeMorphLayer{z-index:41;pointer-events:none;position:fixed;inset:0}.resumeMorphChar{color:#ffffffad;font-family:var(--resume-light-font);font-variation-settings:"wght" 100;letter-spacing:.02em;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;will-change:left, top, width, height, font-size, opacity;justify-content:center;align-items:center;font-weight:100;display:inline-flex;position:fixed}.resumeTitleChar,.resumeNavChar{will-change:opacity;display:inline-block}.resumeStat--product .resumeTitleText{color:#ffffffe6}.resumeStat strong{font-variation-settings:"wght" 900;justify-content:center;align-items:flex-start;width:100%;font-family:OPPOSansLocal,"OPPO Sans 4.0",OPPO Sans,sans-serif;font-weight:900;line-height:1;display:flex}.resumeCount{font-variation-settings:"wght" 900;letter-spacing:-.045em;transform-origin:50% 86%;font-variant-numeric:proportional-nums;min-width:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,OPPO Sans,sans-serif;font-size:clamp(126px,10.5vw,200px);font-weight:900;line-height:.82;display:inline-block}.resumeFloatChar{transform-origin:50% 100%;will-change:transform, opacity;display:inline-block}.resumeNav{z-index:40;pointer-events:none;opacity:1;visibility:visible;transform-origin:100% 0;align-items:center;gap:clamp(5px,.68vw,12px);display:flex;position:fixed;top:clamp(24px,3.2vw,52px);right:clamp(24px,5.2vw,92px)}.resumeNav:not(.is-cards-ready):not(.is-resume-before){pointer-events:none!important}.resumeNav:not(.is-cards-ready){opacity:0!important;visibility:hidden!important;pointer-events:none!important}.resumeNav a{color:#ffffff57;font-family:var(--resume-light-font);font-variation-settings:"wght" 300;letter-spacing:.02em;white-space:nowrap;font-size:clamp(16px,1.65vw,27px);font-weight:300;line-height:1;text-decoration:none;transition:color .18s,opacity .18s}.resumeNavChar{display:inline-block}.resumeNav a:hover,.resumeNav a.is-active{color:#fff}.resumeNav.is-resume-before a.is-active,.resumeNav a[data-resume-key=product]{color:#ffffff57}.resumeNav.is-resume-before a,.resumeNav.is-resume-before a.is-active,.resumeNav.is-resume-before a[data-resume-key=product]{color:#ffffffc2}.resumeNav.is-nav-glass-ready a{color:#fffc;font-family:var(--resume-light-font);font-variation-settings:"wght" 300;font-size:clamp(11.2px,1.155vw,18.9px);font-weight:300}.resumeNav.is-nav-glass-ready a.is-active{color:#fff;font-variation-settings:"wght" 300;font-weight:300}.resumeNav.is-project-switching a[aria-disabled=true]{pointer-events:none;opacity:.48}body.is-contact-screen .resumeNav,body.is-contact-screen .resumeNav.is-cards-ready,body.is-contact-screen .resumeNav.is-nav-glass-ready,body.is-contact-screen .resumeNav.is-resume-before,body.is-contact-screen .resumeMorphLayer,body.is-contact-screen .resumeMorphChar{opacity:0!important;visibility:hidden!important;pointer-events:none!important;filter:blur(8px)!important;transform:translateY(-10px)!important}.resumeNavGlass{flex:none;transition:background .38s,border-color .38s,box-shadow .38s,-webkit-backdrop-filter .38s,backdrop-filter .38s;overflow:visible;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0 #0000!important}.resumeNav.is-cards-ready .resumeNavGlass{-webkit-backdrop-filter:var(--filter-id,none) blur(.4px) saturate(var(--glass-saturation,1))!important;background:#ffffff07!important;border:0 #0000!important;box-shadow:inset 0 0 10px #ffffff0e,0 6px 18px #00000014!important}.resumeNav.is-cards-ready .resumeNavGlass .glass-surface__content{background:#ffffff03}.resumeNavGlass .glass-surface__content{padding:.35rem .6rem;overflow:visible}.resumeNavGlass a{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.resumePlus{object-fit:contain;filter:brightness(0)saturate()invert(43%)sepia(98%)saturate(3668%)hue-rotate(217deg)brightness(105%)contrast(108%)drop-shadow(0 0 18px #2563eb5c);flex:none;width:clamp(24px,2vw,42px);height:auto;margin:clamp(18px,1.65vw,30px) 0 0 clamp(8px,.6vw,14px)}.skillLoopCopy{z-index:3;color:#edf2f094;font-variation-settings:"wght" 100;letter-spacing:.51em;white-space:nowrap;opacity:1;align-items:baseline;gap:clamp(16px,2.3vw,42px);margin:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:clamp(9px,1.075vw,21px);font-weight:100;line-height:1;transition:opacity .18s;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.skillLoopCopy.is-hidden{opacity:0}.skillLoopCopy.is-exiting{opacity:0;filter:blur(8px);transition:opacity .38s,filter .38s,transform .38s;transform:translate(-50%,-18px)scale(.96)}.skillLoopMessage{color:#edf2f0c7;opacity:1;display:inline-block}.skillLoopCode{color:#f4f7f6e6;letter-spacing:0;font-family:SFMono-Regular,Consolas,monospace;font-size:1.08em;font-weight:400}.skillLoopCursor{vertical-align:baseline;background:currentColor;width:clamp(11px,1.1vw,21px);height:.1em;margin-left:calc(clamp(5px,.42vw,9px) - .34em);animation:.86s step-end infinite skillLoopCursorBlink;display:inline-block}@keyframes skillLoopCursorBlink{0%,48%{opacity:1}49%,to{opacity:.08}}.countDigits{align-items:baseline;display:inline-flex}.countDigit{display:inline-block}.resumeCurve{pointer-events:none;opacity:0;transform-origin:0 52%;width:100vw;height:min(42vh,460px);position:absolute;top:238px;left:50%;transform:translate(-50%)}.resumeLightBand{filter:blur(.2px)drop-shadow(0 0 18px #ffd34138);background-color:#0000;background-image:radial-gradient(#fff8c3 0%,#ffe25dc7 12%,#b5710c40 36%,#0000 70%),linear-gradient(90deg,#0000 0%,#fff6bb2e 20%,#fffcde 50%,#ffc62e2e 80%,#0000 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,100% 5px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:clamp(76px,8vw,150px);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resumeLightBand:before,.resumeLightBand:after{content:"";pointer-events:none;width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resumeLightBand:before{background:linear-gradient(90deg,#0000 0%,#fff0a15c 16%,#fffdf0 50%,#ffc92d5c 84%,#0000 100%);height:1px}.resumeLightBand:after{filter:blur(24px);background:radial-gradient(#ffe55c2e,#0000 64%);height:58%}.resumeTimeline{z-index:5;grid-template-columns:repeat(12,1fr);align-items:end;gap:22px;min-height:min(48vh,520px);padding-top:clamp(160px,19vw,320px);display:grid;position:relative}.resumeNode{--node-offset-y:0px;--node-reveal-y:0px;color:#f7f8f6eb;min-width:0;transform:translateY(calc(var(--node-offset-y) + var(--node-reveal-y)));will-change:transform, opacity, filter}.resumeNode--1{--node-offset-y:24px;grid-column:1/span 3}.resumeNode--2{--node-offset-y:-18px;grid-column:4/span 3}.resumeNode--3{--node-offset-y:-88px;grid-column:7/span 3}.resumeNode--4{--node-offset-y:-172px;grid-column:10/span 3}.resumeYears{color:#f7f8f6e6;margin:0 0 6px;font-size:clamp(10px,.78vw,14px);line-height:1.2}.resumeNode h4{color:#fff;flex-wrap:wrap;gap:16px;margin:0 0 16px;font-size:clamp(10px,.75vw,14px);font-weight:760;line-height:1.3;display:flex}.resumeNode h4 span{color:#f7f8f6c7;font-weight:420}.resumeText{gap:4px;display:grid}.resumeText p{color:#f7f8f6d6;margin:0;font-size:clamp(9px,.65vw,13px);line-height:1.48}.resumeLogos{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:16px;display:flex}.resumeLogos img{object-fit:contain;width:auto;max-width:78px;height:clamp(12px,1vw,18px);display:block}.tbdMilestones{--milestone-content-left:clamp(58px, 8vw, 116px);--milestone-content-width:min(980px, calc(100vw - clamp(56px, 12vw, 230px)));--milestone-line-shift-left:clamp(54px, 4.2vw, 62px);--milestone-line-left:calc(clamp(48px, 10.2vw, 196px) + clamp(34px, 3.1vw, 60px) / 2 - clamp(34px, 2.85vw, 52px) - var(--milestone-line-shift-left) / 2 - var(--milestone-line-shift-left) / 4);--milestone-year-shift-left:calc(clamp(78px, 6vw, 112px) - clamp(28px, 2vw, 38px));--milestone-title-shift:clamp(72px, 5.8vw, 112px);--milestone-logo-align-left:clamp(48px, 10.2vw, 196px);--brand-float-top:calc(clamp(44px, 6.8vh, 78px) + clamp(28px, 2.55vw, 50px) + clamp(24px, 3.2vh, 38px) - 170px);z-index:8;color:#fff;background:#000;width:100vw;margin:clamp(82px,12vh,170px) 0 0;padding:clamp(92px,13vh,160px) 0 clamp(18px,3vh,42px);position:relative;overflow:visible}.tbdMilestonesIntro{top:var(--brand-float-top);left:var(--milestone-logo-align-left);z-index:3203;width:min(780px, calc(100vw - var(--milestone-logo-align-left) - clamp(72px, 9vw, 132px)));opacity:0;visibility:hidden;filter:blur(12px);pointer-events:none;transform-origin:0 0;will-change:opacity, filter, transform;margin:0;transition:opacity .32s,filter .32s,visibility 0s linear .32s;position:fixed;transform:translateY(100vh)}.tbdMilestones.is-title-active .tbdMilestonesIntro{opacity:1;visibility:visible;filter:blur();transition-delay:0s}.tbdMilestones.is-title-exited .tbdMilestonesIntro{opacity:0!important;visibility:hidden!important;filter:blur(8px)!important}.tbdMilestonesIntro h2{width:min(980px, calc(100vw - var(--milestone-logo-align-left) - clamp(32px, 5vw, 86px)));max-width:calc(100vw - var(--milestone-logo-align-left) - clamp(32px, 5vw, 86px));color:#fff;font-variation-settings:"wght" 850;letter-spacing:0;margin:0;padding:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:clamp(74px,7.55vw,136px);font-weight:850;line-height:1.12;display:block;overflow:visible}.tbdMilestonesHeading{transform-origin:0;will-change:transform}.tbdMilestonesLead{width:min(620px, calc(100vw - var(--milestone-logo-align-left) - clamp(52px, 9vw, 160px)));color:#ffffff7a;font-variation-settings:"wght" 320;letter-spacing:.04em;gap:clamp(5px,.8vh,10px);margin-top:calc(clamp(26px,4.5vh,54px) - 250px);margin-left:20px;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:clamp(14px,1.1vw,18px);font-weight:320;line-height:calc(1.72em - 5px);display:grid}.tbdMilestonesLead p{text-align:justify;text-align-last:left;text-justify:inter-ideograph;margin:0}.tbdMilestonesSignatureRow{justify-self:end;align-items:center;gap:14px;margin-top:clamp(8px,1.2vh,14px);display:flex}.tbdMilestonesSignatureRow span{background:#fff6;width:clamp(72px,7vw,124px);height:1px;display:block}.tbdMilestonesSignature{opacity:.68;filter:brightness(1.08)contrast(1.05);mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none;justify-self:end;width:clamp(66px,6vw,105px);height:auto}.tbdMilestonesTitleWrap{cursor:default;isolation:isolate;transform-origin:0;padding:.34em 0 .42em;display:inline-block;position:relative;overflow:visible}.tbdMilestonesCoverTitle{aspect-ratio:3/2;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px #ffffff2e)drop-shadow(0 24px 54px #0006);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.tbdMilestonesCanvasTitle{color:#0000;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:inherit;font-weight:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;text-transform:uppercase;filter:drop-shadow(0 1px #ffffff40)drop-shadow(0 18px 38px #2563eb2e);pointer-events:none;transition:opacity .16s;overflow:visible;display:inline-block!important}.tbdMilestonesStaticTitle{z-index:2;color:#fffc;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:uppercase;opacity:0;visibility:visible;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.tbdMilestonesTrack{z-index:2;--milestone-progress-start-extension:0px;min-height:auto;padding-top:calc(580px + 100vh);padding-bottom:0;position:relative}.tbdMilestonesLine{left:var(--milestone-line-left);top:var(--milestone-line-fixed-top,0px);width:2.8px;height:var(--milestone-line-fixed-height,0px);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#fff0,#ffffff29 8%,#2c4a7d61 18%,#181c2e75 92%,#12121c1f);border-radius:999px;position:fixed;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06,0 0 26px #2e55ff14}.tbdMilestonesLine.is-visible{opacity:1;visibility:visible}.tbdMilestonesBeam{border-radius:inherit;background:linear-gradient(#1032ff 0%,#2345ff 70%,#7fb1ff 90%,#fff 100%);width:100%;height:0%;display:block;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 10px #284afffc,0 0 23px #385dff7d,0 0 34px #7fb1ff6b}.tbdMilestone{--milestone-year-slide:0px;--milestone-copy-exit-progress:0;--milestone-logo-entry-y:0px;--milestone-logo-entry-opacity:1;--milestone-logo-entry-blur:0px;--milestone-logo-slide:0px;--milestone-logo-exit-opacity:1;--milestone-logo-exit-blur:0px;min-height:clamp(320px,54vh,560px);padding-left:calc(var(--milestone-line-left) + var(--milestone-line-shift-left) + var(--milestone-line-shift-left) / 4 + clamp(64px, 5.8vw, 104px));align-items:center;display:flex;position:relative}.tbdMilestoneContent{width:min(960px, calc(100vw - var(--milestone-line-left) - clamp(124px, 13vw, 230px)));justify-items:start;gap:clamp(20px,3.4vh,34px);display:grid}.tbdMilestoneMarker{left:var(--milestone-line-left);z-index:3;width:clamp(54px,4.2vw,62px);height:clamp(54px,4.2vw,62px);box-shadow:none;background:0 0;border-radius:50%;place-items:center;transition:box-shadow .26s,opacity .26s,transform .26s;display:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.tbdMilestoneMarker span{width:clamp(24px,1.95vw,30px);height:clamp(24px,1.95vw,30px);box-shadow:none;background:0 0;border:0;border-radius:50%;transition:border-color .26s,background .26s,box-shadow .26s,opacity .26s;display:none}.tbdMilestoneYear{--milestone-text-align-x:calc(-1 * var(--milestone-year-shift-left) + var(--milestone-year-slide));--milestone-year-entry-y:0px;--milestone-year-entry-opacity:1;--milestone-year-entry-blur:0px;--milestone-year-exit-opacity:1;--milestone-year-exit-blur:0px;color:#fff;font-variation-settings:"wght" 760;letter-spacing:-.058em;text-align:left;width:auto;opacity:calc(var(--milestone-year-entry-opacity) * var(--milestone-year-exit-opacity));filter:blur(calc(var(--milestone-year-entry-blur) + var(--milestone-year-exit-blur)));transform:translateX(calc(var(--milestone-text-align-x) - 3px)) translateY(var(--milestone-year-entry-y));text-shadow:0 1px #ffffff14,0 18px 38px #ffffff0a;margin:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:clamp(48px,5.25vw,96px);font-weight:760;line-height:1;transition:color .32s,filter .32s,opacity .32s,transform .32s;position:relative;top:0}.tbdMilestoneCopy{--milestone-text-align-x:calc(-1 * var(--milestone-year-shift-left) + var(--milestone-year-slide));color:#ffffff8f;opacity:0;visibility:hidden;filter:blur(8px);max-width:760px;transform:translateX(var(--milestone-text-align-x)) translateY(16px);gap:clamp(9px,1.2vh,14px);font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;transition:color .32s,filter .32s,opacity .32s,transform .32s;display:grid}.tbdMilestoneCopy p{margin:0}.tbdMilestoneName{color:#ffffffb3;font-variation-settings:"wght" 650;letter-spacing:.02em;font-size:clamp(17px,1.35vw,24px);font-weight:650;line-height:1.1}.tbdMilestoneTagline{color:#7fb1ffe0;font-variation-settings:"wght" 520;letter-spacing:.16em;font-size:clamp(15px,1.05vw,19px);font-weight:520;line-height:1.2}.tbdMilestoneBody{color:#ffffff70;font-variation-settings:"wght" 320;letter-spacing:.045em;text-wrap:pretty;max-width:720px;font-size:clamp(14px,1.02vw,17px);font-weight:320;line-height:1.85}.tbdMilestoneLogo{z-index:1;width:clamp(78px,9.1vw,157px);height:auto;opacity:calc(var(--milestone-logo-entry-opacity) * var(--milestone-logo-exit-opacity) * .18);filter:blur(calc(var(--milestone-logo-entry-blur) + var(--milestone-logo-exit-blur))) drop-shadow(0 0 22px #ffffff1a);transform:translate3d(var(--milestone-logo-slide), calc(-50% + var(--milestone-logo-entry-y)), 0);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;right:clamp(80px,10vw,180px)}.tbdMilestoneLogoGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(28px,3.4vw,52px) clamp(42px,5vw,76px);width:clamp(390px,36vw,620px);display:grid}.tbdMilestoneLogoItem{object-fit:contain;object-position:center;filter:invert();width:100%;max-height:clamp(24px,3.1vw,52px);display:block}.tbdMilestone.is-active .tbdMilestoneMarker{opacity:1;box-shadow:none;transform:translate(-50%,-50%)}.tbdMilestone.is-active .tbdMilestoneMarker span{box-shadow:none;background:0 0;border-color:#0000}.tbdMilestone.is-active .tbdMilestoneYear{color:#fff;filter:blur(calc(var(--milestone-year-entry-blur) + var(--milestone-year-exit-blur))) drop-shadow(0 0 16px #2c52ff1f);transform:translateX(calc(var(--milestone-text-align-x) - 3px)) translateY(var(--milestone-year-entry-y))}.tbdMilestone.is-active .tbdMilestoneCopy{color:#ffffffb8;opacity:calc(1 - var(--milestone-copy-exit-progress));visibility:visible;filter:blur(calc(var(--milestone-copy-exit-progress) * 8px));transform:translateX(var(--milestone-text-align-x)) translateY(calc(var(--milestone-copy-exit-progress) * -8px));transition-delay:.12s}.tbdMilestone.is-active .tbdMilestoneName{color:#ffffffe6}.tbdMilestone.is-active .tbdMilestoneBody{color:#ffffffa8}@keyframes tbdMilestoneBeamSweep{0%{transform:translateY(-120%)}to{transform:translateY(720%)}}.projectPreheat{z-index:9;color:#fff;width:100vw;min-height:clamp(560px,78vh,760px);transform:translateX(var(--project-preheat-x-offset,0px));background:#000;place-items:center;margin:0 0 clamp(72px,12vh,160px);padding:clamp(64px,9vh,110px) clamp(40px,7vw,132px);display:grid;position:relative;overflow:hidden}.projectPreheat:before,.projectPreheat:after{content:"";pointer-events:none;display:none;position:absolute}.projectPreheatBeams{z-index:1;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.projectCollisionBeam{will-change:transform;background:linear-gradient(#0000,#a855f7,#6366f1);border-radius:999px;width:1px;height:3.5rem;display:block;position:absolute;top:5rem;left:0}.projectCollisionBeam--short{height:1.5rem}.projectCollisionBeam--medium{height:3rem}.projectCollisionBeam--tall{height:5rem}.projectPreheatCollisionLine{inset-inline:0;top:var(--project-preheat-ground-y,calc(54% + 20px));opacity:0;width:100%;height:1px;box-shadow:none;background:0 0;position:absolute;bottom:auto}.projectCollisionExplosion{z-index:50;width:.5rem;height:.5rem;position:absolute}.projectCollisionParticle{background:linear-gradient(#6366f1,#a855f7);border-radius:999px;width:.25rem;height:.25rem;position:absolute}.projectPreheatLine{z-index:2;color:#fff;font-variation-settings:"wght" 780;letter-spacing:.005em;text-align:center;text-shadow:0 1px #ffffff3d,0 26px 72px #ffffff14,0 0 34px #325cff29;flex-direction:column;justify-content:center;align-items:center;gap:.18em;width:min(1180px,92vw);max-width:none;margin:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:clamp(50px,6.35vw,124px);font-weight:780;line-height:.96;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projectPreheatRow{justify-content:center;align-items:baseline;width:100%;display:flex}.projectPreheatTyped{white-space:nowrap;align-items:baseline;display:inline-flex}.projectPreheatChar{will-change:transform, opacity, filter;padding-right:.006em;animation:.18s both projectPreheatCharIn;display:inline-block}.projectPreheatCursor{background:linear-gradient(#fff,#3764ff 54%,#b62cff);border-radius:999px;width:clamp(3px,.34vw,6px);height:.82em;margin-left:.1em;animation:.82s steps(2,start) infinite projectPreheatCursorBlink;display:inline-block;box-shadow:0 0 18px #3764ffbd,0 0 34px #b62cff52}@keyframes projectPreheatCursorBlink{0%,44%{opacity:1}45%,to{opacity:.16}}@keyframes projectPreheatCharIn{0%{opacity:0;filter:blur(8px);transform:translateY(.22em)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes projectPreheatBeamFall{0%{transform:translate3d(0, -120%, 0) rotate(var(--beam-rotate,0deg));opacity:0}12%{opacity:.72}72%{opacity:.72}86%{opacity:0}to{transform:translate3d(0, 245%, 0) rotate(var(--beam-rotate,0deg));opacity:0}}@keyframes projectPreheatCollisionPulse{0%,54%,to{opacity:0;transform:translate(-50%)scaleX(.62)}64%{opacity:.96;transform:translate(-50%)scaleX(1)}78%{opacity:.18;transform:translate(-50%)scaleX(1.28)}}.motionTile,.motionInfoCard{transform-origin:50%;will-change:transform, width, height, left, top;border-radius:28px;position:absolute;overflow:hidden;box-shadow:0 26px 80px #00000057}.motionTile{filter:grayscale(.18)saturate(.72)contrast(1.05);background-position:50%!important;background-size:cover!important}.motionTile:after{content:"";mix-blend-mode:normal;background:linear-gradient(#0000,#00000038);position:absolute;inset:0}.motionTile span{z-index:2;color:#ffffffd1;letter-spacing:.08em;text-transform:uppercase;max-width:80%;font-size:12px;position:absolute;bottom:20px;left:22px}.tileA{animation:12s cubic-bezier(.75,0,.25,1) infinite tileAFlow}.tileB{animation:12s cubic-bezier(.75,0,.25,1) infinite tileBFlow}.tileC{animation:12s cubic-bezier(.75,0,.25,1) infinite tileCFlow}.tileD{animation:12s cubic-bezier(.75,0,.25,1) infinite tileDFlow}.motionInfoCard{color:#0a0618c7;background:#6419ff;flex-direction:column;justify-content:center;padding:44px 48px;animation:12s cubic-bezier(.75,0,.25,1) infinite infoCardFlow;display:flex}.motionInfoCard strong{letter-spacing:0;margin-bottom:28px;font-size:72px;font-weight:760;line-height:.9}.motionInfoCard p{max-width:360px;margin:0;font-size:24px;font-weight:650;line-height:1.12}.showcaseFooter{z-index:5;grid-template-columns:1fr auto;align-items:start;gap:42px;margin-top:0;display:grid;position:relative}.showcaseFooter h3{color:#f2f5f3;margin:0 0 8px;font-size:42px;font-weight:560}.showcaseFooter p{color:#f2f5f39e;max-width:840px;margin:0;font-size:13px;line-height:1.6}.showcaseCtaGlass{box-shadow:none;border:0;justify-self:end;overflow:visible}.showcaseCtaGlass.glass-surface--svg,.showcaseCtaGlass.glass-surface--fallback{box-shadow:none;-webkit-backdrop-filter:none;background:0 0}.showcaseCtaGlass .glass-surface__content{padding:0}.showcaseCtaGlass:before{content:none}.showcaseCtaGlass:hover:before{opacity:0}.showcaseCta{color:#ffffffeb;isolation:isolate;background:#ffffff13;border-radius:999px;align-items:center;gap:12px;min-height:54px;padding:0 12px 0 28px;font-size:13px;font-weight:650;transition:color .3s,transform .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff7a,inset 0 -1px #ffffff1f}.showcaseCta:before{content:none}.showcaseCta:hover{color:#fff;background:#ffffff1f;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff1a,0 0 18px #ffffff14}.showcaseCta:hover:before{opacity:0}.showcaseCta svg{color:#050606;background:#ffffffe6;border-radius:50%;width:42px;height:42px;padding:11px;box-shadow:inset 0 1px #ffffffeb,0 10px 22px #00000038}.projectGrid{--project-gap:10px;isolation:isolate;width:calc(100% - (var(--project-gap) * 2));align-items:start;column-gap:var(--project-gap);row-gap:var(--project-gap);margin:clamp(192px, calc(10vw + 100px), 276px) var(--project-gap) 0;perspective:1600px;transform-style:preserve-3d;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);scroll-margin-top:clamp(96px,10vh,144px);display:grid;position:relative}.projectGrid.is-switching{pointer-events:none}.projectGrid--hidden{display:none}.projectColumn{gap:var(--project-gap);flex-direction:column;min-width:0;display:flex}.projectRibbon{gap:34px;width:max-content;margin:34px 0 58px;padding-left:160px;animation:14s ease-in-out infinite alternate projectRibbonDrift;display:flex;position:relative}.projectRibbonImage{opacity:.72;filter:saturate(1.15)contrast(1.1)brightness(.78);border-radius:6px;width:360px;height:210px;display:block;box-shadow:0 20px 70px #00000061}.strengthCard{--sx:50%;--sy:50%;isolation:isolate;background:linear-gradient(145deg,#edf2f011,#edf2f005),#050707;border:1px solid #edf2f01f;border-radius:24px;transition:border-color .32s,background .32s,box-shadow .32s,transform .32s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.strengthCard:before,.strengthCard:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .32s;position:absolute;inset:0}.strengthCard:before{z-index:-1;background:linear-gradient(#050707 0 0) padding-box, radial-gradient(circle at var(--sx) var(--sy), #d8fff2f2, transparent 26%) border-box, linear-gradient(135deg, #d8fff21f, transparent 42%, #ffffff14) border-box;border:1px solid #0000;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.strengthCard:after{z-index:0;background:radial-gradient(circle at var(--sx) var(--sy), #d8fff21f, transparent 34%);mix-blend-mode:screen}.strengthCard:hover{border-color:#d8fff238;box-shadow:0 28px 80px #00000042,0 0 40px #d8fff20e}.strengthCard:hover:before,.strengthCard:hover:after{opacity:1}.projectCard{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--brand-color:#edf2f0;--brand-rgb:237, 242, 240;color:#edf2f0;min-height:500px;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);transform-style:preserve-3d;will-change:transform;background:linear-gradient(145deg,#edf2f01b,#edf2f006),#080b0d;border:0;border-radius:24px;padding:18px;transition:transform .42s cubic-bezier(.2,.8,.2,1),background .32s,box-shadow .32s;display:flex;position:relative;overflow:hidden}.projectCardInner{z-index:1;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.projectRedactionMask{z-index:30;--redaction-logo-size:min(97%, 462px);-webkit-backdrop-filter:blur(8.8px)saturate(.78)brightness(.82);-webkit-mask-image:linear-gradient(#000 0 0), var(--redaction-logo);-webkit-mask-size:100% 100%, var(--redaction-logo-size) auto;-webkit-mask-composite:xor;-webkit-mask-position:50%,calc(50% - 100px);-webkit-mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(#000 0 0), var(--redaction-logo);mask-image:linear-gradient(#000 0 0), var(--redaction-logo);-webkit-mask-size:100% 100%, var(--redaction-logo-size) auto;mask-size:100% 100%, var(--redaction-logo-size) auto;pointer-events:none;background:#0507083d;border-radius:18px;position:absolute;inset:0;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff0f,0 18px 46px #0000002e;-webkit-mask-position:50%,calc(50% - 100px);mask-position:50%,calc(50% - 100px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.projectRedactionGlass{z-index:0;pointer-events:none;inset:0;overflow:hidden;border-radius:18px!important;width:100%!important;height:100%!important;position:absolute!important}.projectRedactionGlass.glass-surface--svg{-webkit-backdrop-filter:var(--filter-id) blur(2px) saturate(1.2) brightness(1.08);background:#ffffff03}.projectRedactionGlass.glass-surface--fallback{-webkit-backdrop-filter:blur(6px)saturate(1.18)brightness(1.06);background:#ffffff06;border:0}.projectRedactionGlass .glass-surface__content{background:#ffffff06;padding:0}.projectRedactionMask:before{content:"";border-radius:inherit;opacity:.72;background:0 0;border:1px solid #ffffff1f;position:absolute;inset:1px}.projectRedactionMask span{z-index:2;color:#ffffffe0;font-variation-settings:"wght" 360;letter-spacing:calc(.12em + 23.4px);text-align:center;white-space:nowrap;text-shadow:0 10px 28px #00000085;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:clamp(8.47px,.75625vw,12.1px);font-weight:360;line-height:1.35;position:absolute;top:50%;left:50%;transform:translate(calc(-50% - 90px),calc(236px - 50%))}.projectCard--1{--brand-color:#fff039;--brand-rgb:255, 240, 57}.projectCard--2{--brand-color:#29bd98;--brand-rgb:41, 189, 152;min-height:0}.projectCard--3{--brand-color:#ff4300;--brand-rgb:255, 67, 0}.projectCard--4{--brand-color:#f72;--brand-rgb:255, 119, 34}.projectCard--5{--brand-color:#a0dc00;--brand-rgb:160, 220, 0}.projectCard--6{--brand-color:#3d92eb;--brand-rgb:61, 146, 235}.projectCard--7{--brand-color:#ff4300;--brand-rgb:255, 67, 0}.projectCard--1{min-height:0}.projectCard--7{color:#090c0d;background:linear-gradient(145deg,#fffffffa,#e6ebe8eb),#f4f4f2;min-height:720px}.projectCard--3{min-height:890px}.projectCard--4,.projectCard--5{min-height:870px}.projectCard--4{z-index:8}.projectCard--5{z-index:7}.projectCard--6,.projectCard--7{min-height:670px}.projectCard--7{min-height:870px}.projectCard:before,.projectCard:after{content:"";pointer-events:none;opacity:0;transition:opacity .42s,transform .62s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.projectCard:before{z-index:0;border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my), #ffffff15, transparent 24%);mix-blend-mode:screen;transform:scale(.98)}.projectCard:after{content:none}.projectCard:hover{background:linear-gradient(145deg,#edf2f01b,#edf2f006),#080b0d;box-shadow:0 34px 90px #00000057,0 0 76px #ffffff14}.projectCard:hover:before{opacity:1;transform:scale(1)}.projectCard:hover:after{opacity:0}.projectImage{z-index:2;background:#080b0d;border:0;border-radius:18px;width:100%;height:460px;margin:0;transition:filter .45s,box-shadow .35s;display:block;position:relative;overflow:hidden;transform:translateZ(34px)}.projectImageMedia{z-index:0;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-6% 0}.projectImage:before{content:none;z-index:4;pointer-events:none;filter:blur(12px)saturate(0);opacity:0;background:linear-gradient(105deg,#0000 0%,#ffffff0a 24%,#fff3 48%,#ffffff14 58%,#0000 100%);width:34%;position:absolute;top:-32%;bottom:-32%;left:-62%;transform:skew(-12deg)}.projectCard--1 .projectImage{height:723px}.projectCard--1 .projectCinematic{isolation:isolate;background:#030405!important}.projectCard--1 .projectImageMedia{inset:0}.projectCard--1:after{display:none}.projectCinematicVideo{z-index:1;object-fit:cover;object-position:center;opacity:0;filter:brightness(.88)contrast(1.08)saturate(1.05);width:100%;height:100%;transition:opacity .32s;display:block;position:absolute;inset:0}.projectCinematicPoster{z-index:0;object-fit:cover;object-position:center;filter:brightness(.9)contrast(1.08)saturate(1.02);width:100%;height:100%;display:block;position:absolute;inset:0}.projectCard--1:hover .projectCinematicVideo,.projectCard:hover .projectHoverVideo .projectCinematicVideo{opacity:1}.projectHoverImage .projectImageMedia{background:#050607}.projectHoverPoster{z-index:1;object-fit:cover;object-position:center;opacity:0;filter:brightness(.98)contrast(1.04)saturate(1.04);width:100%;height:100%;transition:opacity .36s,transform .48s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0;transform:scale(1.02)}.projectCard:hover .projectHoverImage .projectHoverPoster{opacity:1;transform:scale(1)}.projectCard--2 .projectImage{background-color:#080b0d;height:160px}.projectCard--2 .projectImageMedia{background-position:50%;background-repeat:no-repeat;background-size:100%;inset:-6% 0}.projectCard--3 .projectImage{background-color:#101214;height:610px}.projectHoverVideo{background:#050607!important}.projectHoverVideo .projectCinematicPoster,.projectHoverVideo .projectCinematicVideo{object-fit:cover;object-position:center}.projectNeopeVideo .projectImageMedia{inset:0}.projectGrid .projectNeopeVideo{aspect-ratio:auto!important;height:860px!important}.projectNeopeVideo .projectCinematicPoster,.projectNeopeVideo .projectCinematicVideo{object-fit:contain;object-position:center}.projectHaliVideo .projectCinematicPoster,.projectHaliVideo .projectCinematicVideo{object-fit:cover;object-position:center}.projectCard--4 .projectImage{height:660px;min-height:660px}.projectCard--4 .projectImageMedia{background-position:calc(50% + 20px)}.projectMocooV30Image .projectImageMedia{background:#fff;inset:0}.projectMocooV30Image .projectCinematicPoster{object-fit:cover;object-position:center calc(50% - 150px);transition:opacity .36s}.projectCard:hover .projectMocooV30Image .projectCinematicPoster{opacity:0}.projectCard--5 .projectImage{background-color:#090c0d;height:780px}.projectCard--6 .projectImage{background-color:#090c0d;height:470px}.projectCard--7 .projectImage{background-color:#f1f1ef;height:660px}.projectCard:hover .projectImage{filter:saturate(1.12)contrast(1.06);box-shadow:0 22px 58px #00000047}.projectCard:hover .projectImage:before{opacity:0;animation:none}.projectImage:after{content:none;z-index:3;background:radial-gradient(circle at var(--mx) var(--my), #ffffff1f, transparent 24%), linear-gradient(135deg, #ffffff14, transparent 28%, transparent 72%, #ffffff0d), linear-gradient(180deg, #00000005, #07090a8a);mix-blend-mode:overlay;opacity:.82;pointer-events:none;transition:opacity .34s,filter .34s;position:absolute;inset:0}.projectCard:hover .projectImage:after{opacity:0;filter:brightness(1.12)}.projectImage.projectCinematic:after{z-index:1;mix-blend-mode:normal;background:radial-gradient(circle at 50% 52%,#0000 30%,#0000009e 84%),linear-gradient(#0000002e,#07090a94)}.projectBody{z-index:5;text-align:left;opacity:1;filter:blur();flex-direction:column;flex:auto;justify-content:center;align-items:stretch;min-height:clamp(150px,15vh,240px);margin-top:auto;padding:32px 24px;transition:opacity .42s,transform .48s cubic-bezier(.2,.8,.2,1),filter .42s;display:flex;position:relative;transform:translateZ(44px)}.projectCard--1 .projectBody{padding-top:32px}.projectCard:hover .projectBody{transform:translate3d(0,-8px,74px)}.projectBody p{color:#d8fff29e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-size:13px}.projectCard--7 .projectBody p,.projectCard--7 .projectBody span{color:#090c0d94}.projectCard--7 .projectBody h3{color:#090c0d}.projectBody h3,.strengthCard h3{font-variation-settings:"wght" 400;margin-bottom:14px;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:34px;font-weight:400;line-height:1.12}.projectTitleRow{justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:64px;display:flex}.projectTitleRow h3{font-variation-settings:"wght" 700;max-width:calc(100% - 150px);margin:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:39px;font-weight:700}.projectClientLogo{object-fit:contain;flex:none;width:auto;max-width:118px;max-height:46px;transition:transform .36s,opacity .3s;display:block;transform:translate3d(18px,0,72px)}.projectCard .projectClientLogo{transition-property:transform,opacity}.projectCard--1 .projectClientLogo{max-width:142px;max-height:55px}.projectCard--2 .projectClientLogo{max-width:98px;max-height:38px}.projectCard--3 .projectClientLogo{max-width:130px;max-height:51px}.projectCard--7 .projectClientLogo{filter:brightness(0)contrast(1.2);max-width:118px;max-height:46px}.projectCard:hover .projectClientLogo{transform:translate3d(18px,-4px,88px)}.projectCard--1:hover .projectClientLogo{filter:brightness(0)saturate()invert(93%)sepia(96%)saturate(1306%)hue-rotate(356deg)brightness(107%)contrast(104%)drop-shadow(0 0 18px #fff03975)}.projectCard--2:hover .projectClientLogo{filter:brightness(0)saturate()invert(61%)sepia(56%)saturate(586%)hue-rotate(118deg)brightness(91%)contrast(92%)drop-shadow(0 0 18px #29bd9875)}.projectCard--3:hover .projectClientLogo,.projectCard--4:hover .projectClientLogo{filter:brightness(0)saturate()invert(58%)sepia(88%)saturate(1781%)hue-rotate(346deg)brightness(102%)contrast(101%)drop-shadow(0 0 18px #ff77227a)}.projectCard--5:hover .projectClientLogo{filter:brightness(0)saturate()invert(88%)sepia(92%)saturate(935%)hue-rotate(28deg)brightness(96%)contrast(101%)drop-shadow(0 0 18px #a0dc007a)}.projectCard--6:hover .projectClientLogo{filter:brightness(0)saturate()invert(54%)sepia(82%)saturate(2419%)hue-rotate(187deg)brightness(101%)contrast(102%)drop-shadow(0 0 18px #3d92eb7a)}.projectCard--7:hover .projectClientLogo{filter:brightness(0)saturate()invert(58%)sepia(88%)saturate(1781%)hue-rotate(346deg)brightness(102%)contrast(101%)drop-shadow(0 0 18px #ff77227a)}.projectBody span{color:#edf2f0a8;opacity:0;filter:blur(7px);max-width:680px;font-size:14px;line-height:1.7;transition:opacity .32s,color .3s,transform .34s cubic-bezier(.2,.8,.2,1),filter .32s;display:block;transform:translateY(12px)}.projectCard:hover .projectBody span{color:#edf2f0e0;opacity:1;filter:blur();transform:translate(0,0)}.projectCard--3:hover .projectBody p,.projectCard--3:hover .projectBody h3,.projectCard--3:hover .projectBody span,.projectCard--4:hover .projectBody p,.projectCard--4:hover .projectBody h3,.projectCard--4:hover .projectBody span,.projectCard--5:hover .projectBody p,.projectCard--5:hover .projectBody h3,.projectCard--5:hover .projectBody span{color:#ffffffe6}.projectCard--7:hover .projectBody p,.projectCard--7:hover .projectBody h3,.projectCard--7:hover .projectBody span{color:#090c0dc7}.projectGrid--strategy{--project-gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.projectGrid--strategy .projectColumn,.projectGrid--product .projectColumn{display:contents}.projectGrid--strategy .projectCard--1,.projectGrid--product .projectCard--1{grid-area:2/1;align-self:stretch;min-height:0}.projectGrid .projectCard--1{min-height:0!important}.projectGrid .projectCard--1 .projectImage{aspect-ratio:16/5.25!important;height:auto!important;min-height:0!important}.projectGrid--strategy .projectCard--2,.projectGrid--product .projectCard--2{grid-area:1/1/auto/-1;align-self:stretch;min-height:0}.projectGrid--product .projectCard--2{justify-self:center;width:calc(100% - 200px)}.projectGrid--strategy .projectCard--3,.projectGrid--product .projectCard--3{grid-area:2/2;align-self:stretch;min-height:0}.projectGrid--strategy .projectCard--5,.projectGrid--product .projectCard--5{grid-column:1/-1;align-self:stretch;min-height:calc(100vh - 40px)}.projectGrid--strategy .projectCard--1 .projectImage,.projectGrid--strategy .projectCard--2 .projectImage,.projectGrid--strategy .projectCard--3 .projectImage,.projectGrid--product .projectCard--1 .projectImage,.projectGrid--product .projectCard--2 .projectImage,.projectGrid--product .projectCard--3 .projectImage{aspect-ratio:16/9;height:auto}.projectGrid--strategy .projectCard--1 .projectImage,.projectGrid--product .projectCard--1 .projectImage{aspect-ratio:16/5.25!important}.projectGrid--strategy .projectCard--2 .projectImage,.projectGrid--product .projectCard--2 .projectImage{aspect-ratio:16/9!important;aspect-ratio:auto!important;height:860px!important;min-height:0!important}.projectGrid--strategy .projectCard--5 .projectImage,.projectGrid--product .projectCard--5 .projectImage{aspect-ratio:auto!important;height:calc(100vh - 110px)!important;min-height:770px!important}.projectGrid--strategy .projectCard--2 .projectBody,.projectGrid--product .projectCard--2 .projectBody{min-height:clamp(118px,11vh,176px)}.projectGrid--strategy .projectCard--1 .projectBody,.projectGrid--product .projectCard--1 .projectBody{min-height:clamp(68px,7vh,126px);padding-top:20px;padding-bottom:20px}.projectGrid--strategy .projectCard--1,.projectGrid--strategy .projectCard--3,.projectGrid--product .projectCard--1,.projectGrid--product .projectCard--3{min-height:calc(100vh - 40px)}.projectGrid--strategy .projectCard--1 .projectImage,.projectGrid--strategy .projectCard--3 .projectImage,.projectGrid--product .projectCard--1 .projectImage,.projectGrid--product .projectCard--3 .projectImage{aspect-ratio:auto!important;height:calc(100vh - 230px)!important;min-height:650px!important}.projectGrid--strategy .projectCard--1 .projectImageMedia,.projectGrid--strategy .projectCard--2 .projectImageMedia,.projectGrid--strategy .projectCard--3 .projectImageMedia,.projectGrid--product .projectCard--1 .projectImageMedia,.projectGrid--product .projectCard--2 .projectImageMedia,.projectGrid--product .projectCard--3 .projectImageMedia{background-position:50%;background-size:cover;inset:0 0 -22%}.projectGrid--strategy .projectCard--4 .projectImageMedia,.projectGrid--strategy .projectCard--5 .projectImageMedia,.projectGrid--strategy .projectCard--6 .projectImageMedia,.projectGrid--strategy .projectCard--7 .projectImageMedia,.projectGrid--product .projectCard--4 .projectImageMedia,.projectGrid--product .projectCard--5 .projectImageMedia,.projectGrid--product .projectCard--6 .projectImageMedia,.projectGrid--product .projectCard--7 .projectImageMedia{transform-origin:top;background-repeat:no-repeat;transform:scale(1.18);background-position:top!important;background-size:cover!important;inset:0!important}.projectGrid--strategy .projectCard--5 .projectImageMedia,.projectGrid--product .projectCard--5 .projectImageMedia{transform-origin:50%;transform:scale(1.04);background-position:50%!important}.projectGrid--strategy .projectCard--4 .projectCinematicPoster,.projectGrid--strategy .projectCard--4 .projectCinematicVideo,.projectGrid--strategy .projectCard--5 .projectCinematicPoster,.projectGrid--strategy .projectCard--5 .projectCinematicVideo,.projectGrid--strategy .projectCard--6 .projectCinematicPoster,.projectGrid--strategy .projectCard--6 .projectCinematicVideo,.projectGrid--strategy .projectCard--7 .projectCinematicPoster,.projectGrid--strategy .projectCard--7 .projectCinematicVideo,.projectGrid--product .projectCard--4 .projectCinematicPoster,.projectGrid--product .projectCard--4 .projectCinematicVideo,.projectGrid--product .projectCard--5 .projectCinematicPoster,.projectGrid--product .projectCard--5 .projectCinematicVideo,.projectGrid--product .projectCard--6 .projectCinematicPoster,.projectGrid--product .projectCard--6 .projectCinematicVideo,.projectGrid--product .projectCard--7 .projectCinematicPoster,.projectGrid--product .projectCard--7 .projectCinematicVideo{transform-origin:top;width:100%;height:100%;transform:scale(1.18);object-fit:cover!important;object-position:center top!important}.projectGrid--strategy .projectCard--5 .projectCinematicPoster,.projectGrid--strategy .projectCard--5 .projectCinematicVideo,.projectGrid--product .projectCard--5 .projectCinematicPoster,.projectGrid--product .projectCard--5 .projectCinematicVideo{transform-origin:50%;transform:scale(1.02);object-fit:contain!important;object-position:center center!important}.projectGrid--strategy .projectCard{background:radial-gradient(circle at var(--mx) var(--my), #5297ff1f, transparent 28%), linear-gradient(145deg, #8dbdff1c, #edf2f005), #070a0d;transform-style:flat;will-change:auto;border-radius:34px;padding:14px;transform:none;box-shadow:inset 0 0 0 1px #a1c9ff1a,0 28px 80px #00000038}.projectGrid--strategy .projectCard:hover{transform:none}.projectGrid--strategy .projectImage{filter:none;border-radius:26px;transform:none}.projectGrid--strategy .projectBody{border-top:0;padding-left:24px;padding-right:24px;transform:none}.projectGrid--strategy .projectCard:hover .projectBody,.projectGrid--strategy .projectClientLogo,.projectGrid--strategy .projectCard:hover .projectClientLogo{transform:none}.projectGrid--strategy .projectBody p{color:#8dbdffb8;letter-spacing:.16em}.projectGrid--strategy .projectCard--7{color:#090c0d;background:linear-gradient(145deg,#fffffffa,#e6ebe8eb),#f4f4f2}.projectGrid--strategy{--project-gap:0px;grid-template-columns:minmax(0,1fr);gap:0;width:100%;margin-left:0;margin-right:0}.projectGrid--strategy .projectColumn{display:contents}.projectGrid--strategy .projectCard,.projectGrid--strategy .projectCard--1,.projectGrid--strategy .projectCard--2,.projectGrid--strategy .projectCard--3,.projectGrid--strategy .projectCard--4,.projectGrid--strategy .projectCard--5,.projectGrid--strategy .projectCard--6,.projectGrid--strategy .projectCard--7{border-radius:0;grid-area:auto/1/auto/-1;width:100%;padding:14px;min-height:100svh!important}.projectGrid--strategy .projectCardInner{min-height:calc(100svh - 28px)}.projectGrid--strategy .projectImage,.projectGrid--strategy .projectCard--1 .projectImage,.projectGrid--strategy .projectCard--2 .projectImage,.projectGrid--strategy .projectCard--3 .projectImage,.projectGrid--strategy .projectCard--4 .projectImage,.projectGrid--strategy .projectCard--5 .projectImage,.projectGrid--strategy .projectCard--6 .projectImage,.projectGrid--strategy .projectCard--7 .projectImage{border-radius:26px;aspect-ratio:auto!important;height:calc(100svh - clamp(112px,14vh,168px) - 28px)!important;min-height:560px!important}.projectGrid--strategy .projectBody,.projectGrid--strategy .projectCard--1 .projectBody,.projectGrid--strategy .projectCard--2 .projectBody{min-height:clamp(112px,14vh,168px)}.projectGrid--strategy .projectImageMedia,.projectGrid--strategy .projectCinematicPoster,.projectGrid--strategy .projectCinematicVideo{width:100%;height:100%;object-fit:cover!important;object-position:center!important;background-position:50%!important;background-size:cover!important;inset:0!important;transform:none!important}.projectGrid--strategy .projectCard--5 .projectImageMedia,.projectGrid--strategy .projectCard--5 .projectCinematicPoster,.projectGrid--strategy .projectCard--5 .projectCinematicVideo{max-width:none;object-fit:cover!important;object-position:center center!important;transform-origin:50%!important;background-position:50%!important;background-size:cover!important;width:100%!important;height:100%!important;inset:0!important;transform:scale(1)!important}.projectGrid--strategy .projectCard--7 .projectImageMedia,.projectGrid--product .projectCard--7 .projectImageMedia{transform-origin:50%!important;background-position:50%!important;background-size:cover!important;inset:0!important;transform:scale(1)!important}.projectGrid--product{--project-gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.projectGrid--product .productMasonryList{grid-column:1/-1;width:100%;min-height:80vh;position:relative}.productMasonryItem{opacity:0;cursor:pointer;will-change:transform, width, height, opacity;padding:6px;position:absolute;top:0;left:0}.productMasonryImage{background-color:#070a0d;border-radius:10px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 10px 50px -10px #0003}.productMasonryItem.is-transparent-png .productMasonryImage{background:#fff}.productMasonryImage img{object-fit:cover;object-position:center center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.productMasonryHoverLabel{z-index:2;border-radius:inherit;-webkit-backdrop-filter:blur(9px)saturate(1.1);opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff13,#ffffff05),#070a0d24;place-items:center;padding:28px;transition:opacity .28s,filter .28s;display:grid;position:absolute;inset:0}.productMasonryHoverLabel span{color:#fffffff0;text-align:center;text-shadow:0 12px 34px #0000006b;max-width:100%;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:clamp(7px,.72vw,14px);font-weight:300;line-height:1.15;transition:transform .34s cubic-bezier(.2,.8,.2,1);transform:translateY(10px)scale(.98)}.productMasonryItem:hover .productMasonryHoverLabel{opacity:1}.productMasonryItem:hover .productMasonryHoverLabel span{transform:translateY(0)scale(1)}.productMasonryItem.is-transparent-png .productMasonryHoverLabel{background:linear-gradient(135deg,#ffffff4a,#ffffff1c),#ffffff24}.productMasonryItem.is-transparent-png .productMasonryHoverLabel span{color:#070a0ddb;text-shadow:0 12px 34px #ffffff57}.productMasonryColorOverlay{opacity:0;pointer-events:none;background:linear-gradient(45deg,#ff009680,#0096ff80);border-radius:8px;position:absolute;inset:0}.projectGrid--product .projectCard{background:radial-gradient(circle at var(--mx) var(--my), #5297ff1f, transparent 28%), linear-gradient(145deg, #8dbdff1c, #edf2f005), #070a0d;border-radius:34px;padding:14px;box-shadow:inset 0 0 0 1px #a1c9ff1a,0 28px 80px #00000038}.projectGrid--product .projectImage{border-radius:26px}.projectGrid--product .projectBody{padding-left:24px;padding-right:24px}.projectGrid--product .projectBody p{color:#8dbdffb8}.projectGrid--brand{--project-gap:0px;grid-template-columns:minmax(0,1fr);gap:0;width:100%;margin-left:0;margin-right:0}.projectGrid--brand .projectColumn{display:contents}.projectGrid--brand .projectCard--1,.projectGrid--brand .projectCard--2{grid-area:auto/1/auto/-1}.projectGrid--brand .projectCard{background:var(--brand-color);color:#080a0b;min-height:100svh;box-shadow:none;transform-style:flat;will-change:auto;border-radius:0;grid-column:1/-1;padding:0;transition:none;overflow:visible;transform:none}.projectGrid--brand .projectCard:before,.projectGrid--brand .projectCard:after{content:none;display:none}.projectGrid--brand .projectCard:hover{background:var(--brand-color);box-shadow:none;transform:none}.projectGrid--brand .projectCardInner{background:var(--brand-color);will-change:auto;border-radius:0;flex-direction:column;transition:none;display:flex;overflow:visible;transform:none}.projectGrid--brand .projectImage{aspect-ratio:auto;filter:none;height:100svh;min-height:720px;box-shadow:none;background:var(--brand-color);border-radius:0;transition:none;transform:none}.projectGrid.projectGrid--brand .projectCard .projectImage{aspect-ratio:auto!important;height:100svh!important;min-height:720px!important}.projectGrid--brand .projectBrandColor{justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.projectGrid--brand .projectBrandColor:after{display:none}.projectBrandStatic{z-index:2;background:var(--brand-color);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.projectBrandMotion{background:#050607;padding:0}.projectBrandMotion .projectBrandStatic{opacity:0;transition:opacity .24s;position:absolute;inset:0}.projectBrandMotionMedia,.projectBrandMotionPoster,.projectBrandMotionVideo{width:100%;height:100%;display:block;position:absolute;inset:0}.projectBrandMotionMedia{z-index:1;background:#050607}.projectBrandMotionPoster,.projectBrandMotionVideo{object-fit:cover;object-position:center}.projectBrandMotionPoster{z-index:0;filter:brightness(.9)contrast(1.06)saturate(1.04)}.projectBrandMotionVideo{z-index:1;opacity:1;filter:brightness(.9)contrast(1.08)saturate(1.05)}.projectGrid--brand .projectCard:hover .projectBrandMotion .projectBrandStatic,.projectGrid--brand .projectCard:focus-within .projectBrandMotion .projectBrandStatic,.projectGrid--brand .projectCard.is-brand-static .projectBrandMotion .projectBrandStatic{opacity:1}.projectBrandLogo,.projectBrandImage{object-fit:contain;filter:none;width:auto;max-width:min(42%,220px);max-height:96px;display:block;transform:none}.projectGrid--brand .projectCard--1 .projectBrandLogo,.projectGrid--brand .projectCard--4 .projectBrandLogo{filter:brightness(0);max-width:min(50.4%,264px);max-height:115px}.projectGrid--brand .projectCard:hover .projectImage{filter:none;box-shadow:none}.projectGrid--brand .projectImageMedia{transition:none;inset:0;transform:none}.projectGrid--brand .projectImage:after{content:none;z-index:3;pointer-events:none;background:rgb(var(--brand-rgb));mix-blend-mode:color;opacity:0;transition:opacity .24s;display:none;position:absolute;inset:0}.projectGrid--brand .projectCinematicPoster{opacity:1}.projectGrid--brand .projectCinematicVideo{opacity:1;transition:opacity .24s}.projectGrid--brand .projectCard:hover .projectCinematicVideo{opacity:0}.projectGrid--brand .projectBody,.projectGrid--brand .projectCard:hover .projectBody{color:#080a0b;text-align:center;opacity:1;filter:none;flex-direction:column;justify-content:center;align-items:center;min-height:112px;margin-top:auto;padding:20px 22px;transition:none;display:none;transform:none}.projectGrid--brand .projectBody span,.projectGrid--brand .projectCard:hover .projectBody span{opacity:1;filter:none;max-width:none;margin:0 auto;transition:none;transform:none}.projectGrid--brand .projectClientLogo,.projectGrid--brand .projectCard:hover .projectClientLogo{filter:none;transition:none;transform:none}.projectGrid--brand .projectBody p{color:#080a0bb8}.projectGrid--brand .projectBody h3,.projectGrid--brand .projectBody span{color:#080a0b}.projectGrid--brand .projectCard--7{color:#edf2f0;background:var(--brand-color)}.projectGrid--brand .projectCard--7 .projectBody p,.projectGrid--brand .projectCard--7 .projectBody h3,.projectGrid--brand .projectCard--7 .projectBody span{color:#080a0b}.projectGrid--brand .projectCard:hover,.projectGrid--brand .projectCard:focus-within{background:var(--brand-color)}.projectGrid--brand .projectCard:hover .projectImage:after,.projectGrid--brand .projectCard:focus-within .projectImage:after{opacity:0}.projectGrid--brand .projectCard:hover .projectBody p,.projectGrid--brand .projectCard:hover .projectBody h3,.projectGrid--brand .projectCard:hover .projectBody span,.projectGrid--brand .projectCard:focus-within .projectBody p,.projectGrid--brand .projectCard:focus-within .projectBody h3,.projectGrid--brand .projectCard:focus-within .projectBody span{color:#080a0b}.strengthGrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.strengthCard{min-height:300px;padding:34px 30px}.strengthCard>*{z-index:1;position:relative}.strengthCard svg{color:#d8fff2;margin-bottom:64px}.strengthCard p{font-variation-settings:"wght" 300;margin:0;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:15px;font-weight:300}.contactFinal{justify-content:space-between;align-items:center;gap:72px;min-height:100vh;padding:120px 0;display:flex}.contactFinal>div:first-child{max-width:1060px}.contactVisual{flex:0 0 clamp(420px,36vw,620px);justify-content:flex-end;align-self:stretch;align-items:flex-end;min-height:clamp(620px,82vh,820px);display:flex;position:relative}.contactFinal h2{font-variation-settings:"wght" 400;max-width:980px;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:84px;font-weight:400;line-height:.98}.contactFinal p{font-variation-settings:"wght" 300;max-width:720px;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:19px;font-weight:300}.contactGlassStack{justify-content:center;align-items:center;width:max-content;max-width:100%;margin-top:98px;margin-left:66px;display:flex;position:relative}.contactGlass{isolation:isolate;color:#fff;width:180px;height:200px;transform:rotate(calc(var(--r) * 1deg));background:linear-gradient(145deg,#ffffff12,#0000 38% 72%,#78b4ff09),#070a0d14;border:1px solid #ffffff4d;border-radius:18px;justify-content:center;align-items:center;margin:0 -45px;text-decoration:none;transition:margin .5s,transform .5s,border-color .5s,box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,inset 1px 0 #ffffff1f,inset 0 -1px #ffffff12,0 25px 45px #0000004d}.contactGlassLiquidLayer{z-index:0;pointer-events:none;inset:0;overflow:hidden;border-radius:inherit!important;width:100%!important;height:100%!important;position:absolute!important}.contactGlassLiquidLayer.glass-surface--svg{-webkit-backdrop-filter:var(--filter-id) blur(2px) saturate(1.2) brightness(1.08);background:#ffffff03}.contactGlassLiquidLayer.glass-surface--fallback{-webkit-backdrop-filter:blur(6px)saturate(1.18)brightness(1.06);background:#ffffff06;border:0}.contactGlassLiquidLayer .glass-surface__content{background:linear-gradient(132deg,#ffffff1c,#0000 28% 72%,#76b4ff0e);padding:0}.contactGlass:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;opacity:.5;background:linear-gradient(122deg,#ffffff24,#0000 24% 76%,#7bbeff0e);position:absolute;inset:1px}.contactGlassStack:hover .contactGlass,.contactGlassStack:focus-within .contactGlass{margin:0 10px;transform:rotate(0)}.contactGlass:before{content:attr(data-text);z-index:2;box-sizing:border-box;color:#fff;font-variation-settings:"wght" 300;letter-spacing:0;white-space:nowrap;background:#ffffff0d;justify-content:center;align-items:center;width:100%;height:40px;padding:0 10px;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:13px;font-weight:300;line-height:1;display:flex;position:absolute;bottom:0;left:0}.contactGlass>svg{z-index:2;color:currentColor;fill:none;width:2.5em;height:2.5em;filter:drop-shadow(0 14px 20px #00000047) drop-shadow(0 0 16px color-mix(in srgb, currentColor 42%, transparent));position:relative}.contactGlass--email{color:#8dbdff}.contactGlass--qr{color:#36d66f}.contactGlass--phone{color:#74f4ca}.contactGlass--qr img{z-index:2;object-fit:contain;filter:drop-shadow(0 12px 20px #00000052)drop-shadow(0 0 18px #ffffff1f);width:118px;height:118px;display:block;position:relative;transform:translateY(-10px)}.contactActions{gap:14px;margin-top:38px;display:flex}.contactBackTop{z-index:2;border-radius:50%;align-self:flex-end;place-items:center;width:64px;min-width:64px;height:64px;margin-bottom:clamp(24px,6vh,68px);margin-left:auto;padding:0;display:grid;position:relative;transform:translateY(50px)}.finalMark{z-index:2;color:#edf2f0b3;white-space:nowrap;background:#edf2f009;border:1px solid #edf2f024;align-self:end;gap:12px;padding:16px 18px;position:relative}@keyframes slowScan{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,240px 0}}@keyframes heroProductRingRotate{0%{transform:rotateX(calc(7deg + var(--scene-y) * -2deg)) rotateY(0deg) rotateZ(calc(var(--scene-x) * 2deg))}to{transform:rotateX(calc(7deg + var(--scene-y) * -2deg)) rotateY(360deg) rotateZ(calc(var(--scene-x) * 2deg))}}@keyframes heroProductFloat{0%{filter:drop-shadow(0 20px 30px #00000080)saturate(.9)contrast();margin-top:-10px}to{filter:drop-shadow(0 34px 42px #0000009e)saturate(1.05)contrast(1.08);margin-top:10px}}@keyframes heroProductDepthCycle{0%,56%,to{z-index:14;opacity:var(--product-opacity);filter:blur(var(--blur)) drop-shadow(0 24px 34px #0000008f) saturate(1.3) contrast(1.04);transform:translate(-50%, -50%) translate3d(calc(var(--scene-x) * var(--depth) * -.22px), calc(var(--scene-y) * var(--depth) * -.16px), calc(var(--depth) * 1px)) scale(1)}12%,24%{z-index:42;opacity:1;filter:drop-shadow(0 34px 58px #000000bd);transform:translate(-50%, -50%) translate3d(calc(var(--scene-x) * -16px), calc(var(--scene-y) * -10px), 260px) scale(1.34)}38%{z-index:18;opacity:.46;filter:blur(1.8px)drop-shadow(0 22px 38px #0000009e)saturate(1.3)contrast(1.04)brightness(.86);transform:translate(-50%, -50%) translate3d(calc(var(--scene-x) * var(--depth) * -.12px), calc(var(--scene-y) * var(--depth) * -.08px), -120px) scale(.82)}}@keyframes heroProductSpatialFloat{0%{margin-top:-8px}to{margin-top:10px}}@keyframes cssAuroraDrift{0%{transform:translate(-4%,-6%)rotate(-5deg)scaleX(1)}to{transform:translate(7%,12%)rotate(6deg)scaleX(1.12)}}@keyframes projectSweep{0%{transform:translate(-42%)rotate(8deg)}to{transform:translate(42%)rotate(8deg)}}@keyframes productSurfaceSweep{0%{left:-62%}to{left:128%}}@keyframes liquidGlassCaustics{0%{background-position:0 0,100% 100%,0 0,-45% 0;transform:scale(1)translate(-1px)}50%{background-position:40% 18%,42% 58%,34px 18px,18% 0;transform:scale(1.04)translate(1px,-1px)}to{background-position:86% 34%,0 22%,76px 34px,82% 0;transform:scale(1.02)translateY(1px)}}@keyframes projectRibbonDrift{0%{transform:translate(0)}to{transform:translate(-420px)}}@keyframes projectFloat{0%,to{translate:0}50%{translate:0 -14px}}@keyframes tileAFlow{0%,to{width:29%;height:386px;top:72px;left:0;transform:translate(0,0)scale(1)}42%,58%{width:27%;height:210px;top:34px;left:0;transform:translateY(-8px)scale(.98)}}@keyframes tileBFlow{0%,to{opacity:0;width:32%;height:298px;top:116px;left:34%;transform:translateY(18px)scale(.84)}42%,58%{opacity:1;width:38%;height:452px;top:28px;left:31%;transform:translate(0,0)scale(1)}}@keyframes tileCFlow{0%,to{width:14.5%;height:193px;top:72px;left:79%;transform:translate(0,0)scale(1)}42%,58%{width:13.5%;height:105px;top:34px;left:86%;transform:translateY(-8px)scale(.98)}}@keyframes tileDFlow{0%,to{opacity:0;width:28%;height:190px;top:274px;left:72%;transform:translate(30px,20px)scale(.78)}42%,58%{opacity:1;width:27%;height:202px;top:278px;left:73%;transform:translate(0,0)scale(1)}}@keyframes infoCardFlow{0%,to{width:32%;height:386px;top:72px;left:34%;transform:translate(0,0)scale(1)}42%,58%{width:27%;height:194px;top:286px;left:0;transform:translateY(8px)scale(1)}}@media (width<=1300px){body{min-width:1080px}.tbdMilestones{--milestone-content-left:64px;--milestone-content-width:820px;--milestone-line-left:calc(102px - var(--milestone-line-shift-left) / 2 - var(--milestone-line-shift-left) / 4);width:100vw}.strengthGrid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.relative{position:relative}.inline-block{display:inline-block}.absolute{position:absolute}.inset-0{inset:0}.pointer-events-none{pointer-events:none}.h-0{height:0}.w-0{width:0}.opacity-0{opacity:0}.invisible{visibility:hidden}.top-0{top:0}.left-0{left:0}.bg-blue-600{background-color:#2563eb}.dark .dark\:bg-blue-700{background-color:#1d4ed8}.bg-white{background-color:#fff}.dark .dark\:bg-neutral-950{background-color:#0a0a0a}.canvasTextBlueBackground{background-color:#1d4ed8}.componentLabPage{color:#f5f5f3;background:#050505;place-items:center;min-height:100vh;padding:32px;display:grid}body:has(.componentLabPage){min-width:0}.componentLabFrame{background:#ffffff06;border:1px solid #ffffff1f;width:min(1180px,100%);padding:clamp(32px,7vw,96px)}.componentLabEyebrow,.componentLabMeta{color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px}.componentLabHeading{color:#ffffffc7;letter-spacing:-.03em;max-width:1000px;margin:48px auto;font-size:clamp(42px,6vw,104px);font-weight:700;line-height:1.15}.componentLabGlassStage{background:radial-gradient(circle at 20% 30%,#173653 0,#0000 36%),radial-gradient(circle at 82% 70%,#422b58 0,#0000 38%),#0a0d12;border-radius:32px;justify-content:center;align-items:center;gap:24px;min-height:420px;padding:48px;display:flex;position:relative;overflow:hidden}.componentLabBackdrop{opacity:.8;pointer-events:none;background:repeating-linear-gradient(125deg,#0000 0 42px,#ffffff14 43px 44px),radial-gradient(circle,#45b3ff3d,#0000 26%);position:absolute;inset:0}.componentLabGlassStage .glass-surface{z-index:1;color:#ffffffdb;letter-spacing:.02em;font-family:"OPPO Sans 4.0",OPPOSansLocal,sans-serif;font-size:18px}@media (width<=720px){.componentLabGlassStage{flex-direction:column;min-height:520px;padding:28px}}.projectGrid .projectMocooV30Image .projectImageMedia{background:#fff!important}.projectGrid .projectMocooV30Image .projectCinematicPoster{object-position:center calc(50% - 150px)!important}