:root{--paper:#f4f2ec;--navy:#142536;--ink:#1b2b3b;--muted:#738080;--gold:#a88b57;--line:#d9ddd5;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#c2aa78;color:var(--navy)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--navy);color:white}.skip-link:focus{top:12px}.wrap{width:calc(100% - 144px);max-width:1440px;margin-inline:auto}.eyebrow{font:9px var(--mono);letter-spacing:1.6px;color:var(--gold)}.header{height:108px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:35px}.brand{display:flex;align-items:center;gap:17px}.monogram{font-family:Arial,sans-serif;font-size:35px;font-weight:700;letter-spacing:-4px;line-height:1}.monogram>span{color:var(--gold);margin-left:3px}.brand-name{font-weight:600;font-size:16px;letter-spacing:3px;white-space:nowrap}.brand-name small{display:block;font:7px var(--mono);letter-spacing:1.3px;margin-top:7px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:31px;font-size:12px}nav span{padding-left:7px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}.resume-link{border:1px solid #b7beb7;padding:12px 17px;font-size:11px;white-space:nowrap}.resume-link span{margin-left:20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:55px;align-items:center;min-height:600px;padding:40px 0 42px}.hero-copy{padding:13px 0 8px}.hero-copy .eyebrow{display:flex;align-items:center;font-size:8px;letter-spacing:1.5px}.tiny-rule{width:26px;height:1px;background:var(--gold);margin-right:11px}.hero-name{font-size:13px;letter-spacing:2px;margin-top:28px;font-weight:500}.hero-name>span{font:9px var(--mono);color:#8a918a;letter-spacing:2px;margin-left:10px}h1{font-size:75px;font-weight:500;letter-spacing:-2.5px;line-height:1.17;margin-top:19px;margin-left:-4px}h1>span{color:var(--gold)}.hero-intro{font-size:13px;color:#77817d;line-height:1.95;margin-top:23px}.roles{display:flex;gap:15px;align-items:center;font-size:11px;margin-top:22px}.roles i{width:1px;height:10px;background:#b6bfb5}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:38px;background:var(--navy);color:#f5f3ed;padding:16px 20px;font-size:12px}.btn>span{font-size:18px;font-weight:300}.text-link{font-size:12px;display:inline-flex;gap:22px;align-items:center}.text-link>span{color:var(--gold);font-size:16px}.hero-note{font:8px var(--mono);letter-spacing:.35px;color:#8a9186;margin-top:26px}.hero-note>span{font-family:var(--sans);margin-left:5px}.hero-worlds{position:relative;min-width:0;height:499px;padding:0 0 40px 12px}.hero-main-art{position:relative;display:block;width:100%;height:424px;border-radius:15px;overflow:hidden;background:#302e32;box-shadow:0 18px 50px #172f3618}.hero-main-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1227383d,transparent 30%,transparent 45%,#101e32c7)}.hero-main-art>img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.hero-main-art:hover>img{transform:scale(1.035)}.worlds-label{position:absolute;top:24px;left:25px;z-index:1;font:8px var(--mono);letter-spacing:1.8px;color:#ffffffe0}.hero-game-title{position:absolute;left:25px;right:25px;bottom:27px;z-index:1;font-family:Georgia,serif;font-size:31px;color:#fbf4ed;letter-spacing:-.4px}.hero-game-title>small{display:block;font:10px var(--sans);margin-bottom:8px;letter-spacing:1px;color:#e7dad0}.hero-game-title b{float:right;font-family:var(--sans);font-size:24px;font-weight:300;margin-top:3px}.hero-mini-art{position:absolute;bottom:1px;right:24px;width:252px;background:var(--paper);border:6px solid var(--paper);border-radius:12px;overflow:hidden;transform:rotate(4deg);box-shadow:0 12px 30px #12273826;transition:transform .4s}.hero-mini-art:hover{transform:rotate(0)}.hero-mini-art>img{width:100%;height:133px;object-fit:cover;border-radius:6px}.hero-mini-art>span{display:flex;align-items:center;gap:7px;font-size:10px;padding:10px 6px 5px}.hero-mini-art small{font-size:8px;color:#819078}.hero-mini-art b{margin-left:auto;font-size:17px;font-weight:300}.worlds-index{position:absolute;bottom:22px;left:16px;font:8px var(--mono);letter-spacing:1px;color:#9b9c87}.creator-strip{display:grid;grid-template-columns:.95fr 1fr 1fr 1.2fr;align-items:center;gap:30px;padding:30px 0 36px;border-top:1px solid var(--line)}.creator-strip>p{font-size:13px;line-height:1.9;color:#6c7c77}.creator-strip>p>strong{font-size:17px;color:var(--ink);font-weight:500}.creator-strip>div{border-left:1px solid var(--line);padding-left:30px;display:flex;align-items:center;gap:17px;min-height:58px}.creator-strip>div>strong{font-family:"Helvetica Neue",Arial,sans-serif;font-size:49px;font-weight:300;letter-spacing:-2px;line-height:1}.creator-strip>div>span{font-size:11px}.creator-strip small{display:block;font-size:8px;color:#8a9488;margin-top:8px;line-height:1.6}.creator-strip>.creator-method{display:block;padding-top:2px}.creator-method>span{font:8px var(--mono)!important;letter-spacing:1.7px;color:var(--gold)}.creator-method>p{font-size:11px;line-height:1.9;margin-top:8px;color:#738077}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section-head h2{font-size:38px;font-weight:500;letter-spacing:.2px;line-height:1.4;margin-top:18px}.section-head>p{font-size:12px;line-height:1.95;color:#7b8883;padding-bottom:5px}.games-section{background:var(--navy);color:#f1f0e8;padding:70px 0 45px;position:relative}.games-section .section-head>p{color:#a2b1b0}.games-section .eyebrow{color:#beaa80}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 29px}.game-card{min-width:0}.game-visual{display:block;position:relative;width:100%;aspect-ratio:1.6;overflow:hidden;border-radius:12px;background:#263e47}.game-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#111d2512,transparent 60%,#10243255);pointer-events:none}.game-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.game-visual:hover>img{transform:scale(1.025)}.game-status{position:absolute;top:18px;left:18px;z-index:1;font-size:9px;padding:7px 10px;border:1px solid #ffffff45;background:#112330ad;backdrop-filter:blur(8px);border-radius:20px;color:#fffaf0}.game-visit{position:absolute;right:18px;bottom:18px;z-index:1;font-size:10px;letter-spacing:.6px;color:#fff;background:#0d1b2780;padding:9px 13px;border:1px solid #ffffff35;border-radius:30px}.game-card-body{padding:23px 3px 2px}.game-name-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.game-index{font:8px var(--mono);letter-spacing:1.2px;color:#9daead}.game-card h3{font-size:25px;line-height:1.3;font-weight:500;margin-top:13px;letter-spacing:1px}.english-name{font-size:11px;color:#bdc5be;margin-top:8px;letter-spacing:.3px}.round-arrow{flex-shrink:0;border:1px solid #aec0b651;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:300;color:#c6b48a;transition:background .2s}.round-arrow:hover{background:#ffffff0d}.game-description{font-size:12px;line-height:1.95;color:#a0b2b0;margin-top:19px;max-width:95%}.game-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.game-tags>span{font-size:9px;color:#a9b9b5;border:1px solid #c3d1bd22;padding:5px 8px;border-radius:3px}.games-footnote{border-top:1px solid #b7c6c126;margin-top:42px;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.games-footnote>span{font:8px var(--mono);letter-spacing:1.6px;color:#b9a77f}.games-footnote>p{font-size:9px;color:#879b9b}.apps-section{padding:78px 0}.apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;border-top:1px solid var(--line)}.app-card{display:grid;grid-template-columns:132px 1fr 20px;gap:21px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);min-width:0}.app-thumb{height:90px;border-radius:7px;overflow:hidden;background:#e0e4dc;position:relative}.app-thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.app-card:hover .app-thumb>img{transform:scale(1.04)}.app-copy{min-width:0}.app-copy h3{font-family:"Helvetica Neue",Arial,var(--sans);font-size:20px;font-weight:500;letter-spacing:-.2px}.app-copy p{font-size:11px;line-height:1.8;color:#7b8780;margin-top:7px}.app-copy small{font:8px var(--mono);color:#919a8e;display:block;margin-top:8px}.app-arrow{font-size:20px;font-weight:300;color:var(--gold)}.app-stage{display:inline-block;font-size:8px;line-height:1.5;border:1px solid #b4beb1;border-radius:2px;margin-left:7px;padding:1px 4px;vertical-align:middle;color:#7b8778;font-weight:400;letter-spacing:0}.craft-section{background:#e5e8df;padding:67px 0}.craft-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.craft-intro h2{font-size:37px;font-weight:500;line-height:1.4;margin-top:20px}.craft-intro>p{font-size:13px;color:#75837a;line-height:2;margin-top:23px;max-width:370px}.craft-intro>.text-link{margin-top:25px}.craft-steps article{display:flex;gap:25px;border-top:1px solid #bdc9bb;padding:19px 0}.craft-steps article:last-child{border-bottom:1px solid #bdc9bb}.craft-steps article>span{font:10px var(--mono);color:#9a916f;padding-top:5px}.craft-steps h3{font-size:17px;font-weight:500;letter-spacing:.3px}.craft-steps p{font-size:11px;color:#7b897d;line-height:1.9;margin-top:8px}.about-section{padding:77px 0 65px}.career-impact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:30px 0}.career-impact>div+div{border-left:1px solid var(--line);padding-left:40px}.career-impact strong{font:300 49px "Helvetica Neue",Arial,sans-serif;letter-spacing:-2px}.career-impact strong>span{font:14px var(--sans);letter-spacing:0;margin-left:6px}.career-impact p{font-size:12px;margin-top:17px}.career-impact small{font-size:9px;color:#879387;display:block;margin-top:8px}.impact-context{font-size:9px;color:#969d8e;margin-top:13px}.career-details{margin-top:32px}.career-details>summary{display:flex;align-items:center;gap:20px;list-style:none;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;user-select:none}.career-details>summary::-webkit-details-marker{display:none}.career-details>summary>span{font-size:14px}.career-details>summary>small{font-size:10px;color:#859281;margin-left:auto}.career-details>summary>b{font-size:21px;font-weight:300;color:var(--gold)}.career-details[open]>summary>b{transform:rotate(45deg)}.timeline article{display:grid;grid-template-columns:175px 1fr 130px;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.timeline time{font:9px var(--mono);color:#899185;padding-top:4px}.timeline h3{font-size:15px;font-weight:500}.timeline p{font-size:11px;color:#819078;line-height:1.95;margin-top:9px}.timeline article>span{text-align:right;font-size:10px;color:#7f8a7c;padding-top:4px}.education-section{padding:0 0 70px}.education-section .section-head h2{font-size:29px}.education-list{border-top:1px solid var(--line)}.education-row{display:grid;grid-template-columns:175px 1fr 130px;gap:30px;padding:27px 0;border-bottom:1px solid var(--line)}.education-year{font:10px var(--mono);color:#859080;padding-top:5px}.education-row h3{font-size:17px;font-weight:500;line-height:1.7}.education-row h3>span{font-size:12px;font-weight:400;color:#81907c;margin-left:15px}.education-row p{font-size:12px;color:#607463;margin-top:7px}.education-row small{display:block;font-size:9px;color:#8c9984;margin-top:7px}.education-degree{text-align:right;font-size:10px;color:#859080;padding-top:5px}.qualifications{font-size:10px;color:#819074;margin-top:23px}.qualifications>span{margin-right:30px;color:#5b715b}.contact{background:#dde4d7;padding:62px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:32px;font-weight:500;margin:18px 0}.contact p{font-size:11px;color:#7f8b77;line-height:1.8}.wechat-copy{border:0;padding:8px 0;background:none;color:var(--ink);text-align:left;cursor:pointer;min-width:245px}.wechat-label{display:block;font:9px var(--mono);letter-spacing:1px;color:#7b826c}.wechat-handle{font:300 35px "Helvetica Neue",Arial,sans-serif;letter-spacing:.5px;display:flex;align-items:center;gap:30px;margin-top:8px;user-select:text}.wechat-handle svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.25;flex-shrink:0}.wechat-hint{display:block;font-size:10px;color:#819275;margin-top:12px;min-height:15px}footer{min-height:94px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8e9b81;gap:20px}footer>span:nth-child(2){font:7px var(--mono);letter-spacing:1.4px}
@media(min-width:1600px){.hero{gap:75px;min-height:670px}h1{font-size:87px}.hero-worlds{height:550px}.hero-main-art{height:475px}.hero-intro{font-size:15px}.hero-mini-art{width:285px}.hero-mini-art>img{height:150px}}
@media(max-width:1150px){.wrap{width:calc(100% - 80px)}.header{gap:24px}nav{gap:22px}.brand-name small{font-size:6px;letter-spacing:1px}.hero{gap:27px;min-height:575px}h1{font-size:65px;letter-spacing:-2px}.hero-worlds{height:475px;padding-left:0}.hero-main-art{height:395px}.hero-intro{font-size:12px}.hero-game-title{font-size:25px;left:20px;right:20px}.worlds-label{left:20px;font-size:7px;letter-spacing:1.2px}.hero-mini-art{width:215px;right:15px}.hero-mini-art>img{height:117px}.worlds-index{left:0;font-size:7px}.creator-strip{gap:20px;grid-template-columns:.9fr 1fr 1fr 1.2fr}.creator-strip>div{padding-left:20px;gap:13px}.creator-strip>div>strong{font-size:42px}.creator-strip>div>span{font-size:10px}.creator-strip>p>strong{font-size:15px}.creator-method>p{font-size:10px}.section-head h2{font-size:33px}.app-card{grid-template-columns:110px 1fr 15px;gap:16px}.app-thumb{height:80px}.app-copy h3{font-size:18px}.app-copy p{font-size:10px}.craft-layout{gap:60px}.career-impact{gap:27px}.career-impact>div+div{padding-left:27px}.timeline article,.education-row{grid-template-columns:145px 1fr 100px;gap:25px}}
@media(max-width:900px) and (min-width:701px){.header{height:95px;gap:18px}nav{gap:15px;font-size:11px}.brand-name{font-size:14px}.brand-name small{display:none}.resume-link{padding:11px 12px;font-size:10px}.resume-link span{margin-left:9px}.hero{gap:24px;grid-template-columns:1fr 1fr}h1{font-size:58px}.hero-main-art{height:365px}.hero-worlds{height:445px}.hero-intro{font-size:11px}.desktop-break{display:none}.hero-copy .eyebrow{font-size:6px;letter-spacing:1px}.hero-game-title{font-size:22px}.creator-strip{grid-template-columns:.9fr 1fr 1fr;gap:18px}.creator-strip>.creator-method{display:none}.creator-strip>div>strong{font-size:40px}.creator-strip small{font-size:7px}.apps-grid{gap:0 25px}.app-card{grid-template-columns:85px 1fr 12px;gap:12px}.app-thumb{height:77px}.app-copy h3{font-size:16px}.app-copy p{font-size:9px}.app-copy small{font-size:7px}.section-head>p{font-size:11px}.craft-layout{gap:40px}.craft-intro h2{font-size:32px}.career-impact strong{font-size:40px}.career-impact strong>span{font-size:11px}.career-impact p{font-size:10px}.timeline article,.education-row{grid-template-columns:115px 1fr 80px;gap:20px}.education-row h3>span{display:block;margin-left:0}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:84px;position:relative;gap:17px}.brand{gap:13px}.monogram{font-size:31px}.brand-name{font-size:14px;letter-spacing:2px}.brand-name small{font-size:5px;letter-spacing:.8px;margin-top:6px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:none;width:28px;height:35px;padding:4px;margin-left:auto;cursor:pointer}.menu-toggle>span{height:1px;background:var(--ink);width:20px;display:block;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3px) rotate(-45deg)}nav{display:none;position:absolute;top:73px;left:-20px;right:-20px;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 22px 22px;gap:0;box-shadow:0 12px 15px #14253609}nav.is-open{display:flex;flex-direction:column}nav>a{padding:13px 5px;border-bottom:1px solid var(--line);font-size:13px}nav>a:last-child{border:0}.resume-link{font-size:9px;padding:10px 11px}.resume-link>span{margin-left:7px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 0 25px;gap:27px;min-height:0}.hero-copy{padding:4px 0 0}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.2px}.tiny-rule{width:20px}.hero-name{font-size:12px;margin-top:23px}.hero-name>span{font-size:8px}h1{font-size:67px;letter-spacing:-2.3px;line-height:1.15;margin-top:18px}.hero-intro{font-size:12px;line-height:1.95;margin-top:20px}.desktop-break{display:none}.roles{font-size:10px;margin-top:18px;gap:13px}.hero-actions{margin-top:23px;gap:28px}.btn{padding:15px 18px;font-size:11px;gap:34px}.text-link{font-size:11px;gap:16px}.hero-note{font-size:7px;margin-top:22px;letter-spacing:.1px}.hero-worlds{height:350px;padding:0 0 50px 0;margin-top:0}.hero-main-art{height:290px;border-radius:11px}.hero-main-art>img{object-position:center}.worlds-label{font-size:7px;left:19px;top:19px}.hero-game-title{font-size:25px;bottom:30px;left:19px;right:19px}.hero-game-title>small{font-size:9px}.hero-mini-art{width:183px;right:8px;bottom:0;border-width:5px;border-radius:9px}.hero-mini-art>img{height:91px;border-radius:5px}.hero-mini-art>span{font-size:9px;padding:8px 4px 4px;gap:5px}.hero-mini-art small{font-size:7px}.hero-mini-art b{font-size:14px}.worlds-index{bottom:15px;left:0;font-size:6px;letter-spacing:.5px}.creator-strip{grid-template-columns:1fr 1fr;padding:24px 0 27px;gap:22px 16px}.creator-strip>p{font-size:12px;grid-column:1/-1;display:flex;gap:5px;line-height:1.5}.creator-strip>p>br{display:none}.creator-strip>p>strong{font-size:12px}.creator-strip>div{padding-left:0;border:none;gap:12px;min-height:50px}.creator-strip>div:nth-child(3){border-left:1px solid var(--line);padding-left:18px}.creator-strip>div>strong{font-size:42px}.creator-strip>div>span{font-size:10px}.creator-strip small{font-size:7px;margin-top:6px}.creator-strip>.creator-method{display:none}.section-head{display:block;margin-bottom:29px}.section-head .eyebrow{font-size:8px;letter-spacing:1.3px}.section-head h2{font-size:30px;line-height:1.4;margin-top:15px;letter-spacing:0}.section-head>p{font-size:11px;margin-top:20px;line-height:1.9;padding:0}.games-section{padding:42px 0 30px}.games-grid{grid-template-columns:1fr;gap:35px}.game-visual{border-radius:9px;aspect-ratio:1.55}.game-status{top:12px;left:12px;font-size:8px;padding:6px 9px}.game-visit{right:12px;bottom:12px;font-size:9px;padding:7px 10px}.game-card-body{padding-top:20px}.game-index{font-size:7px}.game-card h3{font-size:23px;margin-top:11px}.english-name{font-size:10px;margin-top:7px}.round-arrow{width:36px;height:36px;font-size:20px}.game-description{font-size:11px;margin-top:16px;max-width:100%;line-height:1.95}.game-tags{margin-top:13px;gap:6px}.game-tags>span{font-size:8px;padding:4px 7px}.games-footnote{margin-top:30px;padding-top:20px;display:block}.games-footnote>span{font-size:7px;letter-spacing:1px}.games-footnote>p{font-size:8px;line-height:1.9;margin-top:13px}.apps-section{padding:45px 0}.apps-grid{grid-template-columns:1fr;gap:0}.app-card{grid-template-columns:105px 1fr 15px;gap:16px;padding:20px 0}.app-thumb{height:79px;border-radius:5px}.app-copy h3{font-size:18px}.app-copy p{font-size:10px;line-height:1.85;margin-top:5px}.app-copy small{font-size:7px;margin-top:6px}.app-arrow{font-size:19px}.craft-section{padding:43px 0}.craft-layout{display:block}.craft-intro h2{font-size:30px;margin-top:17px}.craft-intro>p{font-size:12px;max-width:none;margin-top:18px}.craft-intro>.text-link{margin-top:20px}.craft-steps{margin-top:30px}.craft-steps article{padding:17px 0;gap:22px}.craft-steps article>span{font-size:9px}.craft-steps h3{font-size:16px}.craft-steps p{font-size:10px;line-height:1.9;margin-top:7px}.about-section{padding:45px 0}.about-section .section-head h2{font-size:29px}.career-impact{gap:0;padding:0;display:block}.career-impact>div{display:grid;grid-template-columns:160px 1fr;gap:8px 15px;align-items:center;padding:20px 0}.career-impact>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.career-impact strong{font-size:39px;grid-row:1/3}.career-impact strong>span{font-size:12px;margin-left:5px}.career-impact p{font-size:10px;margin:0;line-height:1.7}.career-impact small{font-size:8px;margin:0;line-height:1.7}.impact-context{font-size:8px;line-height:1.9;margin-top:12px}.career-details{margin-top:23px}.career-details>summary{gap:15px;padding:18px 0}.career-details>summary>span{font-size:12px}.career-details>summary>small{font-size:8px}.career-details>summary>b{font-size:18px}.timeline article{display:block;padding:22px 0;position:relative}.timeline time{font-size:8px;display:block}.timeline h3{font-size:14px;margin-top:14px}.timeline p{font-size:10px;line-height:1.95;margin-top:9px}.timeline article>span{position:absolute;right:0;top:24px;font-size:8px}.education-section{padding-bottom:45px}.education-section .section-head h2{font-size:27px}.education-row{display:block;padding:23px 0;position:relative}.education-year{font-size:9px}.education-row h3{font-size:17px;margin-top:14px}.education-row h3>span{display:block;margin-left:0;margin-top:5px;font-size:12px}.education-row p{font-size:11px;margin-top:10px}.education-row small{font-size:8px;line-height:1.7}.education-degree{position:absolute;right:0;top:28px;font-size:9px}.qualifications{font-size:9px;line-height:1.8;margin-top:21px}.qualifications>span{margin-right:20px}.contact{padding:40px 0}.contact-inner{display:block}.contact h2{font-size:26px;margin:17px 0}.contact p{font-size:9px;line-height:1.9}.wechat-copy{margin-top:28px;width:100%;padding:0}.wechat-label{font-size:8px}.wechat-handle{font-size:32px;justify-content:space-between}.wechat-hint{font-size:10px;margin-top:12px}footer{min-height:90px;font-size:8px;gap:15px}footer>span:nth-child(2){display:none}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header{gap:11px}.brand{gap:10px}.brand-name small{letter-spacing:.3px;font-size:4.5px}.hero h1{font-size:60px}.hero-main-art{height:265px}.hero-worlds{height:325px}.hero-mini-art{width:166px}.hero-mini-art>img{height:82px}.hero-game-title{font-size:23px}.worlds-index{font-size:5.5px}.creator-strip>div{gap:9px}.creator-strip>div:nth-child(3){padding-left:12px}.creator-strip>div>strong{font-size:37px}.creator-strip small{font-size:6px}.app-card{grid-template-columns:88px 1fr 12px;gap:12px}.app-copy h3{font-size:17px}.app-copy p{font-size:9px}.career-impact>div{grid-template-columns:145px 1fr;gap:8px}.career-impact strong{font-size:36px}.career-impact strong>span{font-size:11px}.hero-note{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-mini-art:hover{transform:rotate(4deg)}}
.game-chip .game-visual>img{object-fit:contain;background:#073c3f}
.app-thumb>img{object-fit:contain;background:#e9e9df}.hero-intro,.app-copy p,.craft-intro>p,.craft-steps p{color:#64736b}.app-copy p{font-size:12px}.apps-section .section-head>p,.about-section .section-head>p{color:#67766e}
@media(max-width:700px){.app-copy p{font-size:10px}.hero-intro{color:#66746c}}
@media(max-width:360px){.app-copy p{font-size:9px}}

/* Personal introduction: forest artwork, previous teams and a short story. */
:root{--paper:#f5f3ed;--forest:#647d57;--line:#d9dfd3}.header{height:98px}.brand-name small{font-size:7px;letter-spacing:1.1px}nav{gap:34px}.hero{grid-template-columns:.82fr 1.18fr;min-height:625px;gap:50px;padding-top:35px;padding-bottom:35px}.hero-copy .eyebrow{color:#80916e}.hero-name{font-size:12px;color:#6d7e63;margin-top:26px}.hero-name>span{font-size:8px}.hero h1{font-size:72px;letter-spacing:-2px;line-height:1.18;margin-top:22px}.hero h1>span{color:var(--forest)}.hero-intro{font-size:14px;line-height:1.95;margin-top:24px;color:#66765f}.hero-intro strong{font-size:16px;line-height:2.4;font-weight:500;color:#354d36}.hero-copy .btn{background:#263e31;border-radius:4px}.hero-note{color:#8c9680}.hero-worlds{height:526px;padding:0 0 55px 5px;isolation:isolate}.hero-halo{position:absolute;inset:-18px -17px 35px 25px;border-radius:45% 55% 30% 48%;background:#dfe6d733;z-index:-1;transform:rotate(-5deg)}.hero-main-art{height:428px;border-radius:17px;border:1px solid #fff9;box-shadow:0 23px 55px #284a2f19;transform:rotate(-1deg);transition:transform .5s}.hero-main-art:hover{transform:rotate(0)}.hero-main-art:after{background:linear-gradient(180deg,#1d352916,transparent 25%,transparent 63%,#142c1bc9)}.hero-main-art>img{object-position:center}.worlds-label{font-size:7px;letter-spacing:1.4px;background:#15332180;border:1px solid #ffffff40;backdrop-filter:blur(6px);padding:7px 10px;border-radius:20px;top:20px;left:21px}.hero-game-title{font-size:32px;left:24px;right:24px;bottom:26px}.hero-game-title>small{font-size:10px}.hero-mini-art{width:225px;right:20px;bottom:2px;transform:rotate(5deg);border-width:6px;box-shadow:0 18px 38px #1b322024}.hero-mini-art>img{height:117px;object-position:66% center}.hero-mini-art>span{font-size:10px}.worlds-index{bottom:22px;left:10px;color:#859476;font-size:7px;letter-spacing:1px}.company-strip{border-top:1px solid var(--line);padding:27px 0 39px}.company-strip-head{display:flex;align-items:center;gap:17px;margin-bottom:18px}.company-strip-head h2{font-size:11px;letter-spacing:1px;font-weight:500;color:#65765c}.company-strip-head p{font:7px var(--mono);letter-spacing:1.4px;color:#9b9e84}.company-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.company-logo{min-width:0;border:1px solid #dde2d7;background:#fbfaf6;border-radius:10px;min-height:114px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:17px 10px 12px;transition:background .2s,transform .2s}.company-logo:hover{background:#fff;transform:translateY(-3px)}.company-logo-image{height:45px;width:100%;display:flex;align-items:center;justify-content:center}.company-logo-image>img{width:auto;max-width:145px;max-height:44px;height:auto;object-fit:contain}.company-logo>span:last-child{font-size:10px;color:#849176;letter-spacing:.5px}.company-perfect{background:#1c2d3d;border-color:#1c2d3d}.company-perfect:hover{background:#243b4e}.company-perfect>span:last-child{color:#aab6ac}.company-perfect img{max-width:122px;max-height:44px}.company-kongzhong img{max-width:120px;max-height:44px}.company-seasun img{max-width:142px}.company-yoozoo img{max-width:145px}.games-section{background:#172b2f}.games-section .round-arrow{color:#c1b68c}.game-card{border-radius:13px}.apps-section{padding-top:73px}.craft-section{background:#e4eadf}.about-section{padding:73px 0}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;border-top:1px solid var(--line);padding-top:48px}.about-title h2{font-size:37px;font-weight:500;line-height:1.45;margin-top:21px}.story-year{font:9px var(--mono);letter-spacing:2px;display:block;color:#a2a58b;margin-top:32px}.about-copy{padding-top:4px}.about-copy .about-opening{font-size:22px;color:#344c37;font-weight:500;line-height:1.7;margin-top:0}.about-copy p{font-size:13px;color:#78826d;line-height:2.1;margin-top:19px;max-width:620px}.about-topics{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.about-topics>span{font-size:10px;border:1px solid #d5decf;border-radius:20px;color:#7d8c71;padding:7px 11px}.education-section{padding-bottom:70px}.education-section .section-head{margin-bottom:28px}.education-section .section-head h2{font-size:29px}.education-list{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:0}.education-row{display:block;position:relative;padding:25px 27px 28px;border:1px solid #dce3d6;background:#edf0e655;border-radius:12px}.education-year{font-size:9px;letter-spacing:.2px}.education-row h3{font-size:19px;margin-top:15px}.education-row h3>span{display:block;font-size:12px;margin-left:0;margin-top:3px}.education-row p{font-size:12px;margin-top:13px}.education-row small{font-size:9px;margin-top:8px}.education-degree{position:absolute;top:27px;right:27px;font-size:9px;color:#8a957b}.contact{background:#dde5d6}.contact h2{font-size:34px}.contact p{color:#6d7e60}.wechat-copy{min-width:250px}.wechat-handle{font-size:36px}.wechat-hint{color:#6e815f}
@media(min-width:1600px){.hero{min-height:680px;gap:75px}.hero h1{font-size:85px}.hero-worlds{height:575px}.hero-main-art{height:480px}.hero-intro{font-size:16px}.hero-intro strong{font-size:18px}.hero-mini-art{width:255px}.hero-mini-art>img{height:133px}}
@media(max-width:1150px){.hero{gap:30px;min-height:600px}.hero h1{font-size:62px}.hero-intro{font-size:12px}.hero-intro strong{font-size:14px}.hero-worlds{height:495px}.hero-main-art{height:397px}.hero-game-title{font-size:27px}.hero-mini-art{width:200px;right:11px}.hero-mini-art>img{height:103px}.worlds-index{left:5px;font-size:6px;letter-spacing:.4px}.company-logo-image>img{max-width:120px;max-height:40px}.company-perfect img{max-width:112px}.company-yoozoo img{max-width:122px}.company-kongzhong img{max-width:108px}.about-layout{gap:55px}.about-title h2{font-size:32px}.about-copy .about-opening{font-size:20px}.education-row{padding:23px}.education-degree{top:26px;right:23px}}
@media(max-width:900px) and (min-width:701px){.header{height:90px}nav{gap:23px;font-size:12px}.brand-name small{display:none}.hero{grid-template-columns:.9fr 1.1fr;min-height:550px;gap:25px}.hero h1{font-size:55px}.hero-worlds{height:432px}.hero-main-art{height:340px}.hero-intro{font-size:11px}.hero-intro strong{font-size:13px}.hero-game-title{font-size:25px;left:18px;right:18px}.hero-game-title>small{font-size:8px}.hero-mini-art{width:173px}.hero-mini-art>img{height:90px}.hero-mini-art>span{font-size:8px;gap:6px}.hero-mini-art small{font-size:7px}.worlds-label{font-size:6px;letter-spacing:.6px;left:15px;top:15px}.worlds-index{font-size:5.5px;letter-spacing:.2px}.company-logos{gap:10px}.company-logo{padding:15px 8px 12px;min-height:102px}.company-logo-image>img{max-width:94px;max-height:35px}.company-logo>span:last-child{font-size:9px}.about-layout{gap:35px;grid-template-columns:1fr 1.1fr}.about-title h2{font-size:30px}.about-copy .about-opening{font-size:18px}.about-copy p{font-size:12px}.education-list{gap:18px}.education-row{padding:20px}.education-row h3{font-size:17px}.education-row small{font-size:8px}.education-degree{right:20px;top:24px}}
@media(max-width:700px){.header{height:82px;gap:20px}.brand-name small{font-size:6px;letter-spacing:.6px}.menu-toggle{margin-left:auto}.hero{display:flex;padding:29px 0 29px;gap:27px;min-height:0}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.hero-name{font-size:11px;margin-top:24px}.hero h1{font-size:64px;letter-spacing:-2px;line-height:1.19;margin-top:18px}.hero-intro{font-size:12px;line-height:2;margin-top:18px}.hero-intro strong{font-size:15px;line-height:2.7}.hero-actions{gap:27px;margin-top:22px}.hero-copy .btn{font-size:11px;gap:25px;padding:15px 17px}.hero-note{font-size:7px;margin-top:23px}.hero-worlds{height:318px;padding:0 0 80px 0;margin-top:0}.hero-halo{inset:-8px -5px 31px 15px}.hero-main-art{height:auto;aspect-ratio:1.55;border-radius:12px;transform:rotate(-1deg)}.hero-main-art>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}.hero-game-title{font-size:25px;left:16px;right:16px;bottom:17px}.hero-game-title>small{font-size:8px;margin-bottom:6px}.worlds-label{left:14px;top:14px;font-size:6px;letter-spacing:1px;padding:6px 8px}.hero-mini-art{width:166px;right:8px;bottom:0;border-width:5px}.hero-mini-art>img{height:84px}.hero-mini-art>span{font-size:9px;gap:6px}.hero-mini-art small{font-size:7px}.worlds-index{left:1px;bottom:17px;font-size:5.5px;letter-spacing:.3px}.company-strip{padding:24px 0 32px}.company-strip-head{gap:14px;margin-bottom:17px}.company-strip-head h2{font-size:10px}.company-strip-head p{font-size:6px;letter-spacing:1px}.company-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-logo{min-height:104px;padding:15px 10px 12px;gap:7px;border-radius:8px}.company-logo:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - 12px)/2)}.company-logo-image{height:41px}.company-logo-image>img{max-width:120px;max-height:38px}.company-perfect img{max-width:106px}.company-kongzhong img{max-width:105px}.company-seasun img{max-width:118px}.company-yoozoo img{max-width:120px}.company-logo>span:last-child{font-size:9px}.about-section{padding:44px 0}.about-layout{display:block;padding-top:28px}.about-title h2{font-size:30px;margin-top:17px}.story-year{font-size:8px;margin-top:18px}.about-copy{margin-top:25px;padding-top:0}.about-copy .about-opening{font-size:18px}.about-copy p{font-size:12px;line-height:2.05;margin-top:16px}.about-topics{margin-top:20px;gap:7px}.about-topics>span{font-size:9px;padding:6px 10px}.education-section{padding-bottom:43px}.education-section .section-head h2{font-size:26px}.education-section .section-head{margin-bottom:23px}.education-list{grid-template-columns:1fr;gap:15px}.education-row{padding:21px 22px 23px}.education-year{font-size:9px}.education-row h3{font-size:18px;margin-top:14px}.education-row h3>span{font-size:12px}.education-row p{font-size:11px;margin-top:13px}.education-row small{font-size:8px}.education-degree{right:22px;top:25px}.contact h2{font-size:28px}.contact p{font-size:10px;line-height:1.9}.wechat-copy{min-width:0}.wechat-handle{font-size:33px}nav{gap:0}footer{font-size:8px}}
@media(max-width:360px){.hero h1{font-size:58px}.hero-worlds{height:293px}.hero-game-title{font-size:23px}.hero-mini-art{width:148px}.hero-mini-art>img{height:73px}.hero-mini-art>span{font-size:8px}.worlds-index{font-size:5px;letter-spacing:0}.company-logo-image>img{max-width:105px;max-height:34px}.company-perfect img{max-width:99px}.company-kongzhong img{max-width:99px}.company-seasun img{max-width:106px}.company-yoozoo img{max-width:104px}}
@media(prefers-reduced-motion:reduce){.hero-main-art,.hero-main-art:hover{transform:none}.company-logo:hover{transform:none}}
.about-copy p{font-size:15px;line-height:2.05;color:#637259}
@media(max-width:700px){.about-copy p{font-size:13px;line-height:2}}

/* Language control and layouts for translated copy. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-switch{display:flex;align-items:center;gap:7px;border:1px solid #d2dacb;border-radius:5px;background:#fbfaf6;padding:8px 9px;flex:0 0 119px;min-width:0}.language-switch>svg{width:14px;height:14px;flex-shrink:0;fill:none;stroke:#7a886f;stroke-width:1.2}.language-switch select{width:100%;min-width:0;border:0;background:transparent;color:#4e6247;font-family:var(--sans);font-size:11px;line-height:1.5;padding:0;cursor:pointer;outline-offset:5px}.brand-name>.i18n-text{letter-spacing:1px}.hero h1>.i18n-text:first-child{color:var(--ink)}.company-perfect,.company-perfect:hover{background:#fbfaf6;border-color:#dde2d7}.company-perfect>span:last-child{color:#849176}.company-perfect img{max-width:126px;max-height:45px}.hero-name>.i18n-text{font-family:var(--sans);font-size:12px;letter-spacing:2px;color:#6d7e63;margin-left:0}.hero-name>span:not(.i18n-text){font-family:var(--mono);font-size:8px;letter-spacing:2px;margin-left:10px;color:#8a9183}.hero h1{margin-top:20px}.hero-intro{margin-top:22px}.about-title h2{font-size:36px}.about-layout{padding-top:41px}.hero-game-title{overflow-wrap:anywhere}html[lang="en"] .hero h1{font-size:68px;letter-spacing:-2px;line-height:1.15}html[lang="en"] .english-name,html[lang="ja"] .english-name{display:none}html[lang="en"] .game-card h3,html[lang="ja"] .game-card h3{font-size:26px;letter-spacing:0}html[lang="en"] .hero-game-title>small,html[lang="ja"] .hero-game-title>small{font-size:9px}html[lang="en"] .game-status,html[lang="ja"] .game-status{max-width:calc(100% - 36px);line-height:1.5}html[lang="en"] .hero-note{font-size:8px}html[lang="ja"] body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}html[lang="ja"] .hero h1{font-size:62px;letter-spacing:-2px}html[lang="zh-Hant"] body{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}.game-name-row .round-arrow{align-self:center}.about-opening{overflow-wrap:anywhere}.education-row small{overflow-wrap:anywhere}
@media(min-width:1600px){html[lang="en"] .hero h1{font-size:81px}html[lang="ja"] .hero h1{font-size:72px}}
@media(max-width:1150px){.header{gap:23px}nav{gap:24px}.language-switch{flex-basis:112px}.company-perfect img{max-width:118px}html[lang="en"] .hero h1{font-size:56px}html[lang="ja"] .hero h1{font-size:54px}}
@media(max-width:1000px){.header{position:relative;gap:19px}.header nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 20px 20px;box-shadow:0 12px 15px #14253609;margin:0;gap:0}.header nav.is-open{display:flex;flex-direction:column}.header nav>a{padding:13px 5px;border-bottom:1px solid var(--line);font-size:13px}.header nav>a:last-child{border:0}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:0;background:none;width:28px;height:35px;padding:4px;margin-left:0;cursor:pointer;flex-shrink:0}.menu-toggle>span{height:1px;background:var(--ink);width:20px;display:block;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3px) rotate(-45deg)}.language-switch{margin-left:auto;flex-basis:112px}.brand-name small{display:block}html[lang="en"] .hero-intro{font-size:12px}html[lang="ja"] .hero-intro{font-size:12px}html[lang="en"] .company-logo-image>img,html[lang="ja"] .company-logo-image>img{max-width:100%;height:auto}}
@media(max-width:900px) and (min-width:701px){html[lang="en"] .hero h1{font-size:48px}html[lang="ja"] .hero h1{font-size:46px}.hero-actions{gap:18px}html[lang="en"] .hero-actions .btn,html[lang="ja"] .hero-actions .btn{font-size:10px;gap:15px;padding:14px}html[lang="en"] .hero-actions .text-link,html[lang="ja"] .hero-actions .text-link{font-size:10px;gap:8px}.company-perfect img{max-width:94px}}
@media(max-width:700px){.header{gap:15px}.language-switch{flex-basis:107px;padding:7px 8px;gap:5px}.language-switch>svg{width:12px;height:12px}.language-switch select{font-size:10px}.brand-name>.i18n-text{letter-spacing:.4px}.hero-name>.i18n-text{font-size:11px;letter-spacing:1px}.hero-name>span:not(.i18n-text){font-size:8px;letter-spacing:2px;margin-left:9px}.company-perfect img{max-width:112px}.hero h1{font-size:63px}html[lang="en"] .hero h1{font-size:58px;letter-spacing:-1.7px}html[lang="ja"] .hero h1{font-size:51px;letter-spacing:-2px}html[lang="en"] .hero-intro,html[lang="ja"] .hero-intro{font-size:12px;line-height:1.9}html[lang="en"] .hero-intro strong,html[lang="ja"] .hero-intro strong{font-size:14px;line-height:1.8;display:inline-block;margin-bottom:6px}html[lang="en"] .hero-note{font-size:7px}html[lang="en"] .game-card h3,html[lang="ja"] .game-card h3{font-size:23px;line-height:1.4}html[lang="en"] .game-status,html[lang="ja"] .game-status{max-width:calc(100% - 24px);font-size:8px}.hero-mini-art small{white-space:normal;line-height:1.5}.hero-mini-art>span>.i18n-text{min-width:0;flex-shrink:1}.hero-mini-art b{flex-shrink:0}.hero-mini-art>span{flex-wrap:wrap;row-gap:2px}.hero-mini-art small{max-width:100%}html[lang="en"] .education-row h3>.i18n-text,html[lang="ja"] .education-row h3>.i18n-text{font-size:18px}.about-title h2{font-size:30px}}
@media(max-width:360px){.header{gap:9px}.brand{gap:10px}.brand-name{font-size:12px}.brand-name small{font-size:5px;letter-spacing:.2px}.language-switch{flex-basis:100px;padding:7px 6px;gap:4px}.hero h1{font-size:58px}html[lang="en"] .hero h1{font-size:49px}html[lang="ja"] .hero h1{font-size:46px}.company-perfect img{max-width:99px}html[lang="en"] .hero-actions,html[lang="ja"] .hero-actions{gap:19px}html[lang="en"] .hero-copy .btn,html[lang="ja"] .hero-copy .btn{font-size:10px;gap:17px;padding:15px}.hero-name>.i18n-text{font-size:10px}}

/* Translation text keeps the typography of its original element. */
nav .i18n-text{padding-left:0}.btn>.i18n-text{font-size:inherit;font-weight:inherit}.text-link>.i18n-text{color:inherit;font-size:inherit}.education-row h3>.i18n-text{font-size:inherit;font-weight:inherit;color:inherit;margin:0;letter-spacing:inherit}.hero-note .i18n-text{margin-left:0}
html[lang="en"] .education-row h3>span:not(.i18n-text){display:none}
.faq-section{padding:0 0 70px}.faq-section .section-head h2{font-size:29px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;font-size:15px;font-weight:500;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-mark{color:var(--gold);font-size:20px;line-height:1;transition:transform .2s}.faq-item[open] .faq-mark{transform:rotate(45deg)}.faq-item p{max-width:780px;padding:0 0 26px;font-size:12px;line-height:1.95;color:#5f6d66}
@media(max-width:700px){.faq-section{padding-bottom:50px}.faq-item summary{font-size:14px;padding:19px 0}.faq-item p{padding-bottom:22px}}