.works{background:#15171c;padding:110px 7% 0;scroll-margin-top:30px}.works-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:56px}.works-eyebrow{font-size:var(--text-caption);letter-spacing:2px;color:#a1a7b6;margin:0 0 24px}.works h2{font-weight:400}.works-heading h2{font-size:var(--text-display);margin:0;letter-spacing:.03em}.works-heading h2 span{font-size:var(--text-body);color:#7f8492;letter-spacing:-1px;margin-left:24px}.works-intro{color:#a8acb7;font-size:var(--text-meta);line-height:2;margin:0 0 5px}.works-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;margin-bottom:40px}.work-filters{display:flex;gap:32px}.work-filters button{position:relative;padding:23px 0;font-size:var(--text-meta);color:#9ca2af}.work-filters button[aria-pressed=true]{color:#f0eee9}.work-filters button[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#c9c8db}.work-filters sup{font-size:var(--text-caption);margin-left:7px;color:#9298a5}.work-count{font-size:var(--text-caption);color:#9298a5;letter-spacing:1px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 32px}.project{min-width:0}.project-open{display:block;width:100%;padding:0;text-align:left}.project-art{height:auto;aspect-ratio:1.46;position:relative;isolation:isolate;overflow:hidden;border-radius:3px;background:#242730}.art-top{position:absolute;z-index:3;left:6%;right:6%;top:7%;display:flex;justify-content:space-between;gap:14px;font-size:var(--text-caption);letter-spacing:1.7px;opacity:.7}.art-top span:last-child{font-size:var(--text-caption);letter-spacing:1px}.art-bottom{position:absolute;z-index:3;bottom:6%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:var(--text-caption);letter-spacing:1.5px}.art-bottom span{opacity:.6;font-size:var(--text-caption)}.project-art img{transition:transform .7s cubic-bezier(.22,.61,.36,1);object-fit:contain}.project-open:hover .project-art img{transform:translateY(-5px) scale(1.025)}.project-meta{display:flex;gap:15px;padding-top:23px}.project-number{color:#959bab;font-size:var(--text-caption);margin-top:6px}.project-copy{flex:1;min-width:0}.project h3{font-size:var(--text-body);font-weight:400;margin:0 0 10px;line-height:1.45}.project-copy p{font-size:var(--text-meta);line-height:1.9;color:#a5aab6;margin:0 0 14px}.project-role{font-size:var(--text-caption);letter-spacing:.4px;color:#b6bbc5}.project-arrow{font-size:var(--text-body);font-weight:300;color:#adb3c2;transition:transform .2s}.project-open:hover .project-arrow{transform:translate(3px,-3px)}.art-night{background:radial-gradient(ellipse at 65% 20%,#666073,#292c43 65%,#222839)}.art-word{position:absolute}.night-word{font-family:var(--font-site);font-size:var(--text-display);top:18%;left:8%;letter-spacing:.1em}.night-word span{display:block;font-family:var(--font-site);font-size:var(--text-caption);letter-spacing:3px;margin-top:8px}.night-screen{position:absolute;width:82%;right:-5%;bottom:15%;border:1px solid #ffffff30;border-radius:7px;box-shadow:0 20px 35px #080b2055}.art-image{background:#c4c7c8;color:#303941}.type-art{position:absolute;top:23%;right:8%;bottom:20%;left:8%;display:flex;flex-direction:column;justify-content:center}.type-title{font-size:var(--text-display);font-weight:300;letter-spacing:-.06em;line-height:1.2}.type-line{font-size:var(--text-meta);letter-spacing:2px;margin-top:17px}.type-rules{position:absolute;top:-15%;right:-50%;bottom:-25%;left:48%;z-index:-1;transform:rotate(-28deg)}.type-rules i{position:absolute;width:90%;height:70%;border:1px solid currentColor;border-radius:50%;opacity:.16}.type-rules i:nth-child(2){top:12%}.type-rules i:nth-child(3){top:24%}.art-comic{background:#e4e3df;color:#353b3e}.comic-word{position:absolute;top:20%;left:6%;font-size:var(--text-title);letter-spacing:2px}.comic-sheet{position:absolute;left:5%;bottom:15%;width:90%;height:53%;object-fit:contain;mix-blend-mode:multiply}.art-zoro{background:#ccd2cd;color:#2d4340}.zoro-word{font-size:var(--text-display);line-height:1;left:7%;top:24%;letter-spacing:-3px}.zoro-pet{position:absolute;width:24%;left:8%;bottom:15%;border-radius:3px}.zoro-screen{position:absolute;width:36%;height:76%;object-fit:cover!important;object-position:top;right:10%;top:16%;border-radius:9px;box-shadow:0 15px 30px #2b423622}.art-prompt{background:#ccc8d8;color:#393548}.art-prompt .type-title{font-size:var(--text-display);letter-spacing:-5px}.art-comfy{background:#242e38}.workflow-screen{position:absolute;left:7%;top:21%;width:110%;opacity:.65;transform:rotate(-5deg);border:1px solid #ffffff15;box-shadow:0 20px 50px #0008}.workflow-word{position:absolute;left:7%;bottom:16%;font-size:var(--text-display);letter-spacing:-2px;text-shadow:0 3px 30px #000}.workflow-word span{display:block;font-size:var(--text-meta);letter-spacing:2px;margin-top:10px}.art-ink{background:#d6cdbb;color:#322e26}.ink-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover!important}.art-ink .art-top,.art-ink .art-bottom{background:#ede4d7b3;padding:7px;left:4%;right:4%}.ink-word{position:absolute;top:24%;right:10%;writing-mode:vertical-rl;font-family:var(--font-site);font-size:var(--text-title);letter-spacing:10px}.art-speech{background:#bfb5a6;color:#433e35}.art-dify{background:#bcc9d8;color:#233b55}.dify-word{position:absolute;top:18%;left:7%;font-size:var(--text-title);letter-spacing:-2px}.dify-word span{display:block;font-size:var(--text-meta);letter-spacing:1px;margin-top:8px}.dify-screen{position:absolute;width:82%;right:-10%;bottom:12%;box-shadow:0 12px 40px #2c49662b;border-radius:4px}.works-end{margin-top:100px;padding:42px 0;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;color:#a5aab6;font-size:var(--text-meta);letter-spacing:1px}.works-end a{font-size:var(--text-meta)}.project-dialog{padding:0;border:1px solid #ffffff25;border-radius:8px;background:#1b1e25;color:#eeede7;width:min(1200px,94vw);max-height:90svh;overflow:auto;box-shadow:0 30px 100px #0008}.project-dialog::backdrop{background:#080a10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-top{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #ffffff20;position:sticky;top:0;background:#1b1e25;z-index:5;font-size:var(--text-caption);letter-spacing:2px}.detail-top button{font-size:var(--text-meta);padding:5px 0}.detail-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:36px;padding:36px}.detail-gallery{min-width:0}.detail-gallery figure{margin:0}.detail-gallery figure>a{display:flex;background:#11141b;align-items:center;justify-content:center;min-height:320px;height:47vh}.detail-gallery figure img{display:block;max-width:100%;max-height:100%;object-fit:contain}.detail-gallery figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:var(--text-meta);color:#b6bbc7;line-height:1.8;padding:15px 0}.detail-gallery figcaption span{font-size:var(--text-caption);color:#929aa9}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px}.gallery-controls>button{padding:10px;font-size:var(--text-body)}.gallery-controls>button:disabled{opacity:.25;cursor:default}.gallery-thumbs{display:flex;gap:10px;overflow:auto;padding:6px}.gallery-thumbs button{width:64px;height:48px;padding:2px;border:1px solid transparent;flex-shrink:0;opacity:.5}.gallery-thumbs button[aria-pressed=true]{border-color:#d5cfe7;opacity:1}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.detail-copy h2{font-size:var(--text-title);line-height:1.3;margin:0 0 24px;overflow-wrap:anywhere}.detail-summary{font-size:var(--text-meta);color:#bfc2cb;line-height:1.9}.detail-copy dl{padding:24px 0 12px;border-top:1px solid #ffffff20;margin-top:28px}.detail-copy dt{font-size:var(--text-caption);color:#999fae;margin-bottom:8px}.detail-copy dd{font-size:var(--text-meta);margin:0 0 20px;line-height:1.7}.detail-copy h3{font-size:var(--text-meta);font-weight:400;color:#999fae}.detail-copy ul{padding-left:17px;font-size:var(--text-meta);line-height:2.2;color:#c3c7d0}.detail-note,.media-note{font-size:var(--text-meta);line-height:1.8;color:#9da5b5;margin-top:26px}@media(max-width:900px){.works{padding:80px 5% 0}.project-grid{gap:40px 22px}.work-filters{gap:20px}.detail-body{grid-template-columns:1fr;gap:30px}.detail-gallery figure>a{height:44vh}.detail-copy{max-width:650px}.art-top span:last-child{display:none}.night-screen{width:90%}.night-word{top:17%;font-size:var(--text-title)}.project-copy p{font-size:var(--text-meta)}.project-meta{gap:9px}}@media(max-width:600px){.works{padding:68px 7% 0}.works-heading{display:block;margin-bottom:30px}.works-heading h2{font-size:var(--text-title)}.works-heading h2 span{font-size:var(--text-body);margin-left:16px}.works-intro{margin-top:24px;font-size:var(--text-meta)}.work-filters{gap:18px;overflow:auto;width:100%}.work-filters button{font-size:var(--text-meta);white-space:nowrap;padding:20px 0}.work-filters sup{font-size:var(--text-caption);margin-left:4px}.work-count{display:none}.project-grid{grid-template-columns:1fr;gap:38px}.works-toolbar{margin-bottom:26px}.project-art{aspect-ratio:1.35}.project h3{font-size:var(--text-body)}.project-copy p{font-size:var(--text-meta)}.project-meta{padding-top:18px}.type-title,.art-prompt .type-title{font-size:var(--text-display)}.night-word,.zoro-word{font-size:var(--text-title)}.comic-word{font-size:var(--text-body)}.workflow-word{font-size:var(--text-title)}.art-top,.art-bottom{font-size:var(--text-caption)}.works-end{margin-top:55px;padding:28px 0;font-size:var(--text-caption)}.works-end a{font-size:var(--text-caption)}.project-dialog{width:94vw;max-height:92svh}.detail-top{padding:15px 20px}.detail-body{padding:20px;gap:20px}.detail-gallery figure>a{height:35vh;min-height:180px}.detail-copy h2,.detail-gallery .type-title{font-size:var(--text-title)}}@media(prefers-reduced-motion:reduce){.project-art img,.project-arrow{transition:none}.project-open:hover .project-art img,.project-open:hover .project-arrow{transform:none}}.night-screen{width:86%;height:50%;right:7%;bottom:12%;object-fit:cover!important;object-position:top}.night-word{top:16%;font-size:var(--text-title)}@media(max-width:600px){.night-word{font-size:var(--text-title)}}@media(max-width:600px){.work-filters{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.work-filters button{flex-shrink:0}.work-filters button[aria-pressed=true]:after{bottom:0}}.contact-page{position:relative;isolation:isolate;overflow:clip;background:#171a21;padding:110px 7% 0;scroll-margin-top:0}.contact-page:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:70%;height:95%;left:-32%;top:-18%;background:radial-gradient(ellipse,#61728b2e,transparent 68%)}.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding-bottom:110px;max-width:1500px;margin:auto}.contact-kicker{color:#aab2c3;font-size:var(--text-meta);letter-spacing:2px;margin:0 0 35px}.contact-invitation h2{font-size:var(--text-display);line-height:1.4;font-weight:400;letter-spacing:.015em;margin:0 0 30px}.contact-lede{font-size:var(--text-meta);line-height:1.9;color:#b3b9c6;margin:0 0 38px}.contact-cta{display:inline-flex;gap:42px;align-items:center;padding:17px 25px;background:#e5e5df;color:#242833;border-radius:4px;font-size:var(--text-meta);transition:background .2s,transform .2s}.contact-cta:hover{background:#fff;transform:translateY(-2px)}.contact-cta span{font-size:var(--text-body)}.contact-availability{color:#9ca6b8;font-size:var(--text-meta);letter-spacing:.5px;margin:25px 0 0}.contact-directory{padding-top:52px;min-width:0}.contact-directory-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;color:#c1c6d0;font-size:var(--text-meta);border-bottom:1px solid #ffffff26}.contact-directory-heading span:last-child{font-size:var(--text-meta);letter-spacing:2px;color:#949eaf}.contact-channel{display:grid;grid-template-columns:1fr auto;gap:12px 18px;padding:26px 0;border-bottom:1px solid #ffffff26;align-items:center}.channel-label{grid-column:1/-1;color:#a4adbd;font-size:var(--text-meta);letter-spacing:1.4px}.channel-value{font-size:var(--text-body);letter-spacing:-.03em;overflow-wrap:anywhere;min-width:0;-webkit-user-select:text;user-select:text}.channel-action{padding:8px 0;font-size:var(--text-meta);color:#b7c0d2;white-space:nowrap;transition:color .2s}.channel-link:hover .channel-action,.channel-action:hover,.channel-value:hover{color:#fff}.contact-feedback{font-size:var(--text-meta);color:#c7d5ee;min-height:24px;margin:20px 0 0;line-height:1.8}.contact-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1500px;margin:auto;border-top:1px solid #ffffff26;padding:30px 0;color:#a5adbd;font-size:var(--text-meta)}.contact-signature{color:#d3d7df;font-size:var(--text-meta);letter-spacing:2px}.contact-signature span{margin-left:14px;font-size:var(--text-caption);letter-spacing:2px}@media(max-width:900px){.contact-layout{gap:7%;grid-template-columns:1fr 1fr}.contact-page{padding:80px 5% 0}.contact-invitation h2{font-size:var(--text-title)}.contact-channel{gap:10px}.channel-value{font-size:var(--text-body)}}@media(max-width:600px){.contact-page{padding:65px 7% 0}.contact-layout{grid-template-columns:1fr;gap:42px;padding-bottom:50px}.contact-kicker{margin-bottom:25px}.contact-invitation h2{font-size:var(--text-title);margin-bottom:22px}.contact-lede{font-size:var(--text-meta);margin-bottom:28px}.contact-directory{padding-top:0}.contact-channel{padding:23px 0}.contact-footer{flex-wrap:wrap;gap:22px;font-size:var(--text-meta)}.contact-signature{width:100%;font-size:var(--text-meta)}.contact-signature span{font-size:var(--text-caption)}.contact-feedback{margin-top:15px}.contact-availability{font-size:var(--text-meta)}}@media(prefers-reduced-motion:reduce){.contact-cta{transition:none}.contact-cta:hover{transform:none}}.contact-page{min-height:100svh;display:flex;flex-direction:column}.contact-layout{width:100%;flex:1;align-content:center}.contact-footer{width:100%}.about-page{position:relative;isolation:isolate;min-height:max(760px,100svh);color:#f5f4f1;background:#191a1a;font-family:var(--font-site);display:flex;flex-direction:column;padding:0 4.3%;overflow:hidden}#about{scroll-margin-top:0}.about-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}.about-introduction{padding-top:clamp(135px,17.5vh,180px);padding-bottom:100px;flex:1}.about-section-label{font-family:var(--font-site);font-size:var(--text-body);font-style:normal;letter-spacing:1px;margin:0 0 28px;line-height:1.5}.about-introduction h2{font-size:var(--text-display);line-height:1.14;font-weight:400;letter-spacing:.025em;margin:0 0 64px}.about-name{font-size:var(--text-title);line-height:1.3;margin:0 0 5px;white-space:nowrap}.about-name span{font-size:inherit;margin-left:8px}.about-roles{font-size:var(--text-body);line-height:1.6;margin:0 0 36px;letter-spacing:.035em}.about-bio{font-size:var(--text-body);line-height:1.55;letter-spacing:.025em}.about-bio p{margin:0}.about-chapters{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffffb0;min-height:100px;margin:0 -1%}.about-chapters button{display:flex;align-items:center;gap:32px;padding:20px 16px;min-height:64px;font-size:var(--text-body);letter-spacing:.045em;transition:opacity .2s}.about-chapters button:hover{opacity:.7}.about-chapter-arrow{margin-left:-20px}.about-chapter-number{font-family:var(--font-site)}.about-dialog{width:min(600px,calc(100% - 40px));max-height:85svh;padding:0;border:1px solid #ffffff40;background:#1b1c1e;color:#f5f4f1;font-family:var(--font-site)}.about-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-dialog-content{padding:38px}.about-dialog-close{display:block;margin:0 0 20px auto;padding:10px}.about-dialog h3{font-size:var(--text-title);font-weight:400;margin:0 0 24px}.about-dialog-content>p:not(.about-section-label){font-size:var(--text-body);line-height:1.9}.about-dialog img{display:block;width:100%;height:auto;margin-top:24px}@media(min-width:1600px){.about-introduction h2{margin-bottom:66px}.about-roles{margin-bottom:38px}}@media(max-width:1100px){.about-page{min-height:max(740px,100svh)}.about-backdrop{object-position:58% center}.about-introduction{padding-top:145px}.about-introduction h2{font-size:var(--text-display);margin-bottom:54px}.about-bio{max-width:460px}}@media(prefers-reduced-motion:reduce){.about-chapters button{transition:none}}#about.about-page{scroll-margin-top:0}@media(max-width:800px){.about-page{min-height:100svh;padding:0 6%;background:#191a1a}.about-backdrop{height:460px;object-fit:cover;object-position:74% top;opacity:.8;-webkit-mask-image:linear-gradient(#000 75%,transparent);mask-image:linear-gradient(#000 75%,transparent)}.about-introduction{padding-top:340px;padding-bottom:36px;position:relative}.about-section-label{font-size:var(--text-meta);margin-bottom:16px}.about-introduction h2{font-size:var(--text-display);line-height:1.16;margin-bottom:30px}.about-name{font-size:var(--text-title)}.about-name span{margin-left:3px}.about-roles{font-size:var(--text-meta);margin-bottom:24px;letter-spacing:0}.about-bio{font-size:var(--text-meta);line-height:1.8;max-width:100%;text-wrap:pretty}.about-chapters{min-height:80px;gap:8px;margin:0}.about-chapters button{gap:7px;padding:16px 0;font-size:var(--text-meta);letter-spacing:0}.about-chapter-arrow{margin-left:0}.about-chapter-number{font-size:var(--text-meta)}}@media(min-width:801px){.about-backdrop{inset:0 auto 0 25%;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%);mask-image:linear-gradient(to right,transparent 0%,#000 38%);opacity:1}.about-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to right,#191a1a 0%,#191a1af2 25%,#191a1a8c 43%,transparent 65%),linear-gradient(to top,#141616b3,transparent 24%);pointer-events:none}.about-introduction{max-width:58%;margin-left:calc(16px - 4.3vw + clamp(120px,10vw,172px))}}@media(min-width:801px)and (max-width:1100px){.about-backdrop{left:25%;width:100%;object-position:center}.about-introduction{max-width:62%;margin-left:calc(152px - 4.3vw)}}@media(max-width:800px){.about-backdrop{object-position:50% top}}:root{--navigation-height:100px}.site-navigation{position:fixed;inset:0 0 auto;z-index:50;height:var(--navigation-height);padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#171b23e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff20;font-family:var(--font-site)}.nav-brand{display:flex;align-items:center;min-height:44px;white-space:nowrap;font-size:var(--text-title);font-weight:400;letter-spacing:2px;color:#f5f4f1}.site-navigation nav{display:flex;align-items:center;gap:42px;height:100%}.site-navigation nav a{position:relative;display:flex;align-items:center;justify-content:center;min-width:52px;min-height:44px;font-size:var(--text-nav);letter-spacing:2px;color:#c4c8d1;transition:color .2s}.site-navigation nav a:hover,.site-navigation nav a[aria-current]{color:#fff}.site-navigation nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#eeede7}.header-space{height:var(--navigation-height);flex-shrink:0}#work,#about,#contact,#intro{scroll-margin-top:calc(var(--navigation-height) + 16px)}#top{scroll-margin-top:0}.cover .skip-link{position:fixed;z-index:60;top:12px;left:12px}#work:focus,#about:focus,#contact:focus,#top:focus{outline:none}@media(max-width:900px){.site-navigation nav{gap:24px}}@media(max-width:800px){:root{--navigation-height:68px}.site-navigation{padding:0 6%;gap:10px}.nav-brand{font-size:var(--text-body);letter-spacing:1px}.site-navigation nav{gap:3px}.site-navigation nav a{min-width:40px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-navigation nav a{transition:none}}:root{font-family:var(--font-site);color:#eeede7;background:#17191f;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible{outline:2px solid #b7c9eb;outline-offset:7px;border-radius:3px}.cover{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:0 5%;overflow:hidden;background:#17191f}.atmosphere{position:absolute;z-index:-2;top:-5%;right:-5%;bottom:-5%;left:-5%;overflow:hidden;pointer-events:none}.atmosphere img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.87);animation:ambient-drift 22s ease-in-out infinite alternate;will-change:transform}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#11151b;opacity:.12;pointer-events:none}.header{height:84px;flex-shrink:0;border-bottom:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:flex;align-items:center;gap:13px;font-size:var(--text-meta);letter-spacing:1.5px;color:#c0c1c7}.wordmark-cn{letter-spacing:2px;font-size:var(--text-meta)}.slash{color:#777b86}.header nav{display:flex;gap:44px;align-items:center;color:#c8cad1;font-size:var(--text-meta);letter-spacing:2px}.header nav button{padding:0;letter-spacing:inherit}.header nav a,.header nav button,.secondary,.footer a,.motion-control{transition:color .2s}.header nav a:hover,.header nav button:hover,.secondary:hover,.footer a:hover,.motion-control:hover{color:#fff}.intro{flex:1;width:100%;padding:clamp(90px,17vh,180px) 0 clamp(90px,17vh,180px) 17%;display:flex;flex-direction:column;justify-content:center;outline:none;transition:opacity .24s,transform .24s}.intro h1{font-size:var(--text-display);font-weight:400;letter-spacing:.04em;line-height:1.28;margin:0;animation:arrive .9s both}.intro h1 span{display:block}.roles{display:flex;gap:13px;flex-wrap:wrap;font-size:var(--text-body);color:#bec0c8;letter-spacing:.03em;margin:28px 0 0;line-height:1.8;animation:arrive .9s .1s both}.separator{color:#898e9a}.actions{display:flex;align-items:center;gap:48px;margin-top:45px;animation:arrive .9s .2s both}.primary{background:#e7e6e0;color:#222630;font-size:var(--text-meta);letter-spacing:2px;border:1px solid #f6f5ef;border-radius:6px;padding:15px 30px;min-width:168px;display:inline-flex;justify-content:center;transition:background .2s,transform .2s}.primary:hover{background:#fff;transform:translateY(-2px)}.primary:active{transform:translateY(0)}.secondary{font-size:var(--text-meta);letter-spacing:1px;color:#e1e2e6;padding:12px 0}.footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff20;color:#afb3c0}.signature{font-size:var(--text-caption);letter-spacing:3px}.footer-actions{display:flex;align-items:center;gap:30px;font-size:var(--text-meta);letter-spacing:1px}.motion-control{font-size:var(--text-caption);color:#a0a6b6;letter-spacing:1px;padding:10px 0}.motion-control:disabled{cursor:default}.motion-paused .atmosphere img{animation-play-state:paused}.leaving .intro{opacity:0;transform:translateY(-12px)}.skip-link{position:absolute;top:10px;left:10px;transform:translateY(-150%);background:#fff;color:#111;padding:10px;z-index:10}.skip-link:focus{transform:none}.contact{width:min(480px,calc(100% - 40px));padding:32px;background:#20242e;color:#eeede7;border:1px solid #ffffff25;border-radius:12px;box-shadow:0 24px 100px #0008}.contact::backdrop{background:#080b13b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-top{display:flex;justify-content:space-between;color:#bfc4d1;font-size:var(--text-meta);letter-spacing:2px}.contact-top button{font-size:var(--text-meta);padding:0}.contact h2{font-size:var(--text-title);font-weight:400;margin:36px 0 16px}.contact p{color:#bfc4d1;font-size:var(--text-meta)}.email{display:block;margin:30px 0;border-bottom:1px solid #ffffff30;padding-bottom:16px;font-size:var(--text-body)}.contact-actions{display:flex;gap:26px;font-size:var(--text-meta)}.contact-actions button{padding:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ambient-drift{0%{transform:translate(-1%,-.4%) scale(1.02)}50%{transform:translate(1%,.6%) scale(1.055)}to{transform:translate(-.2%,1%) scale(1.025)}}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1800px){.intro{padding-left:18%}}@media(max-width:900px){.intro{padding-left:9%;padding-block:100px}.header nav{gap:26px}.roles{gap:10px}.signature{letter-spacing:2px}.footer-actions{gap:18px}}@media(max-width:600px){.cover{padding-inline:7%;min-height:100svh}.header{height:76px;gap:15px}.wordmark{font-size:var(--text-meta);letter-spacing:1px;gap:0}.wordmark-cn,.slash{display:none}.header nav{gap:20px;font-size:var(--text-meta);letter-spacing:1px}.intro{padding:90px 0 105px;justify-content:center}.intro h1{font-size:var(--text-display);line-height:1.32;letter-spacing:.035em}.roles{font-size:var(--text-meta);gap:7px;margin-top:26px;letter-spacing:0}.actions{gap:30px;margin-top:36px}.primary{min-width:142px;padding:14px 22px;font-size:var(--text-meta)}.secondary{font-size:var(--text-meta)}.footer{min-height:92px;align-items:flex-start;flex-direction:column;justify-content:center;gap:10px}.footer-actions{width:100%;justify-content:space-between;font-size:var(--text-caption)}.signature{font-size:var(--text-caption);letter-spacing:2px}.motion-control{padding:4px 0;font-size:var(--text-caption)}.atmosphere{top:-5%;right:-40%;bottom:-5%;left:-40%}}@media(max-height:650px)and (min-width:601px){.intro{padding-block:48px}.intro h1{font-size:var(--text-display)}.header{height:66px}.footer{min-height:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.atmosphere img{will-change:auto}.primary:hover{transform:none}}@media(min-width:601px){.intro{padding-block:clamp(35px,6vh,70px)}}@media(max-width:600px){.wordmark>span:first-child{display:none}.wordmark .wordmark-cn{display:inline;font-size:var(--text-meta);letter-spacing:2px}}.cover{overflow:clip}.atmosphere img{animation:none;transform:scale(1.03);will-change:auto}.ambient-light{position:absolute;pointer-events:none;will-change:transform,opacity;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.light-blue{width:72%;height:100%;left:-35%;top:-18%;background:radial-gradient(ellipse,rgba(110,141,190,.48) 0%,rgba(79,104,151,.22) 32%,transparent 69%);animation-name:blue-flow;animation-duration:14s;animation-delay:-4s}.light-violet{width:65%;height:105%;right:-28%;top:14%;background:radial-gradient(ellipse,rgba(148,137,179,.37) 0%,rgba(104,102,150,.18) 35%,transparent 69%);animation-name:violet-flow;animation-duration:19s;animation-delay:-11s}.light-silver{width:82%;height:58%;left:3%;bottom:-38%;background:radial-gradient(ellipse,rgba(160,177,203,.26) 0%,rgba(97,125,165,.12) 36%,transparent 68%);animation-name:silver-flow;animation-duration:17s;animation-delay:-6s}.ambient-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 44% 44%,rgba(20,23,30,.48) 0%,rgba(20,23,30,.2) 32%,transparent 65%)}.motion-paused .ambient-light{animation-play-state:paused}.intro h1{animation:none}.intro h1 span{animation:arrive .95s cubic-bezier(.22,.61,.36,1) both}.intro h1 span:nth-child(2){animation-delay:.12s}.roles{animation:arrive .85s .28s cubic-bezier(.22,.61,.36,1) both}.actions{animation:arrive .8s .43s cubic-bezier(.22,.61,.36,1) both}@keyframes blue-flow{0%{transform:translate(-3%,-4%) rotate(-12deg) scale(.91,1.04);opacity:.45}50%{opacity:.85}to{transform:translate(18%,15%) rotate(9deg) scale(1.16,.86);opacity:.62}}@keyframes violet-flow{0%{transform:translate(4%,12%) rotate(10deg) scale(.88,1.08);opacity:.46}55%{opacity:.9}to{transform:translate(-17%,-14%) rotate(-14deg) scale(1.12,.87);opacity:.65}}@keyframes silver-flow{0%{transform:translate(-14%,8%) scale(.9,.85);opacity:.38}to{transform:translate(18%,-22%) scale(1.16,1.2);opacity:.8}}@media(max-width:600px){.light-blue{left:-24%;width:60%;animation-duration:18s}.light-violet{right:-20%;width:56%;animation-duration:23s}.ambient-shade{background:radial-gradient(ellipse at 46% 45%,rgba(20,23,30,.58),rgba(20,23,30,.2) 43%,transparent 72%)}}@media(prefers-reduced-motion:reduce){.ambient-light{animation:none;will-change:auto;opacity:.45}}@font-face{font-family:Weijun Hei W3;src:url(/fonts/weijun-hei-w3.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-heading: "Weijun Hei W3", "Microsoft YaHei", sans-serif;--font-site: "PingFang SC", "苹方-简", "PingFang TC", "Microsoft YaHei", sans-serif;--text-display: clamp(60px, 5vw, 86px);--text-name: clamp(30px, 2.65vw, 46px);--text-title: clamp(24px, 2vw, 32px);--text-body: clamp(16px, 1.43vw, 24px);--text-meta: 16px;--text-caption: 10px;--text-nav: 22px;font-family:var(--font-site);font-size:var(--text-meta)}body,button,input,textarea,select,dialog{font-family:var(--font-site)}#headline,#works-title,#about-title,#contact-title,#project-detail-title,.story-headline{font-family:var(--font-heading);font-weight:400;font-synthesis:none}.intro h1,.works-heading h2,.about-introduction h2,.contact-invitation h2{font-size:var(--text-display);font-weight:400;line-height:1.2;letter-spacing:.025em}.about-name{font-size:var(--text-name)}.about-name span{font-size:inherit}.works-heading h2 span{font-size:var(--text-title);letter-spacing:0}.project-copy h3,.detail-copy h2,.about-dialog h3{font-size:var(--text-title)}.roles,.about-roles,.about-bio,.works-intro,.contact-lede,.channel-value{font-size:var(--text-body);line-height:1.7}.about-section-label,.works-eyebrow,.contact-kicker{font-size:var(--text-body);font-style:normal;line-height:1.5;letter-spacing:1px}.project-role{font-size:var(--text-caption)}.works-heading{flex-wrap:wrap}.works-heading h2 span{display:inline-block}.work-filters{flex-wrap:wrap}.contact-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:6%}@media(max-width:1100px){:root{--text-display: 68px}.contact-layout{grid-template-columns:1fr}.contact-directory{padding-top:0}}@media(max-width:800px){:root{--text-display:52px;--text-name:28px;--text-title:24px;--text-body:16px;--text-meta:14px;--text-nav:14px}.contact-invitation h2{font-size:var(--text-display)}}@media(max-width:600px){.works-heading h2{overflow-wrap:anywhere}.work-filters{flex-wrap:nowrap}.art-top{letter-spacing:1px}.art-bottom{gap:8px;letter-spacing:.5px}}:root{--font-site:"PingFang SC","Microsoft YaHei",Arial,sans-serif;--text-display:clamp(48px,5.2vw,84px);--text-title:28px;--text-body:20px;--text-meta:16px;--text-caption:12px;color:#f3f3f3;background:#101318;font-family:var(--font-site)}html{scroll-behavior:smooth}body{margin:0;background:#101318}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid #d3d4e9;outline-offset:6px}#top,#work,#about,#contact{scroll-margin-top:0}.site-navigation{height:100px;padding:0 5.5%;border:0;background:linear-gradient(#101318a6,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.nav-brand{font-size:25px;font-weight:500;letter-spacing:1px}.site-navigation nav{gap:56px}.site-navigation nav a{font-size:17px;color:#a4a5a9;padding:12px 0;letter-spacing:2px}.site-navigation nav a[aria-current]{color:#fff}.site-navigation nav a:after{display:none}.cover,.works,.contact-page{background-color:#101318;background-image:linear-gradient(#101318 30%,#10131870),url(/assets/ambient.png);background-size:cover;background-position:center;position:relative;isolation:isolate}.cover{height:100svh;min-height:650px;padding:0 6%;display:grid;place-items:center;overflow:hidden}.cover-copy{text-align:center;margin-top:-46px}.cover-identity{font-size:17px;letter-spacing:3px;color:#b3b3b6;margin:0 0 40px}.cover h1{font-size:clamp(48px,5.6vw,90px);font-weight:400;line-height:1.3;letter-spacing:.025em;margin:0}.cover-roles{color:#aaa9ad;font-size:22px;letter-spacing:1px;margin:32px 0 44px}.explore-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:174px;padding:15px 24px;border:1px solid #d2d1d4;border-radius:40px;font-size:18px;transition:background .2s}.explore-button:hover{background:#ffffff12}.scroll-cue{position:absolute;bottom:5.3%;left:50%;transform:translate(-50%);font-size:10px;color:#999a9f;letter-spacing:3px;white-space:nowrap;text-align:center}.scroll-cue span{display:block;width:1px;height:30px;background:#b7b8bd;margin:20px auto 0}.works{padding:140px 6.3% 44px;min-height:100svh}.works-heading{margin-bottom:28px;gap:30px}.works-eyebrow{font-size:15px;letter-spacing:3px;color:#a4a5ac;margin-bottom:20px}.works-heading h2{font-size:var(--text-display);letter-spacing:.035em;line-height:1.2}.works-intro{font-size:18px;line-height:1.8;color:#b7b8c0;margin:0 0 12px}.works-toolbar{border:0;margin-bottom:32px}.work-filters{gap:56px}.work-filters button{font-size:16px;padding:18px 3px 12px}.work-filters sup{font-size:13px;vertical-align:baseline;margin-left:10px}.work-filters button[aria-pressed=true]:after{height:1px;bottom:0}.work-count{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.project-grid{gap:40px 22px}.project-cover{aspect-ratio:1.54;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#11141f}.project-cover img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.cover-comic{background:#f3f2f0}.project-open:hover .project-cover img{transform:scale(1.02)}.project-meta{gap:18px;padding-top:18px}.project-number{font-size:21px;color:#e5e5eb;margin:0;white-space:nowrap;line-height:1.5}.project h3,.compact-title{font-size:19px;line-height:1.5;font-weight:400;margin:0 0 3px}.project-role{display:block;font-size:14px;color:#999ca6;line-height:1.8}.project-arrow{font-size:24px;color:#e8e8eb}.compact-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff30;margin-top:34px;padding-top:30px;row-gap:30px}.compact-project{display:flex;gap:16px;align-items:flex-start;text-align:left;padding:0 28px;border-right:1px solid #ffffff30;min-width:0}.compact-project:nth-child(3n+1){padding-left:0}.compact-project:nth-child(3n){padding-right:0;border:0}.compact-title{display:block;font-size:17px}.show-projects{display:block;margin:38px auto 0;padding:12px 20px;color:#aaadb5;font-size:14px;letter-spacing:2px}.about-page{min-height:max(780px,100svh);padding:0 7.3%;background:#101318}.about-backdrop{inset:0 auto 0 22%;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;-webkit-mask-image:none;mask-image:none;opacity:1}.about-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#101318 0%,#101318f0 22%,#10131888 39%,transparent 62%),linear-gradient(0deg,#101318 0%,transparent 24%);pointer-events:none}.about-introduction{padding:clamp(160px,20vh,205px) 0 65px;margin:0;max-width:58%;flex:1}.about-section-label{font-size:16px;letter-spacing:2px;color:#a8a8ad;margin-bottom:28px}.about-introduction h2{font-size:var(--text-display);line-height:1.25;letter-spacing:.015em;margin-bottom:48px}.about-name{font-size:24px;letter-spacing:1px;margin-bottom:10px}.about-roles{font-size:18px;color:#a5a5ac;margin-bottom:42px}.about-bio{font-size:17px;line-height:1.9;color:#c2c2c6;letter-spacing:0}.about-chapters{margin:0;border:0;min-height:110px;align-items:flex-start}.about-chapters button{position:relative;padding:22px 0 30px;gap:14px;font-size:18px}.about-chapters button:before{content:"";position:absolute;top:0;left:0;width:48px;height:1px;background:#c3c4c8}.about-chapter-arrow{margin:0}.about-chapters button:last-child{margin-right:6%}.contact-page{min-height:max(760px,100svh);padding:0 5.5%;display:flex;flex-direction:column}.contact-layout{width:100%;max-width:none;margin:0;flex:1;display:grid;grid-template-columns:1.12fr 1fr;gap:10%;align-items:center;padding:125px 4% 100px}.contact-kicker{font-size:16px;letter-spacing:3px;color:#a8a8ad;margin:0 0 28px}.contact-invitation h2{font-size:clamp(44px,5.1vw,82px);line-height:1.27;font-weight:400;letter-spacing:.01em;margin:0}.contact-lede{font-size:27px;letter-spacing:3px;color:#a3a3ab;margin:24px 0 0;line-height:1.8}.contact-directory{padding-top:40px;width:100%;max-width:none}.contact-channel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:30px 0;border-top:0;border-bottom:1px solid #ffffff35;align-items:center}.contact-channel:nth-child(3){border:0}.channel-label{grid-column:1/-1;font-size:14px;letter-spacing:2px;color:#a0a0a8}.channel-value{font-size:27px;line-height:1.5;color:#b9b9c0;overflow-wrap:anywhere}.contact-channel:first-child .channel-value{color:#f2f2f5}.channel-action{font-size:29px;color:#eeeef3;padding:0;min-width:36px;grid-column:2;grid-row:2;white-space:nowrap}.contact-feedback{font-size:13px;min-height:20px;margin:5px 0 0;color:#bebed0}.contact-footer{border:0;padding:0 0 6%;display:flex;justify-content:space-between;align-items:flex-end;color:#a7a8b4;font-size:15px;letter-spacing:1px;gap:20px}.contact-signature{font-size:16px;letter-spacing:2px;color:#c2c3cc}.contact-footer p{margin:10px 0 0;font-size:14px;letter-spacing:1px}@media(max-width:1000px){.site-navigation{height:84px}.works-intro{max-width:280px;font-size:16px}.work-filters{gap:30px}.compact-project{padding:0 15px;gap:10px}.compact-title{font-size:15px}.project-number{font-size:18px}.about-introduction{max-width:65%}.about-backdrop{left:26%}.about-bio{font-size:15px;max-width:390px}.contact-layout{gap:7%;padding-left:0;padding-right:0}.channel-value,.contact-lede{font-size:22px}}@media(max-width:700px){.site-navigation{height:76px;padding:0 6%;background:linear-gradient(#101318e8,#10131880,transparent)}.nav-brand{font-size:21px}.site-navigation nav{gap:25px}.site-navigation nav a{font-size:14px;letter-spacing:0}.cover{min-height:620px}.cover-copy{margin-top:-35px}.cover-identity{font-size:12px;letter-spacing:2px;margin-bottom:28px}.cover h1{font-size:clamp(32px,8.6vw,58px);white-space:nowrap}.cover-roles{font-size:13px;letter-spacing:0;margin:26px 0 34px}.explore-button{min-width:145px;font-size:15px;padding:13px 20px}.scroll-cue{font-size:9px;bottom:7%}.works{padding:105px 6% 45px}.works-heading{display:block;margin-bottom:24px}.works-heading h2{font-size:44px}.works-eyebrow{font-size:12px;margin-bottom:18px}.works-intro{max-width:none;margin-top:20px;font-size:14px}.works-toolbar{margin-bottom:25px}.work-filters{gap:22px;overflow-x:auto}.work-filters button{font-size:13px;white-space:nowrap;flex-shrink:0}.work-filters sup{font-size:11px;margin-left:5px}.project-grid{grid-template-columns:1fr;gap:30px}.project-cover{aspect-ratio:1.54}.project h3{font-size:18px}.project-meta{gap:14px}.project-role{font-size:13px}.compact-projects{grid-template-columns:1fr;padding-top:8px;margin-top:30px;gap:0}.compact-project,.compact-project:nth-child(n){padding:20px 0;border:0;border-bottom:1px solid #ffffff20;gap:14px}.compact-title{font-size:16px}.show-projects{font-size:12px;margin-top:26px}.about-page{min-height:100svh;padding:0 6%}.about-backdrop{left:0;top:65px;width:100%;height:400px;object-fit:cover;object-position:52% center;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}.about-page:after{background:linear-gradient(0deg,#101318 0%,transparent 70%)}.about-introduction{padding:420px 0 40px;max-width:none}.about-section-label{font-size:13px;margin-bottom:18px}.about-introduction h2{font-size:48px;margin-bottom:28px}.about-name{font-size:21px}.about-roles{font-size:14px;margin-bottom:28px}.about-bio{font-size:14px;max-width:none}.about-chapters{min-height:90px;gap:12px}.about-chapters button{font-size:13px;gap:6px;padding-top:18px}.about-chapters button:last-child{margin:0}.about-chapter-number{font-size:12px}.about-dialog-content{padding:24px}.contact-page{min-height:100svh;padding:0 6%}.contact-layout{display:block;padding:120px 0 65px}.contact-invitation h2{font-size:45px}.contact-kicker{font-size:13px;margin-bottom:24px}.contact-lede{font-size:20px;margin-top:20px}.contact-directory{padding-top:45px}.contact-channel{padding:24px 0}.channel-value{font-size:23px}.channel-label{font-size:12px}.contact-footer{align-items:flex-start;padding-bottom:35px;font-size:12px}.contact-signature{font-size:13px}.contact-footer p{font-size:11px;letter-spacing:0}.contact-footer>a{white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-cover img,.explore-button{transition:none}.project-open:hover .project-cover img{transform:none}}@media(min-width:701px){.about-backdrop{left:22%;top:10%;width:88%;height:90%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%);mask-image:linear-gradient(90deg,transparent,#000 24%)}.contact-directory{transform:translateY(58px)}}.cover-comic{background:#fff}.cover-comic img{object-fit:cover}.contact-page:before{display:none}@media(min-width:701px){.about-backdrop{left:26%;top:8%;width:84%;height:92%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(0deg,transparent,#000 18%,#000 83%,transparent 100%);mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(0deg,transparent,#000 18%,#000 83%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}@media(min-width:701px){.about-backdrop{left:24%;top:8%;width:90%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(0deg,transparent,#000 18%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(0deg,transparent,#000 18%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}@media(min-width:1001px){.site-navigation nav a{font-size:18px}.about-backdrop{left:29%;top:11%;width:80%}.about-bio{font-size:18px}.channel-value{font-size:30px}.project h3{font-size:20px}.project-role{font-size:15px}.compact-title{font-size:18px}}.cover-photon-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:pan-y}.cover-copy{position:relative;z-index:1;pointer-events:none}.cover-copy a{pointer-events:auto}.cover .scroll-cue{z-index:1}.cover-motion-control{position:absolute;right:5.5%;bottom:5.3%;z-index:1;font-size:12px;color:#a9aab3;padding:10px;min-height:44px}.cover-motion-control:disabled{opacity:.6;cursor:default}.project-arrow,.about-chapter-arrow,.channel-link .channel-action{display:none}button.channel-action{font-size:14px;letter-spacing:1px;min-height:44px;min-width:44px}@media(max-width:700px){.cover-motion-control{right:4%;bottom:3%;font-size:11px}}.particle-thread{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.cover-motion-control{position:fixed;bottom:18px;right:20px;z-index:25;background:#101318bf;border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-cover{position:relative}.project-cover:after{content:"";position:absolute;bottom:0;left:24%;width:52%;height:2px;background:radial-gradient(circle,#bdd6ef 1px,transparent 1.5px) 0 0/11px 2px;opacity:0;transition:opacity .5s;pointer-events:none}.project-open:hover .project-cover:after,.project-open:focus-visible .project-cover:after{opacity:.45}.about-chapters button:before{height:2px;background:radial-gradient(circle,#bdd6ef .65px,transparent 1px) 0 0/4px 2px;opacity:.6;transform-origin:left;animation:chapter-gather 6s ease-in-out infinite}.about-chapters button:nth-child(2):before{animation-delay:-2s}.about-chapters button:nth-child(3):before{animation-delay:-4s}@keyframes chapter-gather{0%,to{transform:scaleX(1);opacity:.6}50%{transform:scaleX(.78);opacity:.3}}.copy-spark{display:inline-block;width:4px;height:4px;border-radius:50%;margin:0 9px 2px 0;background:#c4dcf4;animation:copy-spark 1.2s ease-out both}@keyframes copy-spark{0%{opacity:.15;box-shadow:0 0 #c4dcf400}30%{opacity:.65;box-shadow:0 0 9px 2px #c4dcf433}to{opacity:.25;box-shadow:0 0 #c4dcf400}}.motion-stopped .about-chapters button:before,.motion-stopped .copy-spark{animation-play-state:paused}.motion-stopped .project-cover:after{transition:none}@media(prefers-reduced-motion:reduce){.about-chapters button:before,.copy-spark{animation:none}.project-cover:after{transition:none}}@media(max-width:700px){.cover-motion-control{bottom:12px;right:12px}.contact-footer{padding-bottom:75px}}.hero-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;-webkit-mask-image:radial-gradient(ellipse at 50% var(--particle-center,46%),#0005 0%,#0008 26%,#000 57%);mask-image:radial-gradient(ellipse at 50% var(--particle-center,46%),#0005 0%,#0008 26%,#000 57%)}.cover{background-image:linear-gradient(to bottom,transparent 65%,#101318 100%),linear-gradient(#101318 30%,#10131870),url(/assets/ambient.png)}.cover .scroll-cue{opacity:var(--cue-opacity,1)}.works{background-image:linear-gradient(to bottom,transparent calc(100% - 260px),#101318 100%),linear-gradient(#101318 30%,#10131870),url(/assets/ambient.png)}.about-page{background:linear-gradient(to bottom,#101318,#151a24 150px,#101318 360px)}.works [data-entrance-pending]{opacity:0}.works [data-entrance-pending]:focus-within{opacity:1}@media(prefers-reduced-motion:reduce){.works [data-entrance-pending]{opacity:1}}#about .about-backdrop{opacity:calc(var(--about-photo-opacity,1) * var(--about-exit-opacity,1))}.about-introduction,.about-chapters{opacity:var(--about-exit-opacity,1)}.about-chapters:focus-within{opacity:1}.contact-invitation,.contact-channel{opacity:var(--contact-opacity,1);translate:0 calc(var(--contact-offset,0) * 1px)}.contact-channel:focus-within,.contact-channel:focus{opacity:1;translate:none}@media(prefers-reduced-motion:reduce){#about .about-backdrop{opacity:1}}.project-grid .project-featured{grid-column:1 / -1}.project-featured .project-cover{aspect-ratio:2 / 1;padding:clamp(20px,4vw,64px)}.project-featured .project-cover img{max-height:100%}.project-description{margin:10px 0 0;color:#aeb2bc;font-size:15px;line-height:1.8;font-weight:400}.project-dialog.story-dialog{width:min(1180px,96vw);background:#101318;color:#eceef2;scroll-behavior:smooth}.story-dialog .detail-top{background:#101318;border-bottom:1px solid #ffffff14}.project-story{padding:0 clamp(22px,6vw,84px) 32px}.story-hero{padding:clamp(44px,7vw,90px) 0 40px;text-align:center}.story-hero h2{margin:20px 0;font-size:clamp(20px,2.5vw,30px);font-weight:400;overflow-wrap:anywhere}.story-headline{max-width:850px;margin:0 auto;font-size:clamp(30px,4.6vw,58px);line-height:1.35;letter-spacing:-.035em;text-wrap:balance}.story-lead{max-width:590px;margin:26px auto 0;color:#aeb2bc;font-size:17px;line-height:1.9}.story-showcase.detail-gallery figure>a{height:auto;min-height:0;padding:20px;background:#161a22}.story-showcase.detail-gallery figure>a img{width:100%;max-height:560px;object-fit:contain}.story-showcase figcaption{gap:12px;flex-wrap:wrap}.story-section{padding:clamp(52px,7vw,90px) 0;border-bottom:1px solid #ffffff14}.story-label{margin:0 0 24px;color:#9299a6;font-size:12px;letter-spacing:.12em}.story-section h3{max-width:800px;margin:0;font-size:clamp(26px,3.3vw,40px);font-weight:400;line-height:1.5;text-wrap:balance}.story-body{max-width:740px;margin:24px 0 0;font-size:17px;line-height:1.95;color:#b5bbc5}.story-facts{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin:40px 0 0}.story-facts div:last-child{grid-column:1 / -1}.story-facts dt{color:#9299a6;font-size:12px;margin-bottom:10px}.story-facts dd{margin:0;font-size:15px;line-height:1.8}.story-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:34px;margin-top:42px}.story-point-number{font-size:13px;color:#9299a6}.story-points h4,.story-next h4{margin:18px 0 12px;font-size:19px;font-weight:400;line-height:1.6}.story-points p,.story-next p{margin:0;color:#aeb2bc;font-size:15px;line-height:1.9}.story-flow{list-style:none;margin:36px 0;padding:0}.story-flow li{display:flex;gap:24px;padding:18px 0;border-top:1px solid #ffffff14;align-items:baseline}.story-flow span{color:#9299a6;font-size:12px}.story-flow p{margin:0;line-height:1.8;font-size:17px}.story-evidence{display:grid;gap:36px}.story-evidence figure{margin:0}.story-evidence a{display:flex;justify-content:center;background:#161a22;padding:clamp(12px,2vw,24px)}.story-evidence img{display:block;width:100%;max-height:580px;object-fit:contain}.story-evidence figcaption{color:#9299a6;font-size:12px;line-height:1.8;margin-top:12px}.story-next{margin-top:34px;padding-left:24px;border-left:1px solid #697383;max-width:740px}.story-next h4{margin-top:0}.story-ending{border:0}@media(max-width:700px){.project-featured .project-cover{aspect-ratio:1.4;padding:14px}.project-description{font-size:13px}.story-dialog .detail-top{padding:16px 22px}.story-facts{grid-template-columns:1fr}.story-lead,.story-body{font-size:15px}.story-showcase.detail-gallery figure>a{padding:10px}}@media(prefers-reduced-motion:reduce){.project-dialog.story-dialog{scroll-behavior:auto}}.cover .cover-roles{margin-bottom:18px}.cover-introduction{color:#b6bbc5;font-size:clamp(15px,1.3vw,18px);line-height:1.9;margin:0 auto 32px;max-width:560px}.intro-break{display:none}.project-actions{display:flex;flex-wrap:wrap;gap:14px 26px;margin:18px 0 0 36px;font-size:14px;color:#c5cbd5}.project-actions a,.film-caption a,.detail-actions a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff40}.project-actions a{padding:10px 0}.detail-actions{display:flex;align-items:center;gap:24px;letter-spacing:0}.work-explorations{border-top:1px solid #ffffff18;margin-top:40px}.work-explorations .show-projects{margin-top:0}#work-explorations{padding:0 0 48px;color:#aeb2bc;font-size:15px;line-height:1.9}#work-explorations article{padding-top:20px}#work-explorations h3{font-size:18px;color:#e5e8ee;margin:0}.case-page{background:#101318;color:#eceef2;min-height:100svh}.case-page main{max-width:1280px;margin:auto}.case-navigation,.case-footer{display:flex;justify-content:space-between;gap:24px;padding:28px clamp(22px,6vw,84px);font-size:14px;color:#bcc3ce}.case-navigation{border-bottom:1px solid #ffffff14}.case-navigation a,.case-footer a{padding:10px 0}.case-footer{border-top:1px solid #ffffff14;align-items:center}.case-not-found{padding:100px 24px;text-align:center}.story-hero h1{margin:20px 0;font-size:clamp(20px,2.5vw,30px);font-weight:400;overflow-wrap:anywhere}.story-film{scroll-margin-top:24px}.story-film video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#0a0c10;border-radius:8px}.film-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#aeb2bc;font-size:13px;line-height:1.8;padding:18px 0}.film-outline{font-size:14px;line-height:1.9;color:#aeb2bc;border-top:1px solid #ffffff14;padding:16px 0}.film-outline summary{cursor:pointer}.film-outline p{max-width:740px}.nighttalk-evidence{margin:34px 0 0;min-width:0}.nighttalk-evidence a{display:block;padding:clamp(10px,2vw,24px);border:1px solid #ffffff0d;background:#161a22;border-radius:8px}.nighttalk-evidence img{display:block;width:100%;height:auto}.nighttalk-evidence figcaption,.evidence-note{font-size:13px;color:#9fa7b5;line-height:1.8;margin-top:14px}.version-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.version-comparison .nighttalk-evidence a{padding:10px}.theme-demo{margin-top:64px}.theme-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.theme-demo h4{margin:0;font-size:20px;font-weight:400;line-height:1.6}.theme-options{display:flex;gap:4px;padding:4px;border:1px solid #ffffff24;border-radius:30px;flex-shrink:0}.theme-options button{padding:10px 18px;border-radius:24px;font-size:14px;color:#aeb2bc;min-height:44px}.theme-options button[aria-pressed=true]{background:#e3e6ec;color:#161a22}@media(max-width:700px){.intro-break{display:initial}.cover .cover-roles{font-size:16px;margin:24px 0 14px}.cover-introduction{max-width:330px;font-size:14px}.project-actions{margin-left:0;font-size:13px}.version-comparison{grid-template-columns:1fr;gap:0}.theme-demo-heading{align-items:flex-start;flex-direction:column;gap:18px}.detail-actions{gap:16px;font-size:12px}.case-footer{align-items:flex-start;flex-direction:column;font-size:12px}}