.contact-section{background:var(--color-bg);border-top:1px solid #333;position:relative}.contact-stage{aspect-ratio:4000/1112;width:100%;height:auto;display:block}.contact-thanks{fill:var(--color-display-muted)}.contact-motion-canvas{aspect-ratio:4000/1112;pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}.contact-stage a{transition:opacity .16s}.contact-stage a:hover{opacity:.86}.contact-stage a:focus-visible{outline:2px solid var(--color-accent);outline-offset:8px}.wechat-dialog{background:var(--color-surface);width:min(420px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--color-fg);font-family:var(--font-en), var(--font-zh);text-align:center;border:1px solid #555;border-radius:20px;padding:36px 28px 20px;overflow:auto}.wechat-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000b}.wechat-dialog h2{margin:0 0 24px;font-size:22px;font-weight:400}.wechat-qr{aspect-ratio:292/287;border-radius:10px;width:100%;height:auto;display:block}.wechat-dialog p{margin:18px 0;font-size:14px}.wechat-dialog button{cursor:pointer;font:inherit;color:inherit}.wechat-close{background:0 0;border:0;padding:2px 8px;position:absolute;top:10px;right:14px;font-size:26px!important}.wechat-copy{background:0 0;border:1px solid #777;border-radius:24px;padding:10px 16px;font-size:14px!important}.wechat-dialog button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.wechat-dialog .wechat-copy-status{min-height:1.5em;margin-bottom:0;font-size:12px}@media (prefers-reduced-motion:reduce){.contact-stage a{transition:none}}.site-header{z-index:30;pointer-events:none;height:var(--chrome-safe-top);background:linear-gradient(var(--color-bg), #000e 55%, #0000);position:fixed;top:0;left:0;right:0}.site-header a{pointer-events:auto;text-decoration:none;display:block}.site-header svg{width:100%;height:100%;display:block;overflow:visible}.site-brand{left:calc(27 * var(--chrome-unit));top:calc(24 * var(--chrome-unit));width:calc(132 * var(--chrome-unit));height:calc(43 * var(--chrome-unit));position:absolute}.site-pills{left:59.375%;top:calc(30 * var(--chrome-unit));gap:calc(48 * var(--chrome-unit));display:flex;position:absolute}.site-pill{width:calc(92 * var(--chrome-unit));height:calc(36 * var(--chrome-unit))}.site-pill-about{width:calc(142 * var(--chrome-unit))}.site-pill rect{fill:none;stroke:var(--color-outline);stroke-width:1.4px}.site-pill text{letter-spacing:-1.2px;text-anchor:middle;font-size:29px}.site-contact{right:calc(32 * var(--chrome-unit));top:calc(24 * var(--chrome-unit));width:calc(132 * var(--chrome-unit));height:calc(43 * var(--chrome-unit));position:absolute}.site-header a:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px;border-radius:999px}#about{height:100svh;padding-top:var(--chrome-safe-top);padding-bottom:var(--chrome-safe-bottom)}#about .stage{height:100%}.work-section{padding-top:var(--chrome-safe-top);padding-bottom:var(--chrome-safe-bottom)}.work-section .work-artboard{width:min(100%, calc((100svh - var(--chrome-safe-top) - var(--chrome-safe-bottom)) * 1.77699))}.contact-section{padding-bottom:var(--chrome-safe-bottom)}@media (width<=700px){:root{--chrome-safe-top:calc(148 * var(--chrome-unit))}.site-pills{left:50%;top:calc(80 * var(--chrome-unit));transform:translate(-50%)}}.gooey-nav{--gn-pad:6px;--gn-gap:4px;--gn-font:14px;--gn-x:16px;--gn-y:9px;max-width:100%;font-size:var(--gn-font);line-height:1.2;display:inline-flex;position:relative}.gooey-nav--sm{--gn-pad:5px;--gn-gap:2px;--gn-font:13px;--gn-x:13px;--gn-y:7px}.gooey-nav--lg{--gn-pad:7px;--gn-gap:6px;--gn-font:16px;--gn-x:20px;--gn-y:11px}.gooey-nav--framed{padding:var(--gn-pad);background:var(--gn-frame);box-shadow:var(--gn-frame-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-radius:999px}.gooey-nav__stage{max-width:100%;position:relative}.gooey-nav__canvas{pointer-events:none;position:absolute;top:0;left:0}.gooey-nav__fallback{background:var(--gn-pill);pointer-events:none;border-radius:999px;display:none;position:absolute;top:0;left:0}.gooey-nav__list{gap:var(--gn-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav__list--active{color:var(--gn-active-ink);visibility:hidden;clip-path:inset(100%);pointer-events:none;position:absolute;inset:0}.gooey-nav__item{display:flex}.gooey-nav__link{padding:var(--gn-y) var(--gn-x);color:var(--gn-muted);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.gooey-nav__list--active .gooey-nav__link{color:inherit}.gooey-nav__item[data-active] .gooey-nav__link{color:var(--gn-ink)}.gooey-nav__link:focus-visible{outline:2px solid var(--gn-ink);outline-offset:2px}.gooey-nav__icon{flex:none;display:inline-flex}.gooey-nav__icon svg{width:1.15em;height:1.15em}.gooey-nav__rim{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--gn-frame-edge), inset 0 1px 0 var(--gn-frame-highlight);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.gooey-nav__link:hover{color:var(--gn-ink)}}#site-navigation{left:59.375%;right:calc(32 * var(--chrome-unit));top:calc(24 * var(--chrome-unit));height:calc(43 * var(--chrome-unit));position:absolute}.site-header .portfolio-navigation{width:100%;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;--gn-gap:calc(48 * var(--chrome-unit));--gn-muted:var(--color-fg);--gn-ink:var(--color-fg);background:0 0;padding:0;display:block}.portfolio-navigation>.gooey-nav__rim{display:none}.portfolio-navigation .gooey-nav__list{height:calc(43 * var(--chrome-unit));flex-wrap:nowrap}.portfolio-navigation .gooey-nav__item{flex:0 0 calc(92 * var(--chrome-unit));height:calc(36 * var(--chrome-unit));margin-top:calc(6 * var(--chrome-unit))}.portfolio-navigation .gooey-nav__item:nth-child(2){flex-basis:calc(142 * var(--chrome-unit))}.portfolio-navigation .gooey-nav__item:nth-child(4){flex-basis:calc(132 * var(--chrome-unit));height:calc(43 * var(--chrome-unit));margin-top:0;margin-left:auto}.site-header .portfolio-navigation .gooey-nav__link{width:100%;height:100%;box-shadow:inset 0 0 0 calc(1.4 * var(--chrome-unit)) var(--color-outline);font-family:var(--font-en), var(--font-zh);pointer-events:auto;border:0;border-radius:999px;padding:0;font-weight:400;display:block}.portfolio-navigation .gooey-nav__label{width:100%;height:100%;display:block}.portfolio-navigation .gooey-nav__label svg{overflow:visible}.portfolio-navigation .gooey-nav__label text{fill:currentColor}.site-header .portfolio-navigation .gooey-nav__item:nth-child(4) .gooey-nav__link{box-shadow:none}.site-header .portfolio-navigation .gooey-nav__list--active .gooey-nav__link{box-shadow:none;pointer-events:none}.portfolio-navigation .gooey-nav__list--active{--gn-ink:var(--gn-active-ink)}.portfolio-navigation .gooey-nav__canvas,.portfolio-navigation .gooey-nav__fallback{z-index:0}.portfolio-navigation .gooey-nav__list{z-index:1}.portfolio-navigation .gooey-nav__list--active{z-index:2}@media (width<=700px){#site-navigation{height:calc(123 * var(--chrome-unit));top:0;left:0;right:0}.portfolio-navigation .gooey-nav__list{height:calc(123 * var(--chrome-unit))}.portfolio-navigation .gooey-nav__item{top:calc(80 * var(--chrome-unit));width:calc(92 * var(--chrome-unit));margin:0;position:absolute}.portfolio-navigation .gooey-nav__item:first-child{left:calc(50% - 211 * var(--chrome-unit))}.portfolio-navigation .gooey-nav__item:nth-child(2){width:calc(142 * var(--chrome-unit));left:calc(50% - 71 * var(--chrome-unit))}.portfolio-navigation .gooey-nav__item:nth-child(3){left:calc(50% + 119 * var(--chrome-unit))}.portfolio-navigation .gooey-nav__item:nth-child(4){width:calc(132 * var(--chrome-unit));top:calc(24 * var(--chrome-unit));right:calc(32 * var(--chrome-unit))}}@media (prefers-reduced-motion:reduce){.portfolio-navigation .gooey-nav__link{transition:none}}.about-badge-viewport{display:contents}.about-mobile-copy,.work-mobile-type,.contact-mobile-copy,.contact-mobile-end{display:none}.contact-device-wrap{position:relative}@media (width<=700px){:root.mobile-portrait{--chrome-safe-top:calc(122px + env(safe-area-inset-top,0px))}html.mobile-portrait{scroll-padding-top:var(--chrome-safe-top)}html.mobile-portrait html.mobile-portrait body{overflow-x:clip}html.mobile-portrait body .site-header{height:var(--chrome-safe-top);background:linear-gradient(#000 85%,#0000)}html.mobile-portrait body .site-brand{left:18px;top:calc(16px + env(safe-area-inset-top,0px));width:90px;height:30px}html.mobile-portrait body #site-navigation{left:16px;right:16px;top:calc(62px + env(safe-area-inset-top,0px));height:44px}html.mobile-portrait body .portfolio-navigation .gooey-nav__list{grid-template-columns:.8fr 1.35fr .8fr 1.15fr;gap:8px;height:44px;display:grid}html.mobile-portrait body .portfolio-navigation .gooey-nav__item:nth-child(n){width:auto;height:44px;margin:0;position:static}html.mobile-portrait body .site-header .portfolio-navigation .gooey-nav__link{min-height:44px}html.mobile-portrait body #home{height:100svh;min-height:680px;padding-top:var(--chrome-safe-top);justify-content:center;align-items:center;display:flex}html.mobile-portrait body #home>.stage{aspect-ratio:1152/1600;width:100%;height:auto;max-height:calc(100svh - var(--chrome-safe-top))}html.mobile-portrait body #about{height:auto;min-height:0;padding:24px 20px 64px;display:block}html.mobile-portrait body .about-badge-viewport{width:100%;height:calc(150vw - 60px);max-height:700px;display:block;position:relative;overflow:hidden}html.mobile-portrait body #about .about-artboard{aspect-ratio:16/9;width:320%;position:absolute;top:16px;left:50%;transform:translate(-17.69%)}html.mobile-portrait body .about-artboard>.stage>:not(.about-badge-poster){display:none}html.mobile-portrait body .about-mobile-copy{margin-top:24px;display:block}html.mobile-portrait body .mobile-about-heading{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 28px;display:flex}html.mobile-portrait body .mobile-about-heading h2{letter-spacing:-.07em;margin:0;font-size:clamp(42px,13vw,74px);font-weight:400;line-height:1}html.mobile-portrait body .mobile-about-heading>span{color:#000;background:#aaa;padding:3px 6px;font-size:14px}html.mobile-portrait body .mobile-bio{font-size:16px;line-height:1.85}html.mobile-portrait body .mobile-bio p,html.mobile-portrait body .mobile-bio-en p{margin:0 0 20px}html.mobile-portrait body .mobile-bio-en{margin-top:30px;font-size:15px;line-height:1.65}html.mobile-portrait body .mobile-about-end{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:44px;display:flex}html.mobile-portrait body .mobile-about-end>span{letter-spacing:-.07em;font-size:clamp(64px,21vw,120px);font-weight:500;line-height:.85}html.mobile-portrait body .mobile-about-end>div{text-align:right;font-size:16px;font-weight:500;line-height:1.2}html.mobile-portrait body .mobile-about-end>div span{color:#000;background:#aaa;margin-left:auto;padding:1px 3px;display:table}html.mobile-portrait body .work-section{height:auto;min-height:680px;padding:28px 0 40px}html.mobile-portrait body .work-section .work-artboard{aspect-ratio:auto;width:100%;height:calc(100svh - 150px);min-height:560px;max-height:780px}html.mobile-portrait body .work-type{display:none}html.mobile-portrait body .work-mobile-type{pointer-events:none;font-weight:500;display:block;position:absolute;inset:0 20px}html.mobile-portrait body .work-mobile-type>div{letter-spacing:-.07em;font-size:clamp(42px,12.3vw,78px);line-height:.85}html.mobile-portrait body .work-mobile-type>div>span{margin-left:48%}html.mobile-portrait body .work-mobile-type>p{letter-spacing:-.06em;margin:0;font-size:30px;line-height:.85;position:absolute;bottom:0;right:0}html.mobile-portrait body .work-mobile-type>p span{margin-left:34px}html.mobile-portrait body #work-carousel{inset:130px 0 60px}html.mobile-portrait body .work-artboard:has(.work-carousel[data-focused]) .work-mobile-type{opacity:0}html.mobile-portrait body .contact-section{padding:36px 20px max(30px, env(safe-area-inset-bottom));scroll-margin-top:0}html.mobile-portrait body .contact-mobile-copy{display:block}html.mobile-portrait body .contact-mobile-title{letter-spacing:-.075em;margin-bottom:26px;font-size:clamp(68px,21vw,140px);line-height:1}html.mobile-portrait body .contact-mobile-copy a{color:#aaa;overflow-wrap:anywhere;flex-direction:column;gap:4px;min-height:44px;padding:10px 0;text-decoration:none;display:flex}html.mobile-portrait body .contact-mobile-copy a>span:first-child{font-size:14px}html.mobile-portrait body .contact-mobile-copy a>span:last-child{letter-spacing:-.04em;font-size:clamp(20px,6.2vw,32px)}html.mobile-portrait body .contact-device-wrap{margin:20px -12px 0}html.mobile-portrait body .contact-stage,html.mobile-portrait body .contact-motion-canvas{aspect-ratio:900/600}html.mobile-portrait body .contact-stage>text,html.mobile-portrait body .contact-stage>g{display:none}html.mobile-portrait body .contact-mobile-end{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}html.mobile-portrait body .contact-mobile-end>span:first-child{font-size:16px}html.mobile-portrait body .contact-mobile-end>p{letter-spacing:-.04em;margin:0;font-size:20px;line-height:1.05}html.mobile-portrait body .contact-mobile-end>span:last-child{width:100%;padding-top:16px;font-size:14px}html.mobile-portrait body .case-main{padding-top:calc(var(--chrome-safe-top) + 12px);padding-bottom:32px}html.mobile-portrait body .case-shell{width:100%;padding-inline:16px}html.mobile-portrait body .case-row{gap:24px;margin-bottom:24px}html.mobile-portrait body .case-lightbox{padding:calc(60px + env(safe-area-inset-top)) 12px calc(70px + env(safe-area-inset-bottom))}html.mobile-portrait body .case-lightbox button{background:#0009;border-radius:50%;min-width:44px;min-height:44px}html.mobile-portrait body .case-lightbox-close{top:max(12px, env(safe-area-inset-top));right:12px}html.mobile-portrait body .case-lightbox-prev,html.mobile-portrait body .case-lightbox-next{top:auto;bottom:max(14px, env(safe-area-inset-bottom))}html.mobile-portrait body .case-lightbox-prev{left:calc(50% - 60px)}html.mobile-portrait body .case-lightbox-next{right:calc(50% - 60px)}html.mobile-portrait body .wechat-close{min-width:44px;min-height:44px}html.mobile-portrait body .wechat-copy{min-height:44px}html.mobile-portrait body #about>.about-mobile-copy{width:100%;min-width:0;max-width:100%;margin-inline:0}html.mobile-portrait body .about-badge-viewport{min-width:0;max-width:100%}html.mobile-portrait body .mobile-about-end{flex-wrap:wrap;gap:24px}html.mobile-portrait body .mobile-about-end>div{margin-left:auto}}@media (width<=1000px){html:not(.mobile-portrait){--chrome-safe-top:calc(42px + env(safe-area-inset-top,0px));scroll-padding-top:var(--chrome-safe-top)}html:not(.mobile-portrait) body .site-brand{left:max(10px, env(safe-area-inset-left));top:calc(9px + env(safe-area-inset-top));width:56px;height:18.25px}html:not(.mobile-portrait) body #site-navigation{left:80px;right:max(10px, env(safe-area-inset-right));top:calc(5px + env(safe-area-inset-top));height:26px}html:not(.mobile-portrait) .portfolio-navigation .gooey-nav__list{grid-template-columns:.8fr 1.35fr .8fr 1.15fr;gap:clamp(7px,1.8vw,12px);height:26px;display:grid}html:not(.mobile-portrait) .portfolio-navigation .gooey-nav__item:nth-child(n){width:auto;height:26px;margin:0;position:static}html:not(.mobile-portrait) .portfolio-navigation .gooey-nav__label svg{height:16px;margin-block:5px}html:not(.mobile-portrait) body .site-header{height:var(--chrome-safe-top);background:linear-gradient(#000 75%,#0000)}html:not(.mobile-portrait) body #home{height:auto;min-height:0;padding:var(--chrome-safe-top) 0 16px}html:not(.mobile-portrait) body #home>.stage{height:auto;width:min(100%, calc((100svh - var(--chrome-safe-top) - 16px) * 1.77778));aspect-ratio:16/9;margin-inline:auto}html:not(.mobile-portrait) body #about{height:auto;min-height:0;padding:16px 0}html:not(.mobile-portrait) body #about .about-artboard{width:min(100%, calc((100svh - var(--chrome-safe-top) - 32px) * 1.77778));aspect-ratio:16/9}html:not(.mobile-portrait) body .work-section{height:auto;min-height:0;padding:16px 0 24px}html:not(.mobile-portrait) body .work-section .work-artboard{width:min(100%, calc((100svh - var(--chrome-safe-top) - 40px) * 1.77699));aspect-ratio:4000/2251}}