.page-photography{color:var(--page-ink);padding:62px 0 28px;overflow:hidden}.photo-heading{text-align:center;padding:0 24px}.photo-heading .page-contact-title{margin-bottom:18px}.page-photography:lang(zh) .page-contact-title{letter-spacing:-.015em;font-family:Homepage Work Xiangcui,Homepage Exposure,serif}.photo-viewport{overscroll-behavior-inline:contain;touch-action:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;will-change:scroll-position;width:100%;height:525px;margin-top:26px;overflow:auto hidden}.photo-viewport::-webkit-scrollbar{display:none}.page-photography[data-keyboard=true] .photo-viewport:focus-visible{outline:1px solid var(--page-secondary);outline-offset:-5px}.photo-track{width:max-content;min-width:100%;display:flex}.photo-cycle{flex:none;height:510px;display:flex;position:relative}.photo-rope{fill:none;stroke:#8a8071;stroke-width:1.5px;filter:drop-shadow(0 2px 1px #0002);width:100%;height:110px;position:absolute;top:0;left:0;overflow:visible;transform:translateZ(0)}.photo-rope path{vector-effect:non-scaling-stroke}.photo-print{width:380px;padding-top:var(--hang-y);flex:0 0 380px;justify-content:center;align-items:flex-start;margin:0;display:flex;position:relative}.photo-paper{color:#595950;transform:translate3d(0, 0, 0) rotate(var(--tilt));transform-origin:50% -10px;will-change:transform;backface-visibility:hidden;background:#f5f3ec;padding:10px 10px 0;position:relative;box-shadow:1px 3px 5px #0002,3px 14px 22px -10px #0004}.photo-paper img{object-fit:cover;pointer-events:none;backface-visibility:hidden;background:#d7d4ca;display:block;transform:translateZ(0)}.photo-print--portrait img{width:252px;height:336px}.photo-print--landscape img{width:324px;height:243px}.photo-paper figcaption{letter-spacing:.04em;justify-content:space-between;align-items:center;gap:10px;min-height:38px;font-size:11px;display:flex}.photo-number{opacity:.5;font-variant-numeric:tabular-nums;font-size:9px}.photo-clip{z-index:2;background:linear-gradient(90deg,#858884,#e2e2d9 28%,#a4a79f 53%,#d4d5cf 75%,#747974);border:1px solid #6d706e;border-radius:3px 3px 4px 4px;width:14px;height:29px;position:absolute;top:-20px;left:calc(50% - 7px);box-shadow:1px 2px 2px #0004}.photo-clip:before{content:"";background:#656a6570;border:1px solid #656a65;border-radius:3px;width:4px;height:7px;position:absolute;top:4px;left:4px}.photo-clip:after{content:"";background:#777c76;height:1px;position:absolute;bottom:5px;left:2px;right:2px;box-shadow:0 3px #777c76}@media (width<=700px){.page-photography{padding-top:38px}.photo-viewport{height:439px;margin-top:18px}.photo-cycle{height:429px}.photo-print{flex-basis:304px;width:304px}.photo-print--portrait img{width:206px;height:274.667px}.photo-print--landscape img{width:264px;height:198px}.photo-paper{padding:8px 8px 0}.photo-paper figcaption{min-height:34px;font-size:10px}}.photo-open{color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.page-photography[data-keyboard=true] .photo-open:focus-visible{outline-offset:4px;outline:2px solid #777}.photo-lightbox{width:100%;max-width:none;height:100dvh;max-height:none;padding:max(60px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));color:#fff;font-family:var(--page-font-body);background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:auto}.photo-lightbox[open]{place-items:center;display:grid}.photo-lightbox::backdrop{background:0 0}.photo-lightbox-shade{z-index:-1;-webkit-backdrop-filter:blur(7px);background:#000000b3;position:fixed;inset:0}.photo-lightbox-close{top:max(16px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed}.photo-lightbox-close:hover{background:#ffffff28}.photo-lightbox-content{flex-direction:column;align-items:center;gap:18px;max-width:100%;margin:0;display:flex}.photo-lightbox-photo{transform-origin:50%;will-change:transform;position:relative}.photo-lightbox-shadow{pointer-events:none;position:absolute;inset:0;box-shadow:0 12px 55px #0005}.photo-lightbox-image{object-fit:contain;width:auto;max-width:min(1200px,100vw - 48px);height:auto;max-height:calc(100dvh - 190px);display:block;position:relative}.photo-lightbox-content figcaption{text-align:left;align-self:stretch;line-height:1.5}.photo-lightbox-content h3{margin:0 0 6px;font-size:17px;font-weight:400}.photo-lightbox-content :is(a,p){color:#ffffffa6;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.photo-lightbox-content a{text-underline-offset:4px}.photo-lightbox-content a:hover{color:#fff}.page-photography[data-keyboard=true] .photo-lightbox :focus-visible{outline-offset:4px;outline:2px solid #fff}@media (width<=700px){.photo-lightbox{padding-inline:16px}.photo-lightbox-image{max-width:calc(100vw - 32px)}}.photo-viewport,.photo-open,.photo-lightbox,.photo-lightbox button,.photo-lightbox a{-webkit-tap-highlight-color:transparent;outline:none}.page-scroll-hint{visibility:hidden;z-index:1;bottom:calc(var(--page-navigation-height) + env(safe-area-inset-bottom,0px));color:#ffffffe6;text-align:center;pointer-events:none;grid-template-rows:32px 20px;justify-items:center;gap:12px;display:grid;position:absolute;inset-inline:20px}.hello-scene[data-subtitle=true]+.page-scroll-hint{visibility:visible}.page-scroll-hint-arrow{width:32px;height:32px;animation:4s linear infinite paused page-scroll-arrow}.page-scroll-hint-label{letter-spacing:0;font-family:Homepage Work Noto Serif SC,Homepage GT Super Text,Homepage Chinese Serif,serif;font-size:13px;font-weight:400;line-height:20px;animation:4s linear infinite paused page-scroll-label}@keyframes page-scroll-label{0%{opacity:0;animation-timing-function:ease-in-out}15%,40%{opacity:1;animation-timing-function:ease-in-out}50%,to{opacity:0}}@keyframes page-scroll-arrow{0%{opacity:0;animation-timing-function:ease-in-out;transform:translateY(0)}15%{opacity:1;transform:translateY(0)}40%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translateY(0)}60%{opacity:1;animation-timing-function:ease-in-out;transform:translateY(28px)}80%,to{opacity:0;transform:translateY(28px)}}@media (prefers-reduced-motion:reduce){.page-scroll-hint-arrow,.page-scroll-hint-label{animation:none}}@font-face{font-family:Homepage Xiangcui;src:url(/assets/fonts/xiangcui/hello-title.woff)format("woff");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+6211,U+662F}@font-face{font-family:Homepage Exposure;src:url(/assets/fonts/exposure/ExposureVAR.ttf)format("truetype");font-style:normal;font-weight:1 999;font-display:swap}@font-face{font-family:Homepage Noto Serif SC;src:url(/assets/fonts/noto-serif-sc/hello-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3001,U+4E00-9FFF}@font-face{font-family:Homepage Noto Serif SC;src:url(/assets/fonts/noto-serif-sc/hello-semibold.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+3001,U+4E00-9FFF}.hello-scene{z-index:1;color:#fff;pointer-events:none;text-shadow:0 2px 18px #573d5520;place-items:center;display:grid;position:absolute;inset:0}.hello-row{--hello-height:90px;--hello-center-offset:0px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:clamp(20px,3.8vw,56px);width:min(900px,100% - 48px);display:grid}.hello-lettering-position{height:var(--hello-height);min-width:0;transform:translateX(var(--hello-center-offset))}.hello-lettering,.hello-artwork,.hello-artwork svg{width:100%;height:100%}.hello-artwork{margin-left:auto}.hello-artwork[data-flip-y=true] svg{transform:scaleY(-1)}.hello-lettering{opacity:1;transition:opacity .55s cubic-bezier(.4,0,1,1)}.hello-lettering[data-fading=true]{opacity:0}.hello-stroke-guide{opacity:0;stroke-dasharray:1;stroke-dashoffset:1px;animation:hello-write var(--stroke-duration) linear var(--stroke-delay) both}.hello-copy{text-align:left;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}.hello-copy p{white-space:nowrap;margin:0}.hello-name{font-variation-settings:"EXPO" 10;letter-spacing:-.035em;opacity:0;font-family:Homepage Exposure,Homepage GT Super Text,Georgia,serif;font-size:clamp(30px,4.4vw,56px);font-weight:400;line-height:1.25;transition:opacity 1.6s ease-in-out .2s,transform 1.6s cubic-bezier(.45,0,.2,1) .2s;transform:translate(-24px)}.hello-copy .hello-description{letter-spacing:0;color:#ffffffd1;opacity:0;margin-top:clamp(10px,1.1vw,14px);font-family:Homepage GT Super Text,Newsreader,Georgia,serif;font-size:clamp(13px,1.4vw,18px);font-weight:400;line-height:1.5;transition:opacity 1.1s ease-in-out,transform 1.1s cubic-bezier(.45,0,.2,1);transform:translateY(8px)}.hello-scene:lang(zh) .hello-name{letter-spacing:-.015em;font-family:Homepage Xiangcui,Homepage Exposure,Songti SC,serif;font-weight:400}.hello-scene:lang(en) .hello-name-prefix{font-weight:400}.hello-scene:lang(zh) .hello-description{letter-spacing:.025em;font-family:Homepage Noto Serif SC,Homepage GT Super Text,Songti SC,serif;font-weight:600}.hello-interactive-name{cursor:default}.hello-scene[data-introduced=true] .hello-interactive-name{pointer-events:auto}.hello-name-letter{font-variation-settings:"EXPO" 10}.hello-scene[data-introduced=true] .hello-lettering-position,.hello-scene[data-introduced=true] .hello-name{transform:translate(0)}.hello-scene[data-introduced=true] .hello-lettering-position{transition:transform 1.6s cubic-bezier(.45,0,.2,1)}.hello-scene[data-introduced=true] .hello-name{opacity:1}.hello-scene[data-subtitle=true] .hello-description{opacity:1;transform:translateY(0)}.hello-scene[data-running=false] .hello-stroke-guide{animation-play-state:paused}.hello-scene[data-started=false] .hello-lettering{visibility:hidden}.hello-scene[data-static=true] .hello-stroke-guide{stroke-dashoffset:0;opacity:1;animation:none}.hello-scene[data-static=true] :is(.hello-name,.hello-description,.hello-lettering-position){transition:none}.hello-scene[data-artwork=pending] .hello-row{grid-template-columns:1fr;width:fit-content;max-width:calc(100% - 48px)}@keyframes hello-write{0%{stroke-dashoffset:1px;opacity:0}.1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@media (width<=600px){.hello-row{grid-template-columns:minmax(0,1fr);gap:28px;width:calc(100% - 40px)}.hello-lettering-position{--hello-height:clamp(78px, 22vw, 110px);transform:translateY(var(--hello-center-offset-y))}.hello-artwork{margin-inline:auto}.hello-copy{text-align:center}.hello-name{font-size:clamp(36px,9.5vw,50px);transform:translateY(12px)}.hello-copy .hello-description{margin-top:12px;font-size:clamp(14px,3.7vw,18px)}}@media (prefers-reduced-motion:reduce){.hello-scene *{transition:none!important;animation:none!important}.hello-stroke-guide{stroke-dashoffset:0;opacity:1}}@font-face{font-family:Newsreader;src:url(/assets/fonts/newsreader/Newsreader-variable.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Homepage GT Super Text;src:url(/assets/fonts/gt-super/gt-super-text-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Homepage Work Noto Serif SC;src:url(/assets/fonts/noto-serif-sc/work-regular.ttf?v=20260912)format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3000-303F,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-family:Homepage Chinese Serif;src:local(Songti SC),local(STSong),local(Noto Serif CJK SC),local(Noto Serif SC),local(SimSun);font-style:normal;font-weight:400;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FE1?,U+FE30-FE4F,U+FF00-FFEF,U+20000-3134F}@font-face{font-family:Homepage Chinese Serif;src:local(Songti SC Bold),local(STSongti-SC-Bold),local(Noto Serif CJK SC Bold),local(Noto Serif SC Bold),local(SimSun);font-style:normal;font-weight:600 700;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FE1?,U+FE30-FE4F,U+FF00-FFEF,U+20000-3134F}html:has(.paper-homepage,.play-page){--page-navigation-height:calc(68px + env(safe-area-inset-top,0px));--paper-color:#f9f9f7;--page-ink:#30302e;--page-secondary:#777771;--page-line:#e5e5df;--page-hover:#eeeee9;--page-font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Segoe UI", sans-serif;--page-font-heading:"Homepage Chinese Serif", "Newsreader", Georgia, serif;background:var(--paper-color)}html.dark:has(.paper-homepage,.play-page){--paper-color:#1c1c1a;--page-ink:#eaeae5;--page-secondary:#aaa9a0;--page-line:#44443f;--page-hover:#373734}body:has(.paper-homepage,.play-page){background:var(--paper-color)}.paper-homepage,.page-work-media,.page-work-title,.page-work-description,.page-work-link,.page-contact,.page-contact-subtitle{transition:background-color .8s cubic-bezier(.333333,0,.666667,1),color .36s ease-out}html:has(.paper-homepage,.play-page){transition:background-color .8s cubic-bezier(.333333,0,.666667,1),color .36s ease-out}body:has(.paper-homepage,.play-page){transition:background-color .8s cubic-bezier(.333333,0,.666667,1),color .36s ease-out}@media (prefers-reduced-motion:reduce){.paper-homepage,.page-work-media,.page-work-title,.page-work-description,.page-work-link,.page-contact,.page-contact-subtitle{transition:none}html:has(.paper-homepage,.play-page){transition:none}body:has(.paper-homepage,.play-page){transition:none}}.paper-homepage{background:var(--paper-color);min-height:100svh;color:var(--page-ink);font-family:var(--page-font-body);font-size:15px;line-height:var(--reading-line-height,1.75)}.page-gradient-hero{top:calc(var(--page-navigation-height) - 100vh);top:calc(var(--page-navigation-height) - 100svh);z-index:10;pointer-events:none;height:100svh;position:sticky}.page-gradient-visual{isolation:isolate;pointer-events:none;background:#dedce9;width:100vw;position:absolute;inset:0 auto 0 0;overflow:hidden}.page-gradient-colors{background:radial-gradient(at 82% 22%,#f4f0edb3 0%,#0000 48%),radial-gradient(at 12% 18%,#b8b8d080 0%,#0000 48%),radial-gradient(at 80% 51%,#ffd4a3b3 0%,#0000 43%),linear-gradient(#e5e3f0 8%,#dedde7 27%,#f5d2b7 46%,#f7b386 61%,#d9897c 75%,#925b70 88%,#4f3c56 100%);animation:36s ease-in-out infinite alternate page-gradient-drift;position:absolute;inset:-12%}.page-gradient-colors:after{content:"";background:radial-gradient(at 20% 48%,#f4b89499 0%,#0000 48%),radial-gradient(at 75% 36%,#fff0d699 0%,#0000 48%),radial-gradient(at 65% 95%,#71496799 0%,#0000 45%);animation:24s ease-in-out infinite alternate page-gradient-bloom;position:absolute;inset:0}.page-gradient-visual:after{content:"";opacity:.19;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23grain)' d='M0 0h256v256H0z'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}@keyframes page-gradient-drift{0%{transform:translate(-2%,-2%)rotate(-3deg)scale(1.02)}50%{transform:translate(2%,1%)rotate(2deg)scale(1.05)}to{transform:translate(-1%,3%)rotate(4deg)scale(1.02)}}@keyframes page-gradient-bloom{0%{opacity:.15;transform:translate(-5%,3%)scale(1.05)}to{opacity:.85;transform:translate(5%,-3%)scale(1.15)}}@media (prefers-reduced-motion:reduce){.page-gradient-colors,.page-gradient-colors:after{animation:none}.page-gradient-colors:after{opacity:.4}}.page-navigation a{color:inherit;text-decoration:none}.page-navigation{z-index:30;height:var(--page-navigation-height);padding:env(safe-area-inset-top,0px) max(32px, env(safe-area-inset-right,0px)) 0 max(32px, env(safe-area-inset-left,0px));color:#fff;text-shadow:0 1px 8px #43344e40;background:linear-gradient(#3930441a,#0000);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.page-navigation :is(a,button):focus-visible{outline-color:#fff}.page-identity{flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.jazmin-wordmark{aspect-ratio:360/129;background:currentColor;width:92px;display:block;-webkit-mask:url(/assets/jazmin-wordmark.png) 50%/contain no-repeat;mask:url(/assets/jazmin-wordmark.png) 50%/contain no-repeat}.page-navigation-links{align-items:center;gap:clamp(24px,3vw,48px);display:flex}.page-navigation-item{letter-spacing:.06em;text-underline-offset:6px;align-items:center;min-height:44px;font-family:Homepage GT Super Text,Newsreader,Georgia,serif;font-size:16px;font-weight:400;line-height:1;display:inline-flex}.page-navigation-links:lang(zh) .page-navigation-item{letter-spacing:.12em;font-family:Songti SC,STSong,Noto Serif CJK SC,Noto Serif SC,SimSun,serif}.page-navigation-links a:hover{text-decoration:underline}.page-navigation[data-play=true]{background:0 0}.page-navigation-links [aria-current=page]{text-decoration:underline}.page-navigation-language{color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font:12px -apple-system,BlinkMacSystemFont,sans-serif}.page-navigation-theme{width:24px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;position:relative}.page-navigation-theme svg{stroke-width:1.6px;width:18px;height:18px;transition:opacity .45s,transform .65s cubic-bezier(.22,1,.36,1);position:absolute;top:13px;left:3px}.page-theme-sun{opacity:1;transform:rotate(0)scale(1)}.page-theme-moon{opacity:0;transform:rotate(-90deg)scale(.5)}.dark .page-theme-sun{opacity:0;transform:rotate(90deg)scale(.5)}.dark .page-theme-moon{opacity:1;transform:rotate(0)scale(1)}.page-navigation[data-play=true] .page-navigation-theme svg{transition-duration:2.4s}@media (prefers-reduced-motion:reduce){.page-navigation-theme svg{transition:none}}@font-face{font-family:Homepage Work Xiangcui;src:url(/assets/fonts/xiangcui/XiangcuiDengcusong.woff)format("woff");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF}.page-work{--work-top-space:96px;min-height:calc(100svh + var(--work-top-space) / 2);padding:var(--work-top-space) max(32px, env(safe-area-inset-left,0px)) 96px;position:relative}.page-work-anchor{top:calc(var(--work-top-space) / 2);scroll-margin-top:var(--page-navigation-height);position:absolute}.page-work-grid{grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;max-width:1280px;margin-inline:auto;display:grid}.page-work-project{min-width:0}.page-work-project--macmix{grid-area:1/1}.page-work-project--yumchicken{grid-area:1/2/3}.page-work-more{grid-area:2/1;align-self:end;min-width:0}.page-work-more .page-work-description{font-weight:700}.page-work-more .page-work-link{white-space:normal;color:var(--page-ink)}.page-work-media{width:100%;display:block;overflow:hidden}.page-work-media:focus-visible{outline:2px solid var(--page-ink);outline-offset:4px}.page-work-media--macmix{aspect-ratio:4/3;background:#e1e4e8;position:relative}.page-work-video,.page-work-poster{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.page-work-video{z-index:0}.page-work-poster{z-index:1;transition:opacity .16s ease-out}.page-work-media--yumchicken{aspect-ratio:1;background:#e2e6df;position:relative}.dark .page-work-media--macmix{background:#3d4146}.dark .page-work-media--yumchicken{background:#3e443c}.page-work-title{color:var(--page-ink);font-variation-settings:"EXPO" -25;letter-spacing:0;overflow-wrap:anywhere;margin:18px 0 6px;font-family:Homepage Work Xiangcui,Homepage Exposure,Homepage GT Super Text,Georgia,serif;font-size:24px;font-weight:650;line-height:1.16667}.page-work-description{color:var(--page-ink);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-family:Homepage Work Noto Serif SC,Homepage GT Super Text,Homepage Chinese Serif,serif;font-size:17px;font-weight:400;line-height:1.65}.page-work-links{flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:8px;display:flex}.page-work-link{min-height:44px;color:var(--page-secondary);letter-spacing:0;white-space:nowrap;align-items:center;gap:8px;font-family:Homepage Work Noto Serif SC,Homepage GT Super Text,Homepage Chinese Serif,serif;font-size:17px;line-height:1.3;text-decoration:none;display:inline-flex}.page-work-link:focus-visible{outline-offset:4px;outline:2px solid}.page-work-apple{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-weight:400}.page-work-link-arrow{flex:none;width:20px;height:20px;position:relative;overflow:hidden}.page-work-link-arrow svg{width:100%;height:100%;transition:transform .44s cubic-bezier(.22,1,.36,1),opacity .44s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.page-work-link-arrow--outgoing{opacity:1;transform:translate(0)}.page-work-link-arrow--incoming{opacity:0;transform:translate(-100%,100%)}.page-work-link:is(:hover,:focus-visible) .page-work-link-arrow--outgoing{opacity:0;transform:translate(100%,-100%)}.page-work-link:is(:hover,:focus-visible) .page-work-link-arrow--incoming{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.page-work-link-arrow svg{transition:none}}@media (width<=700px){.page-work{--work-top-space:72px;padding-inline:max(20px, env(safe-area-inset-left,0px));padding-bottom:72px}.page-work-grid{grid-template-columns:minmax(0,1fr);gap:32px}.page-work-media--macmix{aspect-ratio:3/4}.page-work-media--macmix :is(.page-work-video,.page-work-poster){object-fit:cover;object-position:center}.page-work-project--macmix,.page-work-project--yumchicken,.page-work-more{grid-area:auto}.page-work-title{margin-top:16px;font-size:22px}.page-work-description{font-size:16px}.page-work-links{flex-wrap:nowrap;column-gap:clamp(8px,3vw,16px)}.page-work-link{gap:4px;font-size:clamp(12px,3.6vw,14px)}.page-work-link-arrow{width:16px;height:16px}}@supports (animation-timeline:scroll()){@media (width<=700px){.page-gradient-hero{animation:1s linear both page-hero-pin;animation-timeline:scroll(root);animation-range:var(--hero-pin-start,100svh) var(--hero-pin-end,200svh);position:relative;top:auto}}}@keyframes page-hero-pin{0%{transform:translateY(0)}to{transform:translateY(var(--hero-pin-travel,0px))}}@media (width<=600px){.page-navigation{padding-inline:max(20px, env(safe-area-inset-left,0px));gap:12px}.page-identity{font-size:16px}.page-navigation-links{gap:14px}.page-navigation-item{font-size:12px}.page-navigation-play{display:none}.page-navigation-language{font-size:11px}}.page-contact{padding:64px max(32px, env(safe-area-inset-left,0px)) 112px;scroll-margin-top:calc(var(--page-navigation-height) + 32px);color:var(--page-ink)}.page-contact-title{text-align:center;font-variation-settings:"EXPO" 10;letter-spacing:-.035em;margin:0 0 48px;font-family:Homepage Exposure,Homepage GT Super Text,Georgia,serif;font-size:clamp(30px,4.4vw,56px);font-weight:400;line-height:1.25}.page-contact:lang(zh) .page-contact-title{letter-spacing:-.015em;font-family:Homepage Work Xiangcui,Homepage Exposure,serif}.page-contact-intro{text-align:left;width:fit-content;max-width:100%;margin-inline:auto;font-family:Homepage Work Noto Serif SC,Homepage GT Super Text,Homepage Chinese Serif,serif;font-size:17px;line-height:1.65}.page-contact-intro h3{margin:0 0 6px}.page-contact-profile{--contact-avatar-size:72px;--contact-avatar-gap:14px;width:fit-content;transform:translateX(calc((var(--contact-avatar-size) + var(--contact-avatar-gap)) / 2));margin-inline:auto;position:relative}.page-contact-avatar{right:calc(100% + var(--contact-avatar-gap));width:var(--contact-avatar-size);height:var(--contact-avatar-size);object-fit:cover;border-radius:50%;position:absolute;bottom:.35em}.page-contact-intro p{margin:8px 0 0}.page-contact-intro>p{text-align:center}.page-contact-intro .page-contact-profile+p{margin-top:16px}.page-contact-intro .page-contact-subtitle{color:var(--page-secondary);margin-top:0}.page-contact-links{flex-direction:column;align-items:center;gap:12px;margin-top:32px;display:flex}.page-contact-links .page-work-link{color:var(--page-ink)}@media (width<=700px){.page-contact{padding:40px max(20px, env(safe-area-inset-left,0px)) 72px}.page-contact-title{margin-bottom:32px}.page-contact-intro{font-size:16px}.page-contact-profile{--contact-avatar-size:64px;--contact-avatar-gap:12px}.page-contact-links{gap:8px;margin-top:24px}}@media (width<=600px){.page-contact-title{font-size:clamp(36px,9.5vw,50px)}}.page-work-media--yumchicken :is(.page-work-video,.page-work-poster){object-fit:cover;object-position:center}.site-pages{min-height:100svh;position:relative}.site-page{display:flow-root;position:relative}.site-page[inert]{position:fixed;inset:0;overflow:clip}.site-page-scroll{display:flow-root}.site-page[inert]{pointer-events:none}.site-page-loading{place-items:center;min-height:100svh;display:grid}.site-page-error{z-index:100;background:var(--paper-color);color:var(--page-ink);border-radius:12px;padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0002}.site-page-error button{cursor:pointer;margin-inline-start:12px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#fff;--text:#1f2328;--sans:"SF Pro Text", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{max-width:100%;min-height:100vh;color:var(--text);background:var(--background);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow-x:clip}img,canvas{display:block}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}