@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.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}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-ext-wght-normal.DdQaqQDo.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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-wght-normal.Bc-8i84L.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}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-sc-400.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/noto-sans-sc-500.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/noto-serif-sc-600.woff2)format("woff2")}:root{color-scheme:light;--bg:#f3ecdf;--bg-elev:#fbf6ee;--ink:#1c1712;--muted:#5e564c;--line:#e2d6c6;--accent:#8d3b1e;--accent-soft:#f0e1d4;--shadow:0 1px 0 #1c17120a;--serif:"Newsreader Variable", "Noto Serif SC", "Iowan Old Style", Palatino, "Songti SC", serif;--sans:"Outfit Variable", "Noto Sans SC", "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--measure:40rem}:root[data-theme=dark]{color-scheme:dark;--bg:#12110f;--bg-elev:#1c1a17;--ink:#f4ece3;--muted:#b7ab9e;--line:#322c26;--accent:#f0a57a;--accent-soft:#2c221c;--shadow:0 1px 0 #0003}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#12110f;--bg-elev:#1c1a17;--ink:#f4ece3;--muted:#b7ab9e;--line:#322c26;--accent:#f0a57a;--accent-soft:#2c221c;--shadow:0 1px 0 #0003}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 420px at 0% -10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{background:var(--ink);color:var(--bg);z-index:20;border-radius:999px;padding:.5rem .8rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:.75rem}.wrap{width:min(1120px,100% - 2rem);margin-inline:auto}.muted{color:var(--muted)}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1.45rem;font-weight:560;text-decoration:none;display:inline-flex}.wordmark svg{width:1.55rem;height:1.55rem}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.15rem;display:flex}.nav a,.theme-btn{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .7rem;font-size:.95rem;text-decoration:none}.nav a[aria-current=page],.nav a:hover,.theme-btn:hover{background:var(--accent-soft);color:var(--ink)}.theme-btn{place-items:center;width:2.4rem;height:2.4rem;padding:0;display:grid}.theme-btn svg{width:1.15rem;height:1.15rem}.icon-sun,:root[data-theme=dark] .icon-moon{display:none}:root[data-theme=dark] .icon-sun{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-moon{display:none}:root:not([data-theme=light]) .icon-sun{display:block}}.hero{padding:4.5rem 0 2.5rem}.kicker{color:var(--muted);margin:0 0 1rem;font-size:.92rem}.hero h1{max-width:9em;font-family:var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 72, "SOFT" 40, "WONK" .6;margin:0;font-size:clamp(2.8rem,6.4vw,5rem);font-weight:600;line-height:1.08}.lede{max-width:38rem;margin:1.5rem 0 0;font-size:1.15rem}.lede.en{color:var(--muted);margin-top:.35rem;font-size:1.02rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.button{border:1px solid #0000;border-radius:999px;align-items:center;min-height:2.75rem;padding:.45rem 1rem;text-decoration:none;display:inline-flex}.button.primary{background:var(--ink);color:var(--bg)}.button.primary:hover{background:var(--accent);color:#fffaf5}.button.ghost{border-color:var(--line);background:var(--bg-elev)}.button.ghost:hover{border-color:var(--accent);color:var(--ink)}.section{padding:1.5rem 0 3.5rem}.section-title{color:var(--muted);align-items:baseline;gap:.8rem;margin:0 0 1.25rem;font-size:.95rem;font-weight:560;display:flex}.section-title:after{content:"";background:var(--line);flex:1;height:1px;transform:translateY(-.2rem)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--bg-elev);border:1px solid var(--line);min-height:100%;box-shadow:var(--shadow);color:inherit;border-radius:1.15rem;flex-direction:column;padding:1rem 1rem .95rem;text-decoration:none;display:flex}.card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));color:inherit}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1.1rem;display:flex}.mark{background:var(--wash);width:4.25rem;height:4.25rem;color:var(--ink);border-radius:1rem;place-items:center;display:grid}@supports (color:light-dark(black, white)){.mark{background:light-dark(var(--wash),var(--wash-dark))}}.mark svg{width:72%;height:72%}.index{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.card h3{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:1.7rem;font-weight:600;line-height:1.15}.aka{color:var(--muted);font-family:var(--sans);letter-spacing:0;margin-left:.45rem;font-size:.92rem;font-weight:450;display:inline-block}.summary{margin:.55rem 0 0}.summary.en,.note .en,.contact-list .en{color:var(--muted);display:block}.note{margin:.7rem 0 0;font-size:.86rem}.card-meta{color:var(--muted);justify-content:space-between;gap:1rem;margin:auto 0 0;padding-top:1.1rem;font-size:.88rem;display:flex}.go{color:var(--accent)}.footnote{color:var(--muted);margin:1rem 0 0;font-size:.92rem}.contact-list{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.contact-list a{font-family:var(--serif);letter-spacing:-.02em;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-block}.contact-list span{color:var(--muted);font-size:.9rem;display:block}.page{padding:3.2rem 0 4rem}.page h1{font-family:var(--serif);letter-spacing:-.035em;font-variation-settings:"opsz" 72, "SOFT" 30;margin:.3rem 0 0;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:600;line-height:1.12}.prose{max-width:var(--measure)}.prose p,.prose li{font-size:1.05rem}.prose h2{font-family:var(--serif);letter-spacing:-.03em;margin:2.2rem 0 .4rem;font-size:1.7rem;font-weight:600}.project-list{margin:1.5rem 0 0;padding:0;list-style:none}.project{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:1rem 1.15rem;padding:1.35rem 0;display:grid}.project:last-child{border-bottom:1px solid var(--line)}.project .mark{width:3.6rem;height:3.6rem}.project-main{min-width:0}.project h2{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,3vw,2.15rem);font-weight:600;line-height:1.15}.project h2 a{text-decoration:none}.project-platform{color:var(--muted);font-family:var(--sans);letter-spacing:0;margin-left:.55rem;font-size:.9rem;font-weight:450}.project p{margin:.4rem 0 0}.project .detail{max-width:44rem}.site-footer{border-top:1px solid var(--line);padding:2rem 0 2.6rem}.footer-inner{gap:1rem;display:grid}.footer-name{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:1.4rem}.footer-inner .muted,.legal{margin:.2rem 0 0}.footer-links{flex-wrap:wrap;gap:.4rem 1.1rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.legal{color:var(--muted);font-size:.9rem}.empty{padding:4rem 0 5rem}@media (width<=900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=360px){.hero h1{font-size:2.3rem}}@media (width<=720px){.hero{padding-top:2.4rem}.header-inner{flex-wrap:wrap;gap:.15rem .75rem;padding:.7rem 0 .45rem}.nav{flex-wrap:nowrap;margin-left:-.35rem}.nav a{padding:.3rem .45rem}.product-grid,.project{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}