@font-face{font-family:Portfolio Serif;src:url(fonts/portfolio-serif.woff2) format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Portfolio Sans;src:url(fonts/portfolio-sans.woff2) format('woff2');font-display:swap;font-weight:400}
:root{--paper:#faf7ff;--ink:#26222c;--muted:#756d7e;--accent:#7936dc;--line:#ded6e9;--serif:'Portfolio Serif',Georgia,serif;--sans:'Portfolio Sans',Arial,sans-serif;--gutter:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--sans);font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}a,button{touch-action:manipulation}a:hover,button:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:auto}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}ul{list-style:none;padding:0;margin:0}html[data-mode=zh] [lang=en],html[data-mode=en] [lang=zh]{display:none!important}[hidden]{display:none!important}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:12px}.sidebar{position:fixed;inset:36px auto 28px 32px;width:145px;z-index:20;display:flex;flex-direction:column}.side-name{display:block;font:24px/1.25 var(--serif);margin-bottom:48px}.side-panel{display:flex;flex-direction:column;flex:1;min-height:0}.side-panel nav{display:grid;gap:7px;font-size:13px}.side-panel nav a{width:fit-content}.side-panel a[aria-current=page]{color:var(--accent)}.side-panel nav a[aria-current=page]:before{content:'↳';position:absolute;left:-19px}.side-bottom{margin-top:auto;padding-top:32px;font-size:11px;color:var(--muted)}.languages{display:flex;gap:14px;font-size:12px}.languages [aria-pressed=true]{color:var(--accent);text-decoration:underline;text-underline-offset:5px}.side-bottom small{display:block;margin-top:18px;font-size:10px}.side-index{margin-top:38px;font-size:11px;overflow:auto;max-height:55vh}.side-index summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding-right:12px;color:var(--muted)}.side-index summary::-webkit-details-marker{display:none}.side-index>div{padding-top:15px}.side-index a{display:block;margin-bottom:13px;line-height:1.5;padding-right:12px}.side-index small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.menu-toggle{display:none}.page-main{margin-left:224px;padding:36px 44px 56px 0;max-width:1432px}.page-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:44px;gap:24px}.page-heading h1{font:52px/1.2 var(--serif);color:var(--accent)}.view-switch{display:flex;gap:11px;color:var(--muted);font-size:11px}.view-switch [aria-pressed=true]{color:var(--accent)}
/* The same twelve columns organise titles, images, text and their captions. */
.project-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:end;margin-bottom:32px}.project-heading h1{grid-column:1/9;font:clamp(32px,3.55vw,52px)/1.3 var(--serif);text-wrap:balance}.project-meta{grid-column:9/13;font-size:11px;line-height:1.7;color:var(--muted)}.project-meta>span{display:block}.project-meta>span:first-child{color:var(--accent);margin-bottom:6px;letter-spacing:.035em}.long-title .project-heading h1{font-size:28px;line-height:1.55}.project-opening{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:start}.project-opening .cover{grid-column:1/9}.project-opening .project-intro{grid-column:9/13}.reading-text{font:15px/1.95 var(--serif);overflow-wrap:break-word}.reading-text p+p{margin-top:21px}html[data-mode=en] .reading-text{font-size:16px;line-height:1.65}.project-intro p+p{font-size:13px;line-height:1.85;color:#5f645c}html[data-mode=en] .project-intro p+p{font-size:14px;line-height:1.65}.project-intro a,.reading-text a,.text-link{color:var(--accent)}figcaption{font:11px/1.65 var(--sans);margin-top:10px;color:var(--muted)}figcaption [lang=en]{font:italic 13px/1.5 Georgia,serif}.figure-number{font:10px var(--sans);color:var(--accent);margin-right:4px}.image-zoom{display:block;width:100%;cursor:zoom-in}.image-sequence{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px var(--gutter);margin-top:48px;align-items:start}.image-sequence figure{grid-column:span 6}.image-sequence figure:nth-child(3n+1){grid-column:span 7}.image-sequence figure:nth-child(3n+2){grid-column:span 5;align-self:end}.image-sequence figure:nth-child(3n){grid-column:3/11;margin-block:12px}.image-sequence figure.portrait{grid-column:span 4;max-width:360px}.image-sequence figure.portrait+figure:not(.portrait){grid-column:span 8}.image-sequence img{object-fit:contain}.image-sequence:empty{display:none}.video{width:calc(66.6667% - 10px);margin:48px 0 0;aspect-ratio:16/9}.video iframe{width:100%;height:100%;border:0;background:#171717}.cover .video{width:100%;margin:0}.video-caption{font-size:11px;color:var(--muted);margin-top:8px}.film-cover{display:block;position:relative}.play-label{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;font-size:12px;color:var(--accent)}.work-notes{margin-top:32px;padding-left:calc(66.6667% + 9px);font-size:11px;color:var(--muted)}.work-notes p{margin-bottom:10px}.related{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px;font-size:12px;align-items:baseline}.related>span{color:var(--muted);margin-right:16px}.related a{color:var(--accent)}.project-pagination{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:20px;margin-top:72px;font-size:12px}.project-pagination a{display:grid;gap:9px;max-width:44%}.project-pagination a>span:first-child{color:var(--muted);font-size:10px}.project-pagination a:last-child{text-align:right}.lightbox{border:0;padding:42px;background:var(--paper);width:calc(100vw - 48px);max-width:1600px;max-height:95vh;color:var(--ink)}.lightbox::backdrop{background:#171914da}.lightbox img{max-height:78vh;object-fit:contain}.lightbox p{text-align:center;font-size:12px;margin-top:10px}.lightbox-close{position:absolute;right:15px;top:4px;font:30px var(--sans)}.image-open{overflow:hidden}
/* A continuous work index: alternating widths, shared caption baselines. */
.catalog[data-layout=images]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px var(--gutter);align-items:end}.catalog-item{min-width:0}.catalog[data-layout=images] .catalog-item{grid-column:span 6}.catalog[data-layout=images] .catalog-item:nth-child(4n+1){grid-column:span 7}.catalog[data-layout=images] .catalog-item:nth-child(4n+2){grid-column:span 5}.catalog-item>a{display:block;position:relative}.catalog-no{font-size:10px;color:var(--accent)}.catalog[data-layout=images] .catalog-no{display:block;margin-bottom:8px}.catalog-image img{max-height:480px;object-fit:contain;object-position:left bottom}.catalog-caption{position:relative;padding-top:13px;display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:baseline}.catalog-caption h2{font:22px/1.45 var(--serif)}.catalog-caption .catalog-year{font-size:10px;color:var(--accent);white-space:nowrap}.catalog-medium{grid-column:1/-1;font-size:10px;color:var(--muted)}html[data-mode=en] .catalog-medium{font:italic 12px/1.5 Georgia,serif}.catalog-arrow{display:none}.catalog-item.long-title h2{font-size:17px}.catalog[data-layout=list]{border-top:1px solid var(--line)}.catalog[data-layout=list] .catalog-item>a{display:grid;grid-template-columns:32px 1fr;gap:22px;padding:17px 0;border-bottom:1px solid var(--line);align-items:baseline}.catalog[data-layout=list] .catalog-image{display:none}.catalog[data-layout=list] .catalog-caption{padding:0}.catalog[data-layout=list] .catalog-caption h2{font-size:20px}
.news-entry{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start}.news-year{grid-column:1/3;font:24px/1.2 var(--serif);color:var(--accent);padding-top:5px}.news-dates{display:block;font:12px var(--sans);margin-top:12px}.news-image{grid-column:3/8}.news-content{grid-column:8/13;padding-left:0}.news-content h2{font:26px/1.5 var(--serif);margin:16px 0}.news-venue{font:20px/1.6 var(--serif)}.news-credit{font-size:11px;color:var(--muted);margin-top:7px}.upcoming{font-size:10px;color:var(--accent)}.upcoming:before{content:'↗ ';margin-right:4px}.news-description{font-size:13px;line-height:1.9;margin-top:30px}.text-link{display:inline-block;font-size:12px;margin-top:24px}.about-copy{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}.about-copy h2{grid-column:1/5;font:40px/1.3 var(--serif)}.about-copy .reading-text{grid-column:5/12;font-size:17px;line-height:1.95}.about-copy .text-link{grid-column:5/12}.contact-links{padding-left:17%;display:grid;gap:20px;font:clamp(20px,2.6vw,36px)/1.5 var(--serif);padding-top:25px}.contact-links a{width:fit-content}.contact-links a span{color:var(--accent);font:17px var(--sans);margin-left:20px}.cv-sections{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:11px;color:var(--accent);margin-bottom:48px}.cv-section{display:grid;grid-template-columns:2fr 7fr;gap:var(--gutter);padding:20px 0 38px;border-top:1px solid var(--line)}.cv-section h2{font:19px/1.6 var(--serif);color:var(--accent)}.cv-section li{display:grid;grid-template-columns:82px 1fr;gap:18px;margin-bottom:14px;font-size:13px;line-height:1.8}.cv-year{font-size:11px;color:var(--muted)}.cv-section a:hover{text-decoration:underline;text-underline-offset:3px}.print-cv{font-size:11px;color:var(--accent)}
/* The entrance retains one name and one image. */
.entrance{min-height:100svh;position:relative;max-width:1700px;margin:auto;padding:34px 5vw 36px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-content:center}.name-composition{grid-column:1/6;grid-row:1;align-self:center;z-index:2;font:clamp(60px,10.2vw,158px)/1.05 var(--serif);color:var(--accent);pointer-events:none}.name-composition a{pointer-events:auto}.name-top,.name-bottom{display:block}.name-top{font-size:.72em}.name-bottom{margin-left:15%}.name-zh{font-size:1.25em;white-space:nowrap}.hero-art{grid-column:5/13;grid-row:1;align-self:center;margin-block:30px}.hero-art img{height:auto}.hero-art figcaption{display:flex;justify-content:space-between;font-size:10px}.hero-controls{grid-column:5/9;display:flex;gap:20px;font-size:11px}.enter-link{grid-column:11/13;text-align:right;color:var(--accent);font-size:16px}.entrance-language{position:absolute;right:5vw;top:28px}
@media(min-width:1600px){.page-main{margin-left:260px;padding-right:64px}.sidebar{left:40px;width:150px}}
@media(max-width:1050px){:root{--gutter:22px}.sidebar{left:24px;width:122px}.page-main{margin-left:186px;padding-right:28px}.project-heading h1{font-size:34px}.project-opening .cover{grid-column:1/8}.project-opening .project-intro{grid-column:8/13}.reading-text{font-size:14px}.catalog-caption h2{font-size:19px}.news-year{grid-column:1/4}.news-image{grid-column:4/9}.news-content{grid-column:9/13}.news-content h2{font-size:21px}}
@media(max-width:760px){:root{--gutter:18px}.sidebar{position:relative;inset:auto;width:auto;margin:22px 22px 32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.side-name{margin:0;font-size:22px}.menu-toggle{display:block;font-size:12px;color:var(--accent)}.side-panel{display:none;position:absolute;top:44px;left:-22px;right:-22px;height:auto;background:var(--paper);padding:16px 22px 28px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #2222220a}.menu-open .side-panel{display:flex}.side-panel nav{grid-template-columns:repeat(3,1fr);gap:17px}.side-panel nav a[aria-current=page]:before{display:none}.side-index{margin-top:24px;max-height:45vh}.side-bottom{padding-top:24px;display:flex;align-items:baseline;justify-content:space-between}.side-bottom small{margin:0}.page-main{margin:0;padding:0 22px 36px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:38px}.project-heading{display:block;margin-bottom:24px}.project-heading h1{font-size:34px}.long-title .project-heading h1{font-size:24px}.project-meta{display:flex;flex-wrap:wrap;gap:4px 15px;margin-top:17px;font-size:10px}.project-meta>span:first-child{margin:0}.project-opening{display:flex;flex-direction:column;gap:24px}.project-opening .cover,.project-opening .project-intro{width:100%}.reading-text{font-size:15px;line-height:1.9}.project-intro{max-width:38em}.image-sequence{gap:28px 16px;margin-top:32px;grid-template-columns:1fr 1fr}.image-sequence figure,.image-sequence figure:nth-child(n),.image-sequence figure.portrait+figure:not(.portrait){grid-column:1/-1;margin:0;max-width:none}.image-sequence figure.portrait{grid-column:auto}.video{width:100%;margin-top:30px}.work-notes{padding:0;margin-top:28px}.project-pagination{margin-top:40px}.catalog[data-layout=images]{grid-template-columns:1fr 1fr;gap:32px 16px;align-items:start}.catalog[data-layout=images] .catalog-item:nth-child(n){grid-column:span 1}.catalog[data-layout=images] .catalog-item:first-child{grid-column:1/-1}.catalog-caption{display:block;padding-top:9px}.catalog-caption h2{font-size:17px}.catalog-caption .catalog-year{display:block;margin-top:4px}.catalog-medium{margin-top:3px}.catalog-item.long-title h2{font-size:14px}.catalog[data-layout=list] .catalog-caption{display:grid}.catalog[data-layout=list] .catalog-caption h2{font-size:17px}.news-entry{grid-template-columns:1fr 1fr;gap:24px 16px}.news-year{grid-column:1/-1;font-size:22px}.news-year>div{display:flex;gap:14px;align-items:baseline}.news-dates{margin:0}.news-image{grid-column:1}.news-content{grid-column:2}.news-content h2{font-size:20px;margin:10px 0}.news-venue{font-size:17px}.news-credit{font-size:10px}.news-description{margin-top:22px;font-size:12px}.text-link{margin-top:18px}.about-copy{display:block}.about-copy h2{font-size:29px;margin-bottom:24px}.about-copy .reading-text{font-size:16px}.cv-sections{margin-bottom:30px}.cv-section{display:block;padding:17px 0 24px}.cv-section h2{margin-bottom:17px;font-size:21px}.cv-section li{grid-template-columns:64px 1fr;gap:12px;font-size:12px}.contact-links{padding:10px 0;font-size:22px;overflow-wrap:anywhere}.contact-links a span{margin-left:6px}.lightbox{padding:35px 12px 14px;width:calc(100vw - 20px)}.entrance{padding:60px 22px 34px;display:flex;flex-wrap:wrap;align-content:center;gap:24px;min-height:100svh}.name-composition{font-size:17vw;flex:0 0 100%;line-height:1;position:relative}.name-composition .name-zh{font-size:1.5em}.name-top,.name-bottom{display:block;margin:0}.name-bottom{margin-left:18%}.name-top{font-size:.9em}.hero-art{width:100%;margin:0}.hero-art img{max-height:50vh}.hero-controls{flex:1}.enter-link{flex:1}.entrance-language{right:22px;top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white;font-size:10pt}.sidebar,.skip,.cv-sections,.print-cv{display:none}.page-main{margin:0;padding:0;max-width:none}.page-heading h1{font-size:24pt}.cv-section{break-inside:avoid}.cv-section li{font-size:9pt}a{color:inherit}}