/* The opening is one portrait-led introduction; current roles follow it. */
.home-page,.about-page{min-width:0}
.home-opening{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding-block:32px 48px}
.home-name-group{grid-column:1/7;min-width:0}.home-face{grid-column:7/-1;min-width:0}
.personal-name{font-size:2.285714rem;line-height:1.15;font-weight:600;letter-spacing:-.035em;margin:0}.personal-other-name{margin:12px 0 0;color:var(--muted);font-size:1rem;line-height:1.5}
.home-background{margin:32px 0 24px;max-width:38em;line-height:1.85}
.personal-profiles{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:0}.personal-profiles a{display:inline-flex;gap:8px;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}.personal-profiles a:hover{color:var(--accent)}.personal-profiles svg{width:18px;height:18px;flex:none}.personal-profiles .profile-label{white-space:nowrap}
.personal-portrait{display:block;inline-size:100%;block-size:auto;max-height:480px;object-fit:contain;object-position:center right}html[data-theme=dark] .home-face{filter:brightness(2) saturate(.8)}
.home-current{border-top:1px solid var(--line);padding-block:24px 32px}.home-current h2{font-size:.928571rem;font-weight:400;color:var(--muted);margin:0 0 16px}.home-current ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px;list-style:none;padding:0;margin:0}.home-current li{min-width:0;line-height:1.7}.current-role,.current-institution{display:block}.current-role{font-weight:500}.current-institution{font-size:.928571rem;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.home-personal{padding-bottom:48px}.identity-wall{padding-block:24px 32px;border-top:1px solid var(--line)}.identity-wall h2{font-size:1.142857rem;font-weight:500;line-height:1.5;margin:0 0 24px}.identity-word-field{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 24px}.identity-word{font-size:1.071429rem;line-height:1.7;font-weight:400;white-space:nowrap;color:var(--ink)}.identity-word.word-strong{font-weight:600}.identity-word.word-quiet{color:var(--muted)}.identity-word.word-soft{color:color-mix(in srgb,var(--ink) 75%,var(--bg))}.identity-word.word-blue{color:var(--accent)}.identity-word.word-outline{font-weight:600;-webkit-text-stroke:.6px currentColor;color:var(--muted)}
@supports(-webkit-text-stroke:1px black){.identity-word.word-outline{-webkit-text-fill-color:transparent}}
/* Five paragraphs remain a continuous composition; the scene belongs to the group. */
.self-story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(5,auto);gap:32px 32px;align-items:start;margin-top:16px}.self-paragraph{grid-column:1/9;font-family:var(--prose,var(--ui));font-size:1rem;line-height:1.95;max-inline-size:58em;margin:0;text-wrap:pretty;overflow-wrap:break-word}.self-intro{grid-row:1}.self-background{grid-row:2;margin-inline-start:5%}.self-feelings{grid-row:3}.self-moon-copy{grid-row:4;margin-inline-start:9%}.self-ending{grid-row:5}.self-scene{grid-column:9/-1;grid-row:1/6;margin:0;align-self:center;pointer-events:none}.self-scene img{width:100%;height:auto;display:block}html[lang=en] .self-paragraph{font-family:var(--ui);max-inline-size:80ch;line-height:1.85}html[data-theme=dark] .self-scene img{filter:grayscale(1) invert(1) brightness(1.6);opacity:.85}
/* Work and writing form one ending, with two different reading speeds. */
.home-onward{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,3fr);gap:48px;background:#f0f3f8;margin-inline:calc(-1*var(--gutter));padding:32px var(--gutter) 48px;border-top:1px solid var(--line)}html[data-theme=dark] .home-onward{background:#272c35}
.onward-work{container:home-work/inline-size;min-width:0}.onward-work>header{display:flex;align-items:baseline;gap:24px;margin-bottom:24px}.home-onward h2{font-size:1.142857rem;margin:0;font-weight:500}.onward-work>header>a{font-size:.928571rem;display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}.home-work-items{display:grid;grid-template-columns:1fr;gap:32px}.home-work-items article{min-width:0}.home-work-items h3{font-size:1.142857rem;line-height:1.5;font-weight:600;margin:0 0 12px}.home-work-items h3 a{color:var(--ink);text-decoration:none}.home-work-items p{font-size:1rem;line-height:1.85;color:var(--muted);margin:0;max-width:68ch}.home-work-items a:hover{color:var(--accent)}
.onward-writing{min-width:0}.onward-writing ul{padding:0;margin:16px 0 24px;list-style:none}.onward-writing li a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block:8px;min-height:44px;text-decoration:none;color:var(--ink)}.onward-about{display:inline-flex;align-items:baseline;min-height:44px;gap:8px;color:var(--ink);text-decoration:none;font-size:.928571rem}
@container home-work (min-width:980px){.home-work-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}

/* Places begin with their own documentary material, then move into objects. */
.about-page{padding-top:32px}
.hong-kong{min-width:0}
.hong-kong-copy{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:baseline;margin-bottom:24px}
.hong-kong-copy h1{grid-column:1/5;font-size:1.285714rem;line-height:1.55;font-weight:500;margin:0}
.hong-kong-copy p{grid-column:5/-1;max-width:38em;line-height:1.85;margin:0}
.harbour-pair{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}
.harbour-photograph{margin:0;min-width:0}
.harbour-photograph a{display:block;overflow:hidden;background:var(--soft)}
.harbour-photograph img,.harbour-photograph .image-reveal>img:not(.image-preview){display:block;width:100%;height:clamp(250px,26vw,370px);object-fit:cover}
.harbour-panorama img,.harbour-panorama .image-reveal>img:not(.image-preview){object-position:center 73%}
.harbour-boat img,.harbour-boat .image-reveal>img:not(.image-preview){object-position:65% 65%}
.harbour-photograph figcaption{font-size:.857143rem;color:var(--muted);line-height:1.6;margin-top:8px}
.beijing-life,.friends-life{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:48px;align-items:start}
.life-copy{min-width:0}
.life-copy .place-kicker{font-size:.857143rem;color:var(--muted);margin:0 0 8px;line-height:1.6}
.life-copy h2{font-size:1.285714rem;font-weight:500;line-height:1.6;margin:0 0 16px}
.life-copy p{max-width:38em;line-height:1.85;margin:0}
.beijing-life>.life-copy{grid-column:1/5}
.beijing-life>.photo-window{grid-column:5/-1}
.friends-life>.life-copy{grid-column:9/-1;grid-row:1}
.friends-life>.photo-window{grid-column:1/9;grid-row:1}
.about-objects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:48px;align-items:start}
.object-intro{grid-column:1/5;min-width:0;padding-top:16px}
.object-intro h2{font-size:1.285714rem;font-weight:500;line-height:1.5;margin:0 0 16px}
.object-intro p{font-size:.928571rem;line-height:1.85;color:var(--muted);margin:0;max-width:26em}
.object-content{grid-column:5/-1;min-width:0}
.about-music{margin-top:48px}
.about-capabilities{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.about-capabilities>header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.about-capabilities h2{font-size:1.285714rem;font-weight:500;margin:0}
.about-capabilities>header a{font-size:.928571rem;display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
.capability-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
.capability-field{min-width:0;border-top:1px solid var(--line);padding-top:12px}
.capability-field h3{font-size:.928571rem;font-weight:500;margin:0 0 10px;color:var(--accent)}
.capability-field p{margin:0 0 8px;line-height:1.85;text-wrap:pretty}
.capability-field-3{grid-column:span 2}
.about-impressions,.about-footprint{margin-top:64px}
.about-impressions>header,.about-footprint>header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.about-impressions>header h2,.about-footprint>header h2{font-size:1.285714rem;font-weight:500;line-height:1.5;margin:0}
.section-skip{min-height:44px;display:inline-flex;align-items:center;font-size:.928571rem;color:var(--muted)}
.about-footprint>header p{margin:0;color:var(--muted);font-size:.928571rem;line-height:1.8}
.about-footprint{padding-bottom:48px}


@media(max-width:1023px){.home-opening{grid-template-columns:repeat(8,minmax(0,1fr));gap:20px;padding-block:28px 40px}.home-name-group{grid-column:1/5}.home-face{grid-column:5/-1}.personal-portrait{max-height:360px}.home-current ul{grid-template-columns:repeat(2,minmax(0,1fr))}.self-story{column-gap:24px}.self-paragraph{grid-column:1/9}.self-scene{grid-column:9/-1}.harbour-pair{gap:20px}.beijing-life,.friends-life,.about-objects{column-gap:20px}}
@media(max-width:700px){
.home-opening{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px;padding-block:24px 32px}.home-name-group{display:contents}.home-opening .personal-identity{grid-column:1/4;grid-row:1;align-self:center}.home-face{grid-column:4/-1;grid-row:1}.personal-name{font-size:2rem;line-height:1.18}.personal-other-name{font-size:.928571rem;margin-top:8px}.personal-portrait{max-height:220px;min-height:140px;object-fit:contain}.home-background{grid-column:1/-1;grid-row:2;margin:0}.personal-profiles{grid-column:1/-1;grid-row:3;gap:0 20px}.personal-profiles svg{width:16px;height:16px}.home-current{padding-block:24px}.home-current ul{grid-template-columns:1fr;gap:12px}.home-current li{display:grid;grid-template-columns:1fr;gap:4px}html[data-size=large] .home-current li{grid-template-columns:1fr;gap:4px}.current-institution{margin:0}.identity-wall{padding-block:24px}.identity-wall h2{margin-bottom:16px}.identity-word-field{gap:8px 16px}.identity-word{font-size:1.076923rem}.home-personal{padding-bottom:32px}.self-story{display:flex;flex-direction:column;gap:24px;margin-top:8px}.self-paragraph{margin:0;max-width:100%;line-height:2}.self-background{margin-left:12px}.self-moon-copy{margin-left:16px}.self-scene{align-self:center;width:min(100%,320px);margin:0}.home-onward{grid-template-columns:1fr;gap:32px;padding-block:24px 32px}.home-onward h2{font-size:1.230769rem}.onward-writing{border-top:1px solid var(--line);padding-top:24px}.home-work-items{gap:24px}.home-work-items h3{font-size:1.153846rem;margin-bottom:8px}.onward-work>header{gap:16px;margin-bottom:20px}
.about-page{padding-top:24px}.hong-kong-copy{display:block;margin-bottom:20px}.hong-kong-copy h1{font-size:1.384615rem;margin-bottom:12px}.hong-kong-copy p{max-width:none}.harbour-pair{grid-template-columns:1fr;gap:16px}.harbour-photograph img,.harbour-photograph .image-reveal>img:not(.image-preview){height:auto;aspect-ratio:1.65}.harbour-panorama img,.harbour-panorama .image-reveal>img:not(.image-preview){aspect-ratio:1.8}.harbour-photograph figcaption{font-size:.923077rem}.beijing-life,.friends-life,.about-objects{display:flex;flex-direction:column;gap:16px;margin-top:32px}.life-copy h2,.object-intro h2{font-size:1.384615rem;margin-bottom:12px}.life-copy p{max-width:none}.beijing-life>.photo-window,.friends-life>.photo-window,.object-content{width:100%}.life-copy .place-kicker{margin-bottom:6px}.object-intro{padding:0}.object-intro p{max-width:none;font-size:.923077rem}.about-drinks{margin-top:40px}.about-music{margin-top:32px}.about-impressions,.about-footprint{margin-top:40px}.about-impressions>header h2,.about-footprint>header h2{font-size:1.384615rem}.about-footprint>header{display:block}.about-footprint>header p{margin-top:8px}.about-footprint{padding-bottom:32px}}
@media print{.personal-profiles,.section-skip,.onward-writing,.onward-work>header>a{display:none!important}.home-opening{padding-block:16px}.personal-portrait{max-height:220px}.home-current{break-inside:avoid}.self-story{gap:16px}.self-scene{max-width:180px}.self-paragraph{break-inside:avoid}.home-onward{display:block;margin-inline:0;padding:16px 0;background:none}.about-objects,.beijing-life,.friends-life{break-inside:avoid}}

@media(max-width:700px){.about-capabilities{margin-top:32px;padding-top:16px}.about-capabilities>header{align-items:flex-start;flex-wrap:wrap;gap:4px}.about-capabilities h2{font-size:1.384615rem}.capability-fields{grid-template-columns:1fr;gap:16px}.capability-field{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding-top:12px}.capability-field h3{font-size:.923077rem;margin:0}.capability-field p{margin:0 0 8px}.capability-field-3{grid-column:auto}}

.current-institution a{color:inherit;text-decoration:none;display:inline-block;min-height:24px}.current-institution a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.current-institution a>span{font-size:.85em;color:var(--muted)}
.site-preview-popup{position:fixed;z-index:80;display:block;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 12px 32px #0002;max-width:calc(100vw - 40px)}
.preview-chrome{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--soft);line-height:1.5}.preview-dots{font-size:8px;letter-spacing:2px;white-space:nowrap;color:var(--muted);flex:none}.preview-host{font-family:var(--mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.site-preview-popup img{display:block;width:100%;height:auto;background:#f7f7f5}.preview-caption{display:block;padding:6px 12px;font-size:11px;line-height:1.5;color:var(--muted)}
@media(max-width:767px){.site-preview-popup{display:none!important}.current-institution a{min-height:44px;align-content:center}}
@media print{.site-preview-popup{display:none!important}}