:root{color-scheme:light;--paper:#faf8f5;--ink:#353b49;--muted:#707888;--line:#e7e4e0;--blue:#e7eff9;--pink:#f7e9ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6c8fb7;outline-offset:6px}.shell{max-width:1080px;margin:auto;padding:0 48px}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650}.brand-icon{color:#91aaca;font-size:34px}.brand-en{font-size:10px;letter-spacing:2px;margin-left:8px;color:var(--muted);font-weight:500}.header-link{font-size:13px;color:var(--muted)}.header-link span{margin-left:8px}.intro{padding:65px 0 47px;display:grid;grid-template-columns:1fr 290px;align-items:center;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#757f90;display:flex;align-items:center;gap:8px;margin:0 0 24px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#9fb7d3}h1{font-size:43px;line-height:1.5;letter-spacing:1px;font-weight:650;margin:0 0 20px}.highlight{position:relative;white-space:nowrap}.highlight svg{position:absolute;width:100%;height:12px;bottom:-8px;left:0;z-index:-1;overflow:visible}.highlight path{stroke:#d7e5f5;stroke-width:10;fill:none;stroke-linecap:round}.intro-copy{color:var(--muted);font-size:14px;line-height:1.95;margin:0}.drawing{text-align:center;transform:rotate(-2deg)}.drawing svg{width:100%;display:block}.drawing>span{font-size:13px;font-family:Georgia,serif;font-style:italic;color:#9294a0;display:block;margin-top:-10px}.blog-card{background:var(--blue);border:1px solid #dbe4ef;border-radius:20px;display:flex;justify-content:space-between;padding:30px 34px;position:relative;overflow:hidden;transition:background .2s,transform .2s}.blog-card:after{content:"";width:260px;height:260px;position:absolute;border:1px solid #cfdeef;border-radius:50%;right:70px;top:-140px;pointer-events:none}.label{font-size:10px;letter-spacing:2px;color:#586f90}.blog-card h2{font-size:27px;margin:17px 0 10px;letter-spacing:1px;font-weight:600}.blog-card h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:25px;color:#7d92af;margin-left:12px}.blog-card p{font-size:13px;color:#60728b;margin:0 0 25px;line-height:1.8}.domain{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.2px;color:#767f90}.blog-card .domain{color:#5b7191}.blog-end{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;z-index:1}.pill{font-size:10px;letter-spacing:.5px;padding:6px 11px;background:#ffffff8c;border:1px solid #ffffffb0;border-radius:20px;color:#5e7596;white-space:nowrap}.circle-arrow{border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:24px;background:#fbfdff;color:#718daf}.projects{margin-top:43px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{font-size:17px;font-weight:550;margin:0}.section-heading h2 span{font-family:Georgia,serif;font-size:14px;font-weight:400;font-style:italic;color:#9297a1;margin-left:12px}.count{font-size:11px;color:#8a9099}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:#fffdfa;border-radius:13px;padding:24px 18px;transition:transform .2s,border-color .2s,background .2s}.project>div{min-width:0;flex:1}.project-icon{display:grid;place-items:center;flex-shrink:0;width:41px;height:43px;border-radius:12px;font-size:25px}.blue{background:#edf2f9;color:#7a96b7}.pink{background:#f8ecf0;color:#b9869b}.lilac{background:#efedf8;color:#9991b7}h3{font-size:15px;font-weight:550;margin:0 0 9px}.project h3{display:flex;justify-content:space-between;gap:8px}.project h3 span{font-size:14px;color:#a5a8b0}.project .domain{margin:0;font-size:10px;overflow-wrap:anywhere}.game-card{display:flex;align-items:center;gap:20px;margin-top:16px;border:1px solid #eadfe3;background:#fbf2f4;border-radius:14px;padding:25px}.game-title{display:flex;align-items:center;gap:12px}.game-title h3{margin:0;font-size:16px}.game-title .pill{font-size:9px;color:#926879;background:#fff8fa;border-color:#efdee5;padding:4px 9px}.game-copy p{font-size:12px;color:#897783;margin:10px 0}.game-arrow{margin-left:auto;font-size:24px;color:#b18c9c}.game-card .domain{color:#9b8593}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:24px 0 30px;margin-top:48px;font-size:11px;color:#8a8f98}footer p{margin:0}footer p span{margin:0 8px}footer a{white-space:nowrap}.skip{position:fixed;left:16px;top:-100px;background:white;padding:12px;z-index:3}.skip:focus{top:16px}@media(hover:hover){.project:hover{transform:translateY(-3px);border-color:#c9d7e8;background:#fff}.blog-card:hover{transform:translateY(-3px);background:#e0ebf8}.game-card:hover{background:#f7e9ef}.header-link:hover,footer a:hover{color:#556e91}}@media(min-width:1400px){.shell{max-width:1150px}.intro{padding-top:76px;padding-bottom:58px}h1{font-size:47px}}@media(max-width:760px){.shell{padding:0 25px}header{height:85px}.intro{grid-template-columns:1fr 180px;gap:0;padding:44px 0 35px}h1{font-size:32px}.eyebrow{font-size:8px;letter-spacing:1px}.intro-copy{font-size:12px}.drawing>span{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card{padding:26px}.project{padding:22px 16px}.brand-en{display:none}}@media(max-width:480px){.shell{padding:0 20px}.intro{display:block;padding:39px 0 32px;position:relative}.drawing{display:none}h1{font-size:32px;letter-spacing:0}.intro-copy{font-size:13px}.eyebrow{margin-bottom:20px;font-size:8px;letter-spacing:1.4px}.blog-card{padding:24px 22px;border-radius:16px}.blog-card h2{font-size:23px}.blog-card h2 span{font-size:21px;margin-left:7px}.blog-card p{max-width:205px;font-size:12px}.blog-end .pill{font-size:9px;padding:5px 8px}.circle-arrow{width:35px;height:35px;font-size:20px}.projects{margin-top:33px}.section-heading h2{font-size:16px}.section-heading h2 span{font-size:12px;margin-left:7px}.grid{gap:10px}.project{display:block;padding:18px 14px}.project-icon{width:35px;height:36px;font-size:23px;border-radius:10px}.project .project-icon{margin-bottom:15px}.project h3{font-size:14px}.project .domain{font-size:9px;letter-spacing:0}.game-card{padding:20px 16px;gap:12px;align-items:flex-start}.game-title{flex-wrap:wrap;gap:8px}.game-title h3{font-size:15px}.game-copy p{line-height:1.8;margin:10px 0 7px}.game-arrow{font-size:19px}footer{font-size:10px;margin-top:35px;line-height:1.8}footer p{max-width:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Descriptive project directory */
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project{align-items:flex-start;padding:26px 22px}.project h3{line-height:1.6}.project-description{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 14px;min-height:45px}.project .domain{font-size:10px}@media(max-width:480px){.grid{grid-template-columns:1fr}.project{display:flex;gap:14px;padding:22px 18px}.project .project-icon{margin-bottom:0}.project h3{font-size:15px}.project-description{min-height:0;font-size:12px;margin-bottom:12px}.project .domain{font-size:10px}}