@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#edf2f5;font-synthesis:none;--cyan:#97edf1;--muted:#87919a;--line:#ffffff15;scroll-behavior:smooth;background:#080b0e;font-family:Space Grotesk Variable,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{color:#080b0e;background:#79d8df}.skip-link{z-index:1000;background:var(--cyan);color:#080b0e;border-radius:8px;padding:12px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:20px}.site-header{z-index:20;border-bottom:1px solid var(--line);align-items:center;width:100%;height:94px;padding:0 6%;display:flex;position:absolute;top:0;left:0}.wordmark{letter-spacing:-1px;align-items:center;font-size:22px;font-weight:650;display:flex}.wordmark-light{color:#b4bdc5;font-weight:400}.logo-crop{width:32px;height:38px;margin-right:12px;display:inline-block;position:relative;overflow:hidden}.logo-crop img{width:65px;height:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.desktop-nav{color:#a4adb5;align-items:center;gap:36px;margin-left:auto;font-size:14px;display:flex}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:#fff}.motion-toggle{color:#b6c3ca;background:#ffffff04;border:1px solid #ffffff25;border-radius:30px;align-items:center;gap:9px;margin-left:38px;padding:10px 15px;font-size:12px;display:flex}.motion-symbol{width:10px;font-size:13px}.motion-toggle:hover{background:#ffffff12}.menu-toggle,.mobile-nav[hidden]{display:none}.hero{isolation:isolate;grid-template-columns:1.02fr 1fr;align-items:center;height:100svh;min-height:800px;max-height:1180px;padding:140px 6% 112px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(at 77% 46%,#23515c22,#0000 53%);position:absolute;inset:0}.hero-grid{z-index:-3;background-image:linear-gradient(#b5dbe706 1px,#0000 1px),linear-gradient(90deg,#b5dbe706 1px,#0000 1px);background-size:90px 90px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 15%,#000 85%);mask-image:linear-gradient(90deg,#0000 15%,#000 85%)}.hero-orbit{z-index:-1;border:1px solid #a1cbd60c;border-radius:50%;width:850px;height:850px;position:absolute;top:22%;right:-19%;box-shadow:0 0 0 90px #0000,0 0 0 91px #a1cbd608}.hero-copy{z-index:2;padding-top:14px;position:relative}.eyebrow{letter-spacing:2.1px;color:#a4b1ba;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 31px;font-size:12px;display:flex}.eyebrow-line{background:#8cd6df;width:29px;height:1px}.hero h1{letter-spacing:-.075em;margin:0 0 35px;font-size:clamp(90px,9.2vw,154px);font-weight:500;line-height:.91}.hero h1 span{color:#8799a5;background:linear-gradient(135deg,#f5f8fc 10%,#8096a4 85%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{letter-spacing:.05em;margin:0 0 35px;font-size:20px;font-weight:400;line-height:1.9}.hero-description span{color:#86949f;letter-spacing:.02em;font-size:16px}.primary-link{background:#e4f6ff06;border:1px solid #b8dce52b;border-radius:34px;align-items:center;gap:38px;padding:14px 15px 14px 23px;font-size:14px;transition:background .25s,border .25s,transform .25s;display:inline-flex}.primary-link:hover{background:#c4ecfa10;border-color:#b8dce56b;transform:translateY(-2px)}.link-disc{background:var(--cyan);color:#18242b;border-radius:50%;place-items:center;width:29px;height:29px;font-size:24px;font-weight:300;display:grid}.hero-visual{min-width:0;height:min(680px,75vh);margin-top:14px;margin-left:-7%;margin-right:-4%;position:relative}.brand-stage{cursor:grab;width:100%;height:100%;position:relative}.brand-stage:active{cursor:grabbing}.brand-stage canvas{opacity:0;width:100%;height:100%;transition:opacity .9s;display:block;position:absolute;inset:0}.stage-fallback{object-fit:contain;width:84%;height:84%;transition:opacity .4s;position:absolute;top:8%;left:8%}.model-ready canvas{opacity:1}.model-ready .stage-fallback{opacity:0}.visual-corner{pointer-events:none;border-style:solid;border-color:#6fadb137;width:18px;height:18px;position:absolute}.corner-tl{border-width:1px 0 0 1px;top:12%;left:6%}.corner-br{border-width:0 1px 1px 0;bottom:13%;right:6%}.model-note{color:#647c86;letter-spacing:2px;pointer-events:none;font-size:11px;position:absolute;top:10%;left:9%}.stage-caption{color:#75909e;white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.drag-glyph{font-size:23px;line-height:1}.stage-caption button{color:#90a4af;background:0 0;border:0;border-left:1px solid #ffffff24;margin-left:6px;padding:2px 0 2px 12px;font-size:12px}.stage-caption button:hover{color:#fff}.is-unavailable{display:none}.hero-bottom{color:#56626b;letter-spacing:1.4px;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:36px;left:6%;right:6%}.scroll-cue{letter-spacing:.03em;color:#99aab5;align-items:center;gap:12px;font-size:12px;display:flex}.scroll-track{border:1px solid #4e657270;border-radius:8px;width:12px;height:24px;display:block;position:relative}.scroll-track i{background:#c4e4ec;border-radius:2px;width:2px;height:5px;animation:2s ease-in-out infinite scroll-mark;position:absolute;top:4px;left:4px}@keyframes scroll-mark{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.intro-item{opacity:0;transition:opacity 1s,transform 1s;transform:translateY(20px)}.page-ready .intro-item{opacity:1;transform:none}.intro-item:nth-child(2){transition-delay:.1s}.intro-item:nth-child(3){transition-delay:.2s}.intro-item:nth-child(4){transition-delay:.3s}.section-wrap{border-top:1px solid var(--line);padding:110px 8%;scroll-margin-top:32px}.section-heading{margin-bottom:65px}.section-heading .eyebrow{margin-bottom:23px}.section-heading h2{letter-spacing:-.045em;margin:0 0 15px;font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.4}.section-heading>p:last-child{color:#82919c;font-size:16px}.studio{background:linear-gradient(115deg,#101a20 0%,#0a0e13 65%);padding-top:125px;padding-bottom:125px}.studio h2{letter-spacing:-.06em;margin:0 0 40px;font-size:clamp(35px,5vw,74px);font-weight:500;line-height:1.3}.studio h2 span{color:#91a2ad}.studio-lead{color:#9babb5;max-width:630px;margin:0;font-size:18px;line-height:1.9}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding:75px 8% 27px;display:flex}.footer-brand{letter-spacing:-1.5px;font-size:32px;font-weight:500}.footer-brand span{color:#7f8f9b;letter-spacing:.02em;margin-top:12px;font-size:14px;display:block}.site-footer>a:nth-child(2){color:#a5b7c5;border-bottom:1px solid #607482;padding:8px 0;font-size:14px}.footer-bottom{border-top:1px solid var(--line);color:#5d707c;letter-spacing:.06em;justify-content:space-between;align-items:center;width:100%;margin-top:25px;padding-top:26px;font-size:12px;display:flex}.motion-paused{scroll-behavior:auto}.motion-paused *,.motion-paused :before,.motion-paused :after{transition-duration:0s!important;animation-play-state:paused!important}.motion-paused .intro-item{opacity:1;transform:none}@media (width>=1800px){.hero{padding-left:max(6%,50% - 790px);padding-right:max(6%,50% - 790px)}.site-header{padding:0 max(6%,50% - 790px)}}@media (width<=1000px){.hero{grid-template-columns:1fr 1fr;min-height:730px;padding:140px 6% 110px}.hero h1{font-size:96px}.hero-visual{height:540px;margin-left:-18%;margin-right:-15%}.hero-description{font-size:17px}.hero-description span{font-size:14px}.hero-coordinate{display:none}.hero-orbit{right:-60%}}@media (width<=700px){.site-header{height:76px;padding:0 6%;position:absolute}.wordmark{font-size:20px}.logo-crop{width:28px;height:33px;margin-right:9px}.logo-crop img{width:59px;height:59px}.desktop-nav{display:none}.motion-toggle{margin-left:auto;margin-right:15px;padding:9px 12px}.menu-toggle{background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;width:32px;height:36px;padding:5px;display:flex}.menu-toggle span{background:#b3c5d0;width:20px;height:1px;display:block}.mobile-nav{z-index:30;border-bottom:1px solid var(--line);background:#0b1117;gap:30px;padding:25px 6%;font-size:15px;display:flex;position:absolute;top:76px;left:0;right:0}.hero{flex-direction:column;align-items:stretch;height:auto;min-height:900px;max-height:none;padding:120px 7% 95px;display:flex}.hero-copy{padding-top:0}.eyebrow{letter-spacing:1.4px;margin-bottom:24px;font-size:10px}.hero h1{margin-bottom:25px;font-size:clamp(72px,21vw,115px);line-height:.95}.hero-description{margin-bottom:22px;font-size:17px;line-height:1.8}.hero-description span{font-size:14px}.primary-link{gap:30px;padding:10px 11px 10px 20px}.hero-visual{width:calc(100% + 70px);height:390px;margin:-15px -35px -20px}.model-note{font-size:10px;top:4%;left:8%}.corner-tl{top:6%}.corner-br{bottom:12%}.stage-caption{font-size:11px;bottom:0}.hero-bottom{font-size:9px;bottom:28px;left:7%;right:7%}.hero-bottom>span:first-child{max-width:45%;line-height:1.6}.hero-orbit{width:650px;height:650px;top:45%;right:-100%}.section-wrap{padding:76px 7%;scroll-margin-top:15px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:30px}.section-heading>p:last-child{font-size:15px;line-height:1.8}.studio{padding-top:85px;padding-bottom:85px}.studio h2{font-size:42px}.studio-lead{font-size:16px}.site-footer{align-items:flex-start;padding:55px 7% 24px}.footer-brand{font-size:29px}.footer-bottom{gap:20px;font-size:10px}.footer-bottom>span:last-child{text-align:right}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.intro-item{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed}.site-header.is-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d12db}.hero h1 span{background:linear-gradient(135deg,#eff8fd 10%,#5c8494 95%);-webkit-background-clip:text;background-clip:text}.project-card{background:#10161c;border:1px solid #d1edff14;border-radius:18px;grid-template-columns:.85fr 1.15fr;min-height:435px;margin-bottom:30px;display:grid;position:relative;overflow:hidden}.project-copy{flex-direction:column;align-items:flex-start;padding:47px 44px;display:flex}.project-index{letter-spacing:1.8px;color:#748c9a;margin-bottom:35px;font-size:11px}.project-copy h3{letter-spacing:-2px;margin:0 0 22px;font-size:48px;font-weight:500;line-height:1.05}.project-category{color:#a3b6c4;letter-spacing:.08em;margin-top:17px;font-size:14px;font-weight:400;display:block}.project-copy>p{color:#8f9fab;margin:0 0 26px;font-size:15px;line-height:1.95}.project-tags{flex-wrap:wrap;gap:7px;margin-bottom:30px;display:flex}.project-tags>span{color:#758c9c;border:1px solid #ffffff14;border-radius:4px;padding:5px 9px;font-size:11px}.project-link{color:#c0e7ed;background:0 0;border:0;border-bottom:1px solid #7ab6c75e;align-items:center;gap:38px;margin-top:auto;padding:0 0 8px;font-size:14px;transition:color .2s,gap .2s;display:flex}.project-link:hover{color:#fff;gap:44px}.project-link>span{font-size:21px;line-height:1}.project-art{background:radial-gradient(at 70%,#28525855,#0000 80%);justify-content:center;align-items:center;min-width:0;padding:68px 36px;display:flex;position:relative;overflow:hidden}.launcher-art{background:radial-gradient(at 50% 60%,#23455e85,#0000 85%),#101b24}.raid-art{background:radial-gradient(at 60%,#363f3360,#0000 85%),#151c1a}.art-label{letter-spacing:1.7px;color:#6d8798;font-size:10px;position:absolute;top:28px;left:35px}.app-preview{border:1px solid #6d8ea948;border-radius:7px;width:100%;max-width:600px;transition:transform .8s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden;transform:perspective(1300px)rotateY(-12deg)rotateX(7deg)rotate(-2deg);box-shadow:-20px 20px 55px #0005}.project-card:hover .app-preview{transform:perspective(1300px)rotateY(-5deg)rotateX(2deg)rotate(-1deg)}.preview-top{background:#15212c;align-items:center;gap:4px;height:24px;padding:0 10px;display:flex}.preview-top>span{background:#60818f;border-radius:50%;width:4px;height:4px}.preview-top>b{color:#617f91;margin-left:auto;font-size:9px;font-weight:400}.app-preview img{width:100%;height:auto;display:block}.art-number{letter-spacing:2px;color:#617f8b;font-size:10px;position:absolute;bottom:22px;right:24px}.game-preview{border:1px solid #58675673;border-radius:6px;width:100%;transition:transform .8s cubic-bezier(.2,.7,.3,1);overflow:hidden;transform:perspective(1300px)rotateY(-10deg)rotateX(5deg)rotate(2deg);box-shadow:-20px 20px 55px #0005}.game-preview img{filter:saturate(.65)contrast(1.05);width:100%;height:auto;display:block}.project-card:hover .game-preview{transform:perspective(1300px)rotateY(-4deg)rotateX(2deg)rotate(0)}.principles{border-top:1px solid #d3eaff19;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:85px;padding-top:34px;display:grid}.principle>span{color:#6197a5;letter-spacing:.08em;font-size:12px}.principle h3{margin:20px 0 16px;font-size:20px;font-weight:400}.principle p{color:#7b94a3;max-width:310px;margin:0;font-size:15px;line-height:1.9}.has-reveal .reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.has-reveal .reveal.is-visible,.motion-paused .reveal{opacity:1;transform:none}dialog{color:#d9e5ed;background:#111b23;border:1px solid #7f9da738;border-radius:18px;width:calc(100% - 40px);max-width:610px;max-height:85svh;padding:50px 42px 36px;overflow:auto;box-shadow:0 40px 120px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02080dbc}.dialog-close{color:#829baa;background:0 0;border:0;padding:2px 8px;font-size:26px;font-weight:300;position:absolute;top:15px;right:20px}.dialog-close:hover{color:#fff}dialog>.eyebrow{margin:0 0 22px;font-size:11px}dialog h2{letter-spacing:-.04em;margin:0 0 18px;font-size:30px;font-weight:500}.dialog-lead{color:#96abb8;font-size:15px;line-height:1.9}.feature-list{margin:30px 0;padding:0;list-style:none}.feature-list li{border-top:1px solid #8babc619;align-items:baseline;gap:20px;padding:17px 0;display:flex}.feature-list li>span{color:#6599a9;font-size:11px}.feature-list h3{margin:0 0 8px;font-size:15px;font-weight:500}.feature-list p{color:#829dab;margin:0;font-size:13px;line-height:1.8}.development-note{color:#8ea5b3;background:#ffffff04;border:1px solid #7294a225;border-radius:8px;padding:14px 16px;font-size:13px;line-height:1.8}.dialog-dismiss{color:#0b222c;background:#93dce3;border:0;border-radius:24px;margin:25px 0 0 auto;padding:11px 22px;font-size:14px;display:block}.dialog-dismiss:hover{background:#baeff2}@media (width<=1000px){.project-card{grid-template-columns:1fr 1.05fr}.project-copy{padding:36px 28px}.project-copy h3{font-size:40px}.project-copy>p{font-size:14px}.project-art{padding:65px 24px}.art-label{font-size:9px;left:24px}.principles{gap:32px}}@media (width<=700px){.project-card{border-radius:12px;flex-direction:column;margin-bottom:25px;display:flex}.project-copy{min-height:350px;padding:33px 28px}.project-index{margin-bottom:24px;font-size:10px}.project-copy h3{font-size:43px}.project-copy>p{font-size:14px}.project-category{font-size:13px}.project-art{height:290px;min-height:0;padding:60px 28px 44px}.art-label{top:20px}.art-number{font-size:9px;bottom:16px}.principles{grid-template-columns:1fr;gap:30px;margin-top:55px;padding-top:30px}.principle h3{margin-top:13px;margin-bottom:10px;font-size:19px}.principle p{max-width:100%;font-size:15px}dialog{width:calc(100% - 28px);padding:46px 25px 26px}dialog h2{font-size:26px}.dialog-lead{font-size:14px}.feature-list p{font-size:13px}}@media (prefers-reduced-motion:reduce){.has-reveal .reveal{opacity:1;transform:none}.app-preview,.game-preview{transition:none}}.eyebrow,.model-note,.hero-bottom,.project-index,.project-tags>span,.art-label,.art-number,.preview-top>b,.footer-bottom,.feature-list li>span,dialog>.eyebrow{font-size:12px}.motion-toggle,.motion-symbol,.stage-caption,.stage-caption button{font-size:14px}.project-copy>p,.principle p,.dialog-lead{font-size:16px}.feature-list p,.development-note{font-size:14px}@media (width<=700px){.hero .eyebrow{letter-spacing:.8px;font-size:12px}.hero-description span{font-size:16px}.hero-bottom{letter-spacing:0;font-size:12px}.hero-bottom>span:first-child{max-width:54%;line-height:1.5}.hero-bottom .scroll-cue{font-size:14px}.hero-coordinate{display:none}.project-copy>p{font-size:16px}.project-tags>span,.project-index,.art-label,.art-number,.model-note,.footer-bottom{font-size:12px}.feature-list p,.development-note{font-size:14px}.stage-caption{gap:7px;font-size:12px}.stage-caption button{font-size:12px}}