html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{--paper:#eae9e1;--ink:#292c25;--muted:#777b6d;--accent:#d4f272;--line:#c8cbbd;--pad:3.4vw;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-padding-top:24px}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}svg{width:20px;height:20px;stroke-width:1.5;flex-shrink:0}::selection{background:var(--ink);color:var(--accent)}:focus-visible{outline:2px solid #8ca82e;outline-offset:6px}.skip-link{position:fixed;top:-80px;left:20px;padding:14px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{top:10px}.eyebrow{font:10px/1.5 SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.site-header{display:grid;grid-template-columns:1fr 1.2fr 2fr;align-items:start;padding:27px var(--pad) 18px;gap:30px}.brand{font-size:24px;font-weight:650;letter-spacing:-1px}.brand sup{font:12px Arial;margin-left:3px}.header-caption{font-size:10px;line-height:1.5;color:var(--muted)}nav{display:flex;gap:35px;justify-content:flex-end;font-size:15px}nav sup{font-size:8px;margin-left:3px;color:var(--muted)}nav a{position:relative}nav a:after,.text-link:after{content:"";position:absolute;height:1px;background:currentColor;bottom:-5px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.hero{padding:30px var(--pad) 0}.hero-grid{display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:4vw;align-items:stretch;padding-bottom:38px}.hero-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.intro-arrow{font:46px/1 Arial;color:#8e967e}.hero-intro p{font-size:clamp(17px,1.8vw,28px);line-height:1.7;letter-spacing:-.04em;margin:25px 0}.pill{border-radius:50px;background:var(--ink);color:var(--paper);padding:16px 24px;display:flex;align-items:center;gap:32px;font-size:12px;transition:background .3s,color .3s}.pill:hover{background:#b9d866;color:var(--ink)}.pill svg{width:16px}.hero-object{aspect-ratio:1.25;background:#dbddd2;position:relative;border-radius:3px;isolation:isolate}.hero-object:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 27px,#9aa58c26 27px 28px);pointer-events:none}.notebook-heading{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.04em;color:#657059}.notebook-heading{top:17px}.notebook-heading span:first-child{font-weight:600;letter-spacing:.12em}.notebook-card{position:absolute;background:#f6f4eb;padding:8px;text-align:left;box-shadow:0 10px 20px #35452724;transition:box-shadow .3s;transform-origin:center}.notebook-card:hover,.notebook-card:focus-visible{box-shadow:0 15px 26px #35452740;z-index:5}.notebook-print{width:74%;top:18%;left:5%;transform:rotate(-7deg);z-index:1}.card-label{display:flex;justify-content:space-between;font-size:8px;margin-bottom:7px;color:#647354}.notebook-card img{display:block;width:100%;height:auto}.notebook-print img{aspect-ratio:1.7;object-fit:cover;object-position:top}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;padding:8px 0 1px;font-weight:600}.card-caption small{font-size:7px;font-weight:400;color:#777c6b}.notebook-game{width:29%;top:27%;right:5%;transform:rotate(8deg);z-index:2;padding:5px;background:#f0dfc1}.notebook-game .card-caption{font-size:8px;padding-top:6px}.notebook-stamp{position:absolute;right:10%;top:14%;font:12px/1.2 Songti SC,STSong,serif;text-align:center;border:1px solid #a44c37;padding:4px 3px;color:#a44c37;transform:rotate(9deg)}.hero-aside{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:3px}.hero-aside>.eyebrow{margin-bottom:24px;color:var(--muted)}.hero-aside>p{font-size:clamp(20px,2.7vw,40px);line-height:1.14;letter-spacing:-.045em;font-weight:600}.hero-aside em{font-family:Songti SC,STSong,serif;font-style:normal;font-weight:400;color:#8c9578}.hero-index{display:flex;justify-content:space-between;width:100%;font-size:9px;margin-top:28px;padding-top:16px;border-top:1px solid #bdc2af}.hero-bottom{display:flex;justify-content:space-between;padding:16px 0 24px;font-size:9px;letter-spacing:.06em;border-top:1px solid var(--line)}.works{background:#242620;color:#e5e6dc;padding:65px var(--pad) 65px;overflow:clip}.works-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:44px}.works-heading .eyebrow{color:#a8ae98}.works-heading h2{font-size:clamp(40px,6.7vw,104px);font-weight:500;letter-spacing:-.065em;line-height:1.06;margin-top:14px}.works-heading h2 span{font-size:.7em;margin-left:30px;color:#c1ccaa}.works-heading>p{font-size:12px;line-height:1.8;color:#a8ae98;margin-bottom:6px}.project-list{width:100%;max-width:1100px;margin:0 auto;isolation:isolate}.project{position:sticky;top:36px;width:100%;min-width:0;margin-bottom:22vh;z-index:1}.project:last-child{z-index:2;margin-bottom:0}.project-cover{position:relative;display:block;width:100%;height:min(47vw,600px,calc(100svh - 200px));overflow:hidden;isolation:isolate;text-align:left}.project-print .project-cover{background:#cbd3bd;color:#424d35}.cover-top,.cover-bottom{position:absolute;z-index:3;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font:9px/1.2 monospace;letter-spacing:.06em;pointer-events:none}.cover-top{top:23px}.cover-top span:first-child{font-family:Arial;font-size:15px;font-weight:600;letter-spacing:-.02em}.cover-bottom{bottom:20px;font-size:10px}.cover-plus{font-size:23px}.print-backdrop-word{position:absolute;left:7%;top:14%;font-size:clamp(32px,4.6vw,65px);font-weight:500;letter-spacing:-.065em;line-height:1.05}.print-backdrop-word em{font: .68em Songti SC,STSong,serif;letter-spacing:-.035em;color:#71805d}.print-image-wrap{position:absolute;width:77%;aspect-ratio:2740/1841;left:22%;top:37%;border-radius:7px;box-shadow:-15px 25px 45px #3e512540;overflow:hidden;transform:rotate(-5deg)}.project-image{display:block;width:100%;height:100%;object-fit:cover}.warp-wrap{will-change:transform}.warp-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.canvas-ready .warp-canvas{opacity:1}.canvas-ready .project-image{opacity:0}.project-hover-label{position:absolute;left:0;top:0;z-index:6;pointer-events:none;width:90px;height:90px;display:grid;place-items:center;font-size:11px;background:#d6f178;color:#272c21;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.5)}.project-game .project-cover{background:#a8432f;color:#f0dfc1}.game-word{position:absolute;inset:21% 8% 18%;display:flex;justify-content:space-between;font-family:Songti SC,STSong,serif;font-size:clamp(60px,8vw,125px);line-height:1.1;letter-spacing:-.08em}.game-word span{writing-mode:vertical-rl}.game-emblem{position:absolute;top:8%;left:37%;height:85%;aspect-ratio:758/1344;border:4px solid #c39958;border-radius:9px;overflow:hidden;box-shadow:0 20px 45px #57190966}.game-seal{position:absolute;left:27%;bottom:18%;border:1px solid #e7c79e;padding:4px;font:14px/1.1 Songti SC,serif;transform:rotate(-7deg)}.game-lines{position:absolute;width:49%;aspect-ratio:1;left:25%;top:3%;border:1px solid #e1b28544;border-radius:50%;box-shadow:0 0 0 30px #e1b28508,0 0 0 60px #e1b28506}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 7px}.project-number{font:9px monospace;color:#a4ac96;letter-spacing:.04em}.project-meta h3{font-size:32px;letter-spacing:-.035em;font-weight:500;margin-top:8px}.project-meta>p{font-size:12px;line-height:1.8;margin-left:auto}.project-meta>p span{font-size:10px;color:#a4ac96}.project-visit{font:34px/1 Arial;display:grid;place-items:center;width:54px;height:54px;border:1px solid #666f58;border-radius:50%;transition:background .3s,color .3s}.project-visit:hover{background:#d4ed90;color:#242620}.about{padding:80px var(--pad) 45px;display:grid;grid-template-columns:1fr 2fr;gap:55px}.about-label{display:flex;flex-direction:column;justify-content:space-between}.about-mark{font:90px/1 Arial;color:#909b7b;display:block;width:90px}.about h2{font-size:clamp(28px,3.9vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1.5}.about h2 span{color:#7d8868}.about-body{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:30px}.about-body p{font-size:12px;line-height:2;color:#707564;max-width:350px}.text-link{font-size:11px;white-space:nowrap;position:relative}.open-source-row{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:30px;align-items:center;grid-column:1/-1;border-top:1px solid var(--line);padding-top:28px}.open-source-row h3{font-size:26px;letter-spacing:-.04em;font-weight:500}.open-source-row p{font-size:11px;color:var(--muted)}.open-source-row>span:last-child{font-size:11px}.open-source-row:hover h3{color:#6b7d4d}.contact{padding:40px var(--pad) 25px;background:#d5dbc9}.contact-top{display:flex;justify-content:space-between;font-size:10px}.contact-title{display:flex;justify-content:space-between;align-items:center;font-size:11vw;line-height:1.3;font-weight:600;letter-spacing:-.065em;padding:32px 0 38px}.contact-arrow{font: .9em Arial;transition:transform .4s}.contact-title:hover .contact-arrow{transform:translate(8px,-8px)}.footer-bottom{border-top:1px solid #aab49a;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px}.footer-bottom>div{display:flex;gap:25px}.footer-bottom>span:nth-child(2){font:8px monospace;letter-spacing:.05em}.project-dialog{position:fixed;inset:0;border:0;margin:0;padding:4svh 4vw;width:100%;max-width:none;height:100%;max-height:none;overflow:auto;background:transparent;color:var(--ink);overscroll-behavior:contain}.project-dialog::backdrop{background:#141b16cf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-panel{width:min(840px,100%);margin:auto;padding:30px 40px 35px;background:var(--paper);position:relative}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-close{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.detail-close:hover{background:var(--ink);color:var(--paper)}.detail-panel h2{margin-top:24px;font-size:clamp(36px,5vw,66px);font-weight:500;letter-spacing:-.06em}.detail-description{font-size:13px;color:var(--muted);line-height:1.9;max-width:530px;margin-top:16px}.detail-media{margin-top:26px;padding:25px;background:#e5e7de;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-media img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain}.detail-media.game-media{background:#31392f}.detail-media.game-media img{width:auto;max-width:100%;max-height:62svh}.detail-actions{display:flex;align-items:center;gap:28px;margin-top:25px}.detail-primary{display:flex;align-items:center;gap:40px;padding:16px 22px;font-size:12px;color:var(--paper);background:var(--ink)}.detail-secondary{font-size:12px;text-decoration:underline;text-underline-offset:5px}.detail-secondary[hidden]{display:none}.transition-image{position:fixed;pointer-events:none;object-fit:contain;z-index:1000}.dialog-closing{pointer-events:none}@media(min-width:1500px){.hero-grid{padding-bottom:50px}.hero-object{max-height:410px}.hero-intro{justify-content:flex-start}.hero-intro p{margin:28px 0 35px}}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.header-caption{display:none}.hero-grid{gap:3vw;grid-template-columns:1fr 1.2fr}.hero-aside{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.hero-aside>p{font-size:17px}.hero-aside>p br{display:none}.hero-aside>p em{margin:0 8px}.hero-aside>.eyebrow{display:none}.hero-index{max-width:200px;margin:0;padding:0;border:0}.hero-intro p{font-size:21px}.hero-grid{padding-bottom:25px}.works-heading h2{font-size:7vw}.works-heading>p{font-size:11px}.project-meta h3{font-size:28px}.about{gap:35px;grid-template-columns:1fr 2.5fr}.about-body{display:block}.text-link{display:inline-block;margin-top:24px}.open-source-row{grid-template-columns:1fr 1fr auto}.open-source-row p{display:none}}@media(max-width:700px){:root{--pad:5vw}.site-header{padding-top:23px;padding-bottom:20px}.brand{font-size:20px}nav{gap:23px;font-size:12px}.hero-grid{gap:22px 5vw}.hero-intro p{font-size:clamp(15px,3.1vw,22px);margin:18px 0;line-height:1.8}.intro-arrow{font-size:30px}.pill{font-size:10px;padding:12px 15px;gap:16px}.hero-object{aspect-ratio:.85}.hero-aside>p{font-size:13px}.hero-index{font-size:8px;max-width:155px}.hero-bottom{font-size:8px;padding-bottom:20px}.works{padding-top:38px;padding-bottom:30px}.works-heading{margin-bottom:28px}.works-heading h2{font-size:8.3vw;margin-top:12px}.works-heading h2 span{margin-left:12px}.works-heading>p{display:none}.eyebrow{font-size:8px}.project-list{gap:40px}.project-cover{height:auto;aspect-ratio:1.12}.cover-top,.cover-bottom{left:17px;right:17px;font-size:7px}.cover-top{top:17px}.cover-top span:first-child{font-size:12px}.cover-bottom{bottom:14px;font-size:9px}.print-backdrop-word{font-size:7vw;left:7%;top:17%;line-height:1.13}.print-image-wrap{width:90%;left:12%;top:40%}.project-game .project-cover{aspect-ratio:1.04}.game-word{font-size:13vw;inset:24% 9% 18%}.game-emblem{left:31%;top:10%;height:80%;border-width:3px}.game-seal{left:23%;bottom:18%;font-size:10px}.project-meta{padding-top:19px;gap:14px}.project-meta h3{font-size:25px}.project-number{font-size:8px}.project-meta>p{font-size:10px}.project-meta>p span{font-size:8px}.project-visit{width:40px;height:40px;font-size:25px}.about{padding-top:45px;padding-bottom:35px;display:block}.about-label{flex-direction:row;align-items:center;margin-bottom:25px}.about-mark{font-size:35px;width:auto}.about h2{font-size:7vw}.about-body{margin-top:20px;display:flex;gap:20px}.about-body p{font-size:11px;max-width:65%}.text-link{font-size:10px}.open-source-row{margin-top:35px;gap:15px}.open-source-row h3{font-size:22px}.open-source-row .eyebrow{font-size:7px}.open-source-row>span:last-child{font-size:10px}.contact{padding-top:28px}.contact-top{font-size:8px}.contact-title{font-size:12vw;padding:28px 0}.footer-bottom{font-size:8px;gap:12px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>div{gap:20px}.detail-panel{padding:20px 22px 25px}.detail-panel h2{margin-top:18px}.detail-description{font-size:12px}.detail-media{padding:15px}.detail-actions{gap:20px}.detail-primary{padding:15px;gap:20px;font-size:11px}.detail-secondary{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.project-hover-label,.warp-canvas{display:none!important}.canvas-ready .project-image{opacity:1}}@media(max-width:700px){.hero-grid{grid-template-columns:1fr 1.2fr}.hero-object{aspect-ratio:.85}.notebook-heading{left:10px;right:10px;top:12px;font-size:7px}.notebook-print{top:21%;width:79%;left:4%;padding:5px}.card-label{font-size:6px;margin-bottom:5px}.card-caption{font-size:8px;padding-top:5px}.card-caption small{display:none}.notebook-game{top:37%;right:5%;width:35%;padding:4px}.notebook-game .card-caption{font-size:6px}.notebook-stamp{top:13%;right:8%;font-size:8px;padding:2px}.hero-aside>p{font-size:13px;letter-spacing:0}.works-heading h2{font-size:8.3vw;letter-spacing:0}.contact-title{font-size:15vw;letter-spacing:.02em}}@media(max-width:420px){.hero-aside{flex-direction:column;align-items:stretch;gap:14px}.hero-aside>p{white-space:nowrap}.hero-index{max-width:none}}@media(max-width:700px){.contact-title{font-size:11.5vw;letter-spacing:0}.hero-intro p{font-size:clamp(14px,2.8vw,20px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px){.hero{padding-top:18px}}.project-frame{position:relative;background:#242620;transform-origin:50% 0;will-change:transform;box-shadow:0 -22px 60px #10120e33;--shade:0}.project-frame:after{content:"";position:absolute;inset:0;background:#0d100a;opacity:var(--shade);pointer-events:none;z-index:8}.project-meta{padding:24px 22px 20px}@media(max-width:700px){.project{top:24px;margin-bottom:18vh}.project-meta{padding:19px 12px 16px}.project-cover{height:auto;aspect-ratio:1.12}}@media(prefers-reduced-motion:reduce){.project{position:relative;top:auto;margin-bottom:60px}.project-frame{will-change:auto;box-shadow:none}}