@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/ibm-plex-mono-400.woff2') format('woff2')}
/* 2026-10: one authored system. Page composition precedes responsive/state rules. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('./assets/dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('./assets/dm-sans-600.ttf') format('truetype')}
@font-face{font-family:'Noto Site SC';font-style:normal;font-weight:100 900;font-display:swap;src:url('./assets/noto-sc.woff2') format('woff2')}
@font-face{font-family:'Noto Site TC';font-style:normal;font-weight:100 900;font-display:swap;src:url('./assets/noto-tc.woff2') format('woff2')}
@font-face{font-family:'WenKai Essay';font-style:normal;font-weight:400;font-display:swap;src:url('./assets/wenkai-essay.woff2') format('woff2')}
:root{
 --site-font-size:14px;--text-meta:.928571rem;--text-small:1rem;--text-body:1rem;--text-subheading:1.142857rem;--text-section:1.285714rem;--text-title:1.571429rem;--text-page:1.714286rem;--text-display:clamp(1.2rem,1.7vw,1.5rem);--text-hero:2.285714rem;--text-origin:1.714286rem;--text-card-name:var(--text-hero);--text-work-lead:1.428571rem;
 --sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--sp-48:48px;--sp-56:56px;--sp-64:64px;--sp-80:80px;--sp-96:96px;
 --page-width:1440px;--page-gutter:clamp(20px,5vw,80px);--section-before:64px;--section-after:32px;--page-end:80px;--layout-column-gap:var(--sp-48);--font-ui:'DM Sans','Noto Site SC','PingFang SC',sans-serif;--font-meta:'IBM Plex Mono','Noto Site SC',sans-serif;--font-prose:'WenKai Essay','Noto Site SC',serif;
 --bg:#f7f7f5;--surface:#fff;--ink:#232427;--muted:#5f6368;--line:#d3d5d8;--accent:#2949c7;--lilac:#ddd6ea;--yellow:#e6e5ab;--panel-ink:#202125;--paper:#f7f7f5;--selection:#dbe1fc;
 font-size:var(--site-font-size);color-scheme:light;
}
:root[data-large-text=true]{--site-font-size:17px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--text-body)/1.7 var(--font-ui);min-height:100dvh;display:flex;flex-direction:column}body[data-lang=tw]{--font-ui:'DM Sans','Noto Site TC','PingFang TC',sans-serif;--font-prose:'WenKai Essay','Noto Site TC',serif}body[data-lang=en]{--font-prose:var(--font-ui)}body[data-theme=dark]{--bg:#202124;--surface:#292a2d;--ink:#eceeed;--muted:#b8b8b2;--line:#50525a;--accent:#acbbff;--selection:#394573;color-scheme:dark}
main{flex:1;min-width:0;padding-bottom:var(--page-end)}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em;font-weight:600;text-wrap:pretty}h1{font-size:var(--text-page)}h2{font-size:var(--text-section)}h3{font-size:var(--text-subheading)}p{overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;text-underline-offset:.22em}a:hover{text-decoration:underline}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button,a,input{touch-action:manipulation}button{min-height:44px}button:disabled{opacity:.5;cursor:default}button,summary,a{ -webkit-tap-highlight-color:transparent}summary{cursor:pointer;min-height:44px;padding-block:var(--sp-10)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--selection)}[hidden]{display:none!important}[data-icon]{width:18px;height:18px;display:inline-flex;flex:none;vertical-align:middle}[data-icon] svg{width:100%;height:100%}.wrap{width:min(var(--page-width),calc(100% - var(--page-gutter)*2));margin-inline:auto}.eyebrow{font-size:var(--text-meta);font-weight:500;letter-spacing:.045em;color:var(--muted)}.text-link,.reader-back,.reader-open{display:inline-flex;align-items:center;gap:var(--sp-12);min-height:44px;font-size:var(--text-small)}.source-links{display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-24)}.source-links a{display:inline-flex;gap:var(--sp-8);align-items:center;min-height:44px;color:var(--accent);font-size:var(--text-small)}.skip-link{position:fixed;top:-100px;left:20px;z-index:9999;padding:var(--sp-12) var(--sp-20);background:var(--ink);color:var(--bg)}.skip-link:focus{top:10px}.record-anchor{position:absolute;width:0;height:0;overflow:hidden}
/* Experience: section labels anchor the page; each record remains one reading unit. */
.exp-record.exp-position{grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-12) var(--sp-24);padding-block:var(--sp-24)}
.exp-date{grid-column:2;grid-row:1;font-size:var(--text-meta);font-family:var(--font-meta);color:var(--muted);white-space:nowrap}
.exp-position .exp-record-body{grid-column:1;grid-row:1;min-width:0}
.exp-position .exp-work{grid-column:1/-1;min-width:0;padding-left:var(--sp-40);max-width:72em}
.exp-position .exp-record-heading{display:block}.exp-position .exp-record-heading h3{font-size:var(--text-subheading);font-weight:500}
.exp-position .exp-role{display:block;margin-top:var(--sp-4);font-size:var(--text-meta);color:var(--muted)}
.exp-position .exp-marks{float:left;width:24px;margin:0 var(--sp-16) var(--sp-8) 0}.exp-position .exp-marks img{width:24px;height:24px;padding:0}
.exp-position .exp-record-heading,.exp-position .exp-record-context,.exp-position .exp-outcome{margin-left:var(--sp-40)}
.exp-position .exp-summary{margin:0}.exp-position .exp-outcome{display:block;margin-top:var(--sp-4)}
.exp-position .exp-record-context{margin-top:var(--sp-8)}.exp-position .exp-detail-body{margin-top:var(--sp-8)}
@media(min-width:1001px){.exp-page .exp-section{display:grid;grid-template-columns:minmax(140px,2fr) minmax(0,10fr);gap:var(--sp-32);align-items:start}.exp-page .exp-section>header{border:0;padding-top:var(--sp-24);padding-bottom:0}.exp-section>header h2{font-size:var(--text-section);max-width:10em}.exp-section-content{border-top:1px solid var(--line)}.exp-page .exp-section{margin-top:var(--sp-48)}.exp-section-content>.exp-record:first-child{border-top:0}}
@media(max-width:700px){.exp-record.exp-position{grid-template-columns:1fr;gap:var(--sp-12)}.exp-position .exp-date{grid-column:1;grid-row:1}.exp-position .exp-record-body{grid-column:1;grid-row:2}.exp-position .exp-work{grid-column:1;grid-row:3;padding-left:0}.exp-position .exp-work:empty{display:none}.exp-position .exp-record-context{margin-top:var(--sp-8)}}
/* Shared navigation: the compact glyph keeps a full touch target. */
.site-header{display:flex;align-items:center;gap:var(--sp-20);min-height:88px;padding:var(--sp-12) max(var(--page-gutter),calc((100% - var(--page-width))/2));border-bottom:1px solid var(--line);font-size:var(--text-small);position:relative;z-index:10}.brand{font-weight:600;white-space:nowrap;letter-spacing:-.04em;min-height:44px;display:flex;align-items:center}.desktop-nav{display:flex;align-items:center;gap:var(--sp-16);margin-inline:auto}.desktop-nav>a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;white-space:nowrap;position:relative}.desktop-nav [aria-current=page]{color:var(--accent)}.desktop-nav [aria-current=page]:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--accent)}.contact-trigger{display:inline-flex;align-items:center;gap:var(--sp-8);font-size:var(--text-small)}.header-actions{display:flex;align-items:center;flex:none}
.display-controls{display:flex;align-items:center;gap:var(--sp-4)}
.preference-group{display:flex;align-items:center;min-width:0}
.preference-group>button,.language-link{width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0;font-size:var(--text-small)}
.preference-label,.preference-value{display:none}
.language-link[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.header-actions>button{width:44px;min-height:44px;display:grid;place-items:center;padding:0}
.header-actions [data-menu-toggle]{display:none}
.site-menu{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:var(--sp-24) max(var(--sp-20),env(safe-area-inset-right)) max(var(--sp-24),env(safe-area-inset-bottom)) max(var(--sp-20),env(safe-area-inset-left));margin:0;border:0;background:var(--bg);color:var(--ink);overflow-y:auto;overscroll-behavior:contain}
dialog::backdrop{background:#10121b70}
.site-menu>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--sp-20);border-bottom:1px solid var(--line)}
.site-menu>header button{width:44px}
.site-menu nav{display:flex;flex-direction:column;margin-block:var(--sp-24);max-width:560px}
.site-menu nav>a{display:flex;align-items:center;min-height:48px;padding-block:var(--sp-8);font-size:var(--text-subheading)}
.site-menu nav [aria-current=page]{color:var(--accent)}
.menu-contact{display:flex;flex-wrap:wrap;gap:var(--sp-24);border-top:1px solid var(--line);padding-block:var(--sp-16);max-width:560px}
.menu-contact>.eyebrow{grid-column:1/-1;margin-bottom:var(--sp-8)}
.menu-contact>button,.menu-contact>a{display:flex;align-items:center;gap:var(--sp-8);min-height:44px;text-align:left;font-size:var(--text-small)}
.menu-preferences{display:none}.menu-settings{max-width:560px;border-top:1px solid var(--line);padding-block:var(--sp-16)}.menu-setting{display:grid;grid-template-columns:minmax(80px,1fr) 2fr;gap:var(--sp-16);align-items:start;padding-block:var(--sp-8)}.menu-setting>span{padding-block:var(--sp-12);color:var(--muted);font-size:var(--text-meta)}.menu-setting>div{display:flex;flex-wrap:wrap;gap:var(--sp-8)}.menu-setting button,.menu-setting a{min-width:44px;padding-inline:var(--sp-12);min-height:44px;display:flex;align-items:center;justify-content:center}.menu-setting [aria-pressed=true],.menu-setting [aria-current]{background:var(--ink);color:var(--bg);text-decoration:none}
.menu-preferences .display-controls{display:none}
.menu-preferences .preference-group{display:flex;min-height:44px;gap:var(--sp-8)}
.menu-preferences .preference-label{display:block;flex:1;font-size:var(--text-small);color:var(--muted)}
.menu-preferences .preference-value{display:block;min-width:64px;font-size:var(--text-small)}
.menu-preferences .preference-languages{border-top:1px solid var(--line);padding-top:var(--sp-16);margin-top:var(--sp-8)}
.menu-open{overflow:hidden}
.menu-open .music-dock{visibility:hidden}
.site-footer{border-top:1px solid var(--line);padding:var(--sp-24) max(var(--page-gutter),calc((100% - var(--page-width))/2));font-size:var(--text-meta);color:var(--muted)}.site-footer>div{display:flex;align-items:center;gap:var(--sp-24)}.site-footer a{display:inline-flex;min-height:44px;align-items:center;gap:var(--sp-6)}.back-top{margin-left:auto}.page-heading{padding-block:var(--sp-64) var(--sp-48)}.page-heading h1{max-width:22em;margin-top:var(--sp-16)}.page-heading>p:last-child:not(.eyebrow){margin-top:var(--sp-20);max-width:50em;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:var(--sp-24);align-items:baseline;margin-bottom:var(--sp-32)}.section-heading h2,.section-caption h2{margin-top:var(--sp-8)}
/* Home: image ground, factual band, unranked identities, then a sustained reading. */
.landing{position:relative;min-height:560px;height:74svh;max-height:780px;isolation:isolate;background:var(--bg);overflow:hidden;color:var(--ink)}.hero-bg{position:absolute;inset:0 0 0 auto;width:68%;height:100%;object-fit:contain;object-position:center;z-index:-2;mask-image:linear-gradient(to bottom,#000 88%,transparent)}.identity{height:100%;display:flex;align-items:center}.mast{width:100%}.mast-copy{max-width:38%;padding-block:var(--sp-48)}.hero-name{font-size:var(--text-hero);line-height:1.08;letter-spacing:.015em;font-weight:500}.hero-latin{font-size:var(--text-small);margin-top:var(--sp-16)}.hero-site-label{font-size:var(--text-meta);color:var(--muted);margin-top:var(--sp-32)}.home-paths{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin-top:var(--sp-16)}.home-paths>a,.home-paths>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);font-size:var(--text-small)}.home-paths svg{width:19px;height:19px}.home-paths>a:hover,.home-paths>button:hover{background:var(--ink);color:var(--bg);text-decoration:none}.home-paths .text-link{border-bottom:1px solid var(--line)}.home-now{padding-block:var(--sp-40) var(--sp-56);display:grid;grid-template-columns:80px 1fr;gap:var(--sp-24);border-bottom:1px solid var(--line)}.home-now h2{font-size:var(--text-small);font-weight:400;color:var(--muted)}.home-now ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-24) var(--sp-32);list-style:none;padding:0;margin:0}.home-now li{display:flex;flex-direction:column;gap:var(--sp-6)}.now-org{font-size:var(--text-small);order:2;color:var(--muted)}.now-role{font-size:var(--text-body);font-weight:500;order:1}.home-now>.text-link{grid-column:2;justify-self:end}/* Home: question, a horizontal field of labels, then five passages above the river. */
.home-introduction{padding-top:var(--sp-64)}.identity-pause{width:max-content;max-width:100%;margin:0 auto var(--sp-32)}.identity-ask{font-size:var(--text-section);font-weight:400}.identity-maybe{font-size:var(--text-body);color:var(--muted);margin-top:var(--sp-16)}
.identity-wall{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-12) var(--sp-32);padding:var(--sp-24) 0 var(--sp-48);max-width:100%}
.identity-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-8) var(--sp-24)}.identity-row:nth-child(2){padding-left:12%}.identity-row:nth-child(3){padding-left:25%}.identity-word{font-size:var(--text-subheading);line-height:1.6;white-space:nowrap;font-weight:400}.identity-word.emphasis-strong{font-weight:500}.identity-word.emphasis-soft{color:var(--muted)}.identity-word.emphasis-quiet{color:var(--muted);font-size:var(--text-body)}.identity-word.tone-blue{color:var(--accent)}.identity-word.w-hollow{-webkit-text-stroke:.65px var(--ink);color:transparent;opacity:1}
.personal-note{position:relative;isolation:isolate;padding-bottom:clamp(180px,22vw,300px)}.personal-note>div:first-child{position:absolute;inset:auto 0 0;z-index:-1;pointer-events:none}.personal-scenery{display:block;width:100%}.personal-scene{display:block;width:100%;height:auto;max-width:100%;pointer-events:none}.personal-prose{font-family:var(--font-prose);font-size:var(--text-body);line-height:1.85}.personal-prose #feelings{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-32) var(--sp-24);align-items:start}.personal-prose p{min-width:0}.personal-prose p:nth-child(1){grid-column:6/12}.personal-prose p:nth-child(2){grid-column:5/12}.personal-prose p:nth-child(3){grid-column:6/13}.personal-prose p:nth-child(4){grid-column:5/11}.personal-prose p:nth-child(5){grid-column:7/13}
.home-personal-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-24);padding-top:var(--sp-24)}.home-selection{margin-top:var(--sp-80);padding-top:var(--sp-32);border-top:5px solid var(--accent)}.home-selection>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-24)}.home-work-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-24)}.home-work-link{display:flex;flex-direction:column;align-items:flex-start;grid-column:span 4;padding:var(--sp-32);gap:var(--sp-20);min-width:0;background:var(--surface)}.home-work-link:first-child{grid-column:span 12;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16) var(--sp-48);background:var(--surface);color:var(--ink);border-block:1px solid var(--line);padding:var(--sp-32) 0}.home-work-link:first-child>.eyebrow{grid-column:1/-1;color:var(--muted)}.home-work-link:first-child h3{font-size:var(--text-work-lead);grid-row:2/4;align-self:center}.home-work-link:not(:first-child){grid-column:span 6;border-top:1px solid var(--line);padding-inline:0;background:none}.home-work-link h3{font-size:var(--text-section)}.home-work-link p{max-width:42em}.home-work-link:hover{text-decoration:none}.home-work-link:hover h3{text-decoration:underline;text-underline-offset:.15em}.work-prompt{display:flex;gap:var(--sp-16);align-items:center;font-size:var(--text-small);margin-top:auto}.home-notes{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:var(--sp-24) var(--sp-48);margin-top:var(--sp-80);padding-top:var(--sp-32);border-top:1px solid var(--line)}.home-notes h2{font-size:var(--text-section)}.home-notes>header .text-link{margin-top:var(--sp-16)}.home-notes-list{min-width:0}.home-notes-list .note-entry:first-child{padding-top:0;border-top:0}
/* Work: one full-width lead, two shorter studies, then a readable index. */
.work-featured>.eyebrow{margin-bottom:var(--sp-20)}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-32)}.entry-featured:first-child{grid-column:1/-1;background:var(--surface);color:var(--ink)}.entry-link{display:grid;grid-template-columns:150px minmax(0,1fr) 24px;gap:var(--sp-32);padding-block:var(--sp-32);border-bottom:1px solid var(--line)}.entry-type{font-size:var(--text-meta);color:var(--muted)}.entry-link h3{font-size:var(--text-subheading);margin-bottom:var(--sp-12)}.entry-summary{max-width:45em}.entry-context{display:block;font-size:var(--text-meta);color:var(--muted);margin-top:var(--sp-16)}.entry-prompt{align-self:center}.entry-link:hover{text-decoration:none}.entry-link:hover h3{text-decoration:underline}.entry-featured .entry-link{grid-template-columns:minmax(0,1fr) 24px;gap:var(--sp-24);height:100%}.entry-featured .entry-type{grid-column:1/-1}.entry-featured:first-child .entry-link{padding:var(--sp-40);border:0}.entry-featured:first-child .entry-type,.entry-featured:first-child .entry-context{color:var(--muted)}.entry-featured:first-child h3{font-size:var(--text-work-lead)}.work-index{margin-top:var(--sp-64)}.work-index>h2{margin-bottom:var(--sp-16)}.case-opening{display:grid;grid-template-columns:1fr 2fr;gap:var(--sp-48);padding-top:var(--sp-48)}.case-copy p+p,.publication-copy p+p{margin-top:var(--sp-24)}.case-award{padding:var(--sp-20);background:var(--yellow);color:var(--panel-ink)}.case-sources{margin-top:var(--sp-48);border-top:1px solid var(--line);padding-top:var(--sp-24);display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-24)}.case-sources h2{font-size:var(--text-small);color:var(--muted)}.publication-page,.reader-page{padding-top:var(--sp-40)}.publication-layout{max-width:880px;margin:var(--sp-48) auto 0}.publication-main h1{margin-block:var(--sp-16) var(--sp-24)}.publication-full-title{font-size:var(--text-subheading);margin-bottom:var(--sp-24);max-width:48em}.venue-line{font-size:var(--text-small);margin-block:var(--sp-16)}.venue-line strong{font-weight:500}.reader-version{font-size:var(--text-small);color:var(--muted)}.publication-copy{font-size:var(--text-body);margin-block:var(--sp-32);max-width:48em}.publication-authors{font-size:var(--text-small);color:var(--muted)}.publication-links{margin-top:var(--sp-32)}.reader-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-24);margin-bottom:var(--sp-32)}.reader-identity{flex:1}.reader-identity h1{font-size:var(--text-section)}.reader-open{flex:none}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-32);align-items:start}.reader-canvas{height:max(680px,85dvh);min-width:0;background:var(--surface)}.pdf-viewer{width:100%;height:100%;border:1px solid var(--line)}.reader-aside h2{font-size:var(--text-subheading);margin-block:var(--sp-12) var(--sp-24)}.reader-aside-label{font-size:var(--text-meta);color:var(--muted)}.reader-lede{margin-block:var(--sp-24)}.reader-authors{font-size:var(--text-small);color:var(--muted);margin-bottom:var(--sp-24)}.reader-aside .source-links{display:grid;border-top:1px solid var(--line);padding-top:var(--sp-16)}
/* About starts with place; moments may carry real photographs independently of pins. */

/* About: one spanning harbour composition, then two different photo/text rhythms. */
.about-opening{padding-block:var(--sp-48) var(--sp-64)}
.about-origin{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:var(--sp-24) var(--sp-32);margin-top:var(--sp-24);align-items:start}
.origin-main{grid-row:1/3;display:grid;min-width:0;background:var(--surface)}
.origin-copy{padding:var(--sp-32);display:flex;flex-direction:column;gap:var(--sp-24);align-items:start}
.about-origin h1{font-size:var(--text-body);font-weight:400;line-height:1.6}
.about-origin h1 span{display:block;font-size:var(--text-origin);font-weight:500;letter-spacing:-.04em;line-height:1.15;margin-top:var(--sp-12)}
.origin-copy p{font-size:var(--text-body);line-height:1.8;max-width:25em}
.origin-harbour{width:100%;height:auto;aspect-ratio:2.4/1;object-fit:cover;object-position:center 55%}
.origin-aside{grid-column:2;padding:var(--sp-12) 0;max-width:26em;font-size:var(--text-body);line-height:1.8}
.origin-gallery .moment-photo{flex:0 0 100%}
.origin-gallery .moment-photos{gap:var(--sp-16);padding:0}
.life-sequence{padding-top:var(--sp-24)}
.life-sequence>h2{font-size:var(--text-small);color:var(--muted);font-weight:400}
.life-moment{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-24);align-items:start;margin-top:var(--sp-32)}
.life-moment+.life-moment{margin-top:var(--sp-64)}
.life-moment .moment-copy{grid-column:1/5;max-width:34em}
.life-moment .moment-gallery{grid-column:5/-1}
.life-moment-friends .moment-copy{grid-column:9/-1;grid-row:1}
.life-moment-friends .moment-gallery{grid-column:1/9;grid-row:1}
.life-moment h3{font-size:var(--text-section);margin-block:var(--sp-12) var(--sp-20)}
.life-moment p{line-height:1.9}.life-moment p+p{margin-top:var(--sp-16)}
.moment-gallery{min-width:0}
.moment-photos{display:flex;gap:var(--sp-12);position:relative;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;padding:var(--sp-4) 0 var(--sp-8)}
.moment-photo{flex:0 0 calc((100% - 12px)/2);min-width:0;padding:0;text-align:left;scroll-snap-align:start;align-self:start}
.moment-photo img{height:auto;width:100%;aspect-ratio:4/3;object-fit:contain;object-position:center}
.photo-unavailable{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--line)}
.gallery-controls{display:flex;align-items:center;gap:var(--sp-8);margin-top:var(--sp-8);font-size:var(--text-meta);color:var(--muted)}
.gallery-controls>span:first-child{margin-right:auto}
.gallery-controls [data-gallery-count]{white-space:nowrap;font-family:var(--font-meta)}
.gallery-controls button{width:44px;flex:none}
.photo-viewer{width:min(1000px,calc(100% - 32px));max-height:94dvh;margin:auto;padding:var(--sp-20);border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.photo-viewer>header,.photo-viewer>footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);font-size:var(--text-meta)}
.photo-viewer button{display:flex;align-items:center;justify-content:center;width:44px}
.photo-viewer img{max-height:65dvh;max-width:100%;width:auto;margin:auto;object-fit:contain}
.photo-viewer figcaption{font-size:var(--text-small);margin-top:var(--sp-16)}
.photo-open{overflow:hidden}.photo-open .music-dock{visibility:hidden}
.music-room{margin-top:var(--section-before);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--sp-48);align-items:center}.music-room-heading{display:block;max-width:310px}.shelf-side-note{margin-block:var(--sp-24);font-size:var(--text-body);line-height:1.9;max-width:25em}.music-room-heading h2{margin-top:var(--sp-8)}.music-layout{display:block;min-width:0}.music-layout .listening-note{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-meta);margin-top:var(--sp-12)}.music-layout .listening-art{display:none}.shelf-controls{order:2;display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-12);font-size:var(--text-meta);font-family:var(--font-meta)}.shelf-controls button{width:44px;display:grid;place-items:center}.shelf-stage{min-width:0;position:relative;display:flex;flex-direction:column;--shelf-height:168px}.shelf-caption{order:3;display:flex;justify-content:space-between;align-items:start;gap:var(--sp-20);padding-top:var(--sp-16);min-height:100px;width:100%;font-size:var(--text-small)}.shelf-caption strong,.shelf-caption small{display:block}.shelf-caption small{font-size:var(--text-meta);color:var(--muted)}.shelf-caption>a{min-height:44px;display:inline-flex;align-items:center;gap:var(--sp-8);color:var(--accent);font-size:var(--text-meta)}.shelf-scroll{overscroll-behavior-x:contain;overflow-x:auto;overflow-y:hidden;padding:var(--sp-16) var(--sp-4) var(--sp-8);scrollbar-width:thin}.album-stack{display:flex;align-items:end;width:max-content;height:var(--shelf-height);padding:var(--sp-8);border-bottom:1px solid var(--line);isolation:isolate}.album-sleeve{width:140px;min-width:140px;margin-right:-32px;padding:0;min-height:0;position:relative;transition:transform 200ms ease;border:1px solid #202125}.album-sleeve:last-child{margin-right:0}.album-sleeve.is-selected{z-index:2;transform:translateY(-8px)}.album-sleeve img{width:100%;aspect-ratio:1;object-fit:cover}.listening-note{font-size:var(--text-small)}.listening-note .eyebrow{display:none}.listening-art{width:180px;margin-top:var(--sp-16)}.cabinet-room{margin-top:var(--section-before);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--sp-48);align-items:center}.cabinet-copy{max-width:310px}.cabinet-copy h2{margin-top:var(--sp-8)}.cabinet-caption{font-size:var(--text-small);color:var(--muted)}.cabinet-shelf{--glass-height:110px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-8);position:relative;width:100%;max-width:620px;justify-self:end}.cabinet-shelf:before{content:'';position:absolute;left:0;right:0;top:calc(var(--glass-height) - 18px);height:2px;background:var(--line)}.cabinet-slot{min-width:0;text-align:center}.cabinet-glass{display:block;width:100%;height:var(--glass-height);padding:0}.drink-art{display:block;position:relative;overflow:hidden;width:86%;height:100%;margin-inline:auto;pointer-events:none;transition:transform 200ms ease}.drink-art>img{position:absolute;left:calc(var(--drink-offset) + var(--drink-center-shift));bottom:18px;width:600%;max-width:none;height:auto;transform:translateY(calc(22% + var(--drink-base-shift,0%)))}.cabinet-glass:focus-visible .drink-art{transform:translateY(-6px)}.cabinet-slot figcaption{padding-top:var(--sp-8);font-size:var(--text-meta)}.cabinet-slot strong{font-weight:400}.cabinet-kind{display:block;font-size:var(--text-meta);color:var(--muted);margin-top:var(--sp-4)}
.drinks-drawer{position:fixed;inset:0 0 0 auto;width:min(500px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--line);background:var(--bg);color:var(--ink);overflow:hidden}.drinks-drawer[open]{display:flex;flex-direction:column}.drinks-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);padding:var(--sp-16) var(--sp-24);border-bottom:1px solid var(--line);flex:none}.drinks-drawer>header h2{font-size:var(--text-section);margin-top:var(--sp-4)}.drinks-drawer>header button{width:44px;flex:none}.drawer-content{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:var(--sp-24) var(--sp-32);flex:1}.drink-recipe>h2{display:none}.drink-recipe>.drink-art,.drink-recipe>img{width:96px;height:150px;margin:var(--sp-16) auto}.drink-subtitle{color:var(--muted);font-size:var(--text-meta)}.recipe-provenance{font-size:var(--text-meta);color:var(--muted);margin-block:var(--sp-16)}.drink-recipe h3{font-size:var(--text-subheading);margin-top:var(--sp-24)}.drink-recipe dl>div{display:grid;grid-template-columns:1fr auto;gap:var(--sp-16);padding-block:var(--sp-8)}.drink-recipe dd{font-variant-numeric:tabular-nums}.drink-recipe ol{padding-left:var(--sp-20);margin-block:var(--sp-16)}.drink-recipe li+li{margin-top:var(--sp-8)}.drink-personal-note{padding-block:var(--sp-16)}.drink-personal-note>.eyebrow{display:none}.drawer-navigation{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-8) var(--sp-24);border-top:1px solid var(--line);flex:none;font-size:var(--text-meta)}.drawer-navigation button{width:44px}.drinks-drawer[data-short=true]{height:auto;max-height:85dvh;inset:auto 0 0 auto}.drinks-drawer[data-short=true] .drawer-content{flex:initial}
.drawer-open{overflow:hidden}
.impressions{margin-top:var(--section-before)}.section-caption{margin-bottom:var(--sp-24)}.impression-app{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.desk-window-bar{height:38px;display:flex;align-items:center;padding-inline:var(--sp-16);border-bottom:1px solid var(--line);background:var(--surface)}.window-lights{display:flex;gap:var(--sp-6)}.window-lights i{width:9px;height:9px;background:#d97464;border-radius:50%}.window-lights i:nth-child(2){background:#d7b760}.window-lights i:nth-child(3){background:#72a884}.impression-body{display:grid;grid-template-columns:230px minmax(0,1fr);height:650px}.impression-sidebar{padding:var(--sp-20);background:var(--lilac);color:var(--panel-ink)}.impression-brand{font-size:var(--text-meta);margin-bottom:var(--sp-32);overflow-wrap:anywhere}.impression-sidebar>.eyebrow{color:#53505f;margin-bottom:var(--sp-12)}.impression-chat{display:flex;align-items:start;gap:var(--sp-10);width:100%;text-align:left;border:1px solid transparent;padding:var(--sp-12);border-radius:6px}.impression-chat[aria-selected=true]{background:#f4f1e88c;border-color:#81738e}.impression-chat strong{font-size:var(--text-small);font-weight:500}.impression-chat small{display:block;font-size:var(--text-meta)}.impression-self{display:inline-flex;gap:var(--sp-8);align-items:center;font-size:var(--text-meta);margin-top:var(--sp-32);min-height:44px}.impression-main{min-height:0;display:flex;min-width:0}.impression-scroll{flex:1;min-height:0;overflow-y:auto;overflow-anchor:none;scrollbar-width:thin}.portrait-reading{max-width:660px;margin-inline:auto;padding:var(--sp-32)}.chat-turn{display:flex;align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-24);font-size:var(--text-small)}.chat-turn small{display:block;color:var(--muted);font-size:var(--text-meta)}.model-monogram{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px}.chat-bubble{display:grid;gap:var(--sp-24);line-height:1.95}.chat-sign{display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-20);margin-top:var(--sp-32);font-size:var(--text-small);color:var(--muted)}.chat-sign small{font-size:var(--text-meta)}
.city-journal{margin-top:var(--section-before)}.journal-stage{position:relative;border:1px solid var(--line);background:var(--surface)}.journal-map{height:500px;background:#e2e7de}.journal-map-pin{background:none;border:0}.map-pin-head{display:block;position:relative;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:var(--pin-color);margin:var(--sp-8);box-shadow:1px 2px 5px #0004}.map-pin-head:after{content:'';position:absolute;top:14px;left:6px;width:2px;height:13px;background:#51555a;transform:rotate(12deg)}.journal-map-pin.is-selected .map-pin-head{outline:2px solid #2949c7;outline-offset:3px}.journal-map-label{font-family:var(--font-ui);font-size:var(--text-small)}.journal-map .leaflet-control-zoom a,.journal-overview{min-width:44px;min-height:44px;line-height:44px;background:#faf8f2;color:#202125;display:block;text-align:center;font-size:var(--text-body)}.journal-overview{padding-inline:var(--sp-12);border:1px solid #aaa}.journal-map .leaflet-control-attribution{font-size:var(--text-meta);background:#f4f1e8e8;color:#202125}.city-note{position:absolute;right:20px;top:20px;bottom:20px;width:42%;background:var(--paper);color:var(--panel-ink);z-index:500;overflow:auto;padding:var(--sp-24);border:1px solid #c8c6be;scroll-margin-top:var(--sp-20)}.city-note-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8c6be;padding-bottom:var(--sp-12)}.city-note-header .eyebrow{color:#60615f}.city-note-header button{width:44px}.journal-entry-list{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin-block:var(--sp-20)}.journal-entry-list button{font-size:var(--text-small);padding:var(--sp-8) var(--sp-12);border:1px solid #c8c6be}.journal-entry-list button[aria-pressed=true]{border-color:#2949c7;color:#2949c7}.journal-entry-list time:empty{display:none}.journal-entry-list time{display:block;font-size:var(--text-meta)}.journal-page h3{font-size:var(--text-section);margin-bottom:var(--sp-20)}.journal-page>time:empty{display:none}.journal-page p+p{margin-top:var(--sp-16)}.journal-page footer{display:flex;justify-content:space-between;gap:var(--sp-16);align-items:center;font-size:var(--text-meta);margin-top:var(--sp-24);border-top:1px solid #c8c6be}.journal-map-status{font-size:var(--text-small);padding-inline:var(--sp-16)}.journal-map-status:empty{display:none}.map-fallback{margin-bottom:var(--sp-20);font-size:var(--text-small)}.map-fallback>div{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin-top:var(--sp-12)}.map-fallback button{padding:var(--sp-8) var(--sp-16);border:1px solid var(--line)}.about-record-link{display:flex;justify-content:flex-end;margin-top:var(--sp-32)}
/* Public CV: selected records open; secondary records share one disclosure. */
.exp-page{padding-top:var(--sp-64)}.exp-profile{padding-bottom:var(--sp-24)}.exp-name-secondary{font-size:var(--text-section);margin-top:var(--sp-8)}.exp-student{margin-top:var(--sp-24)}.exp-identity>small{font-size:var(--text-small);color:var(--muted);display:block;margin-top:var(--sp-8)}.exp-print{font-size:var(--text-small);display:inline-flex;min-height:44px;align-items:center;margin-top:var(--sp-16);text-decoration:underline}.exp-current{padding-block:var(--sp-24);border-bottom:1px solid var(--line)}.exp-current h2{font-size:var(--text-small);color:var(--muted);font-weight:400;margin-bottom:var(--sp-20)}.exp-current ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-24)}.exp-current li{font-size:var(--text-small)}.exp-current-org{display:block;color:var(--muted);font-size:var(--text-meta);margin-top:var(--sp-4)}.exp-section{margin-top:var(--sp-64)}.exp-section>header{padding-bottom:var(--sp-20);border-bottom:1px solid var(--line)}.exp-record{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--sp-20);padding-block:var(--sp-24);border-bottom:1px solid var(--line)}.exp-marks{display:flex;flex-direction:column;gap:var(--sp-8)}.exp-marks img{width:32px;height:32px;object-fit:contain;background:#fafafa;border-radius:3px;padding:var(--sp-2)}.exp-record-heading{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:var(--sp-6) var(--sp-24)}.exp-record-heading h3{grid-column:1;font-size:var(--text-subheading)}.exp-record-heading time{grid-column:2;grid-row:1/3;font-size:var(--text-small);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.exp-role{grid-column:1;font-size:var(--text-small)}.exp-outcome{grid-column:1/-1;font-size:var(--text-small);color:var(--accent);margin-top:var(--sp-4)}.exp-outcome a{display:inline-flex;align-items:center;min-height:44px}.exp-record-context{margin-top:var(--sp-12);font-size:var(--text-small);color:var(--muted)}.exp-topic{display:none}.exp-mentor a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.exp-mentor small{display:block;font-size:var(--text-meta)}.exp-summary{margin-top:var(--sp-16);max-width:58em}.exp-details{margin-top:var(--sp-8)}.exp-details summary{font-size:var(--text-small);color:var(--accent);width:fit-content}.when-open{display:none}details[open] .when-closed{display:none}details[open] .when-open{display:inline}.exp-detail-body{max-width:58em}.exp-detail-body p+p{margin-top:var(--sp-16)}.exp-links{display:flex;flex-wrap:wrap;gap:var(--sp-20);font-size:var(--text-small);color:var(--accent)}.exp-links a{display:inline-flex;align-items:center;min-height:44px}.exp-study p{margin-top:var(--sp-12);max-width:48em}.exp-study small{display:block;font-size:var(--text-small);color:var(--muted);margin-top:var(--sp-8)}.exp-more{margin-top:var(--sp-16)}.exp-more>summary{font-size:var(--text-small);color:var(--accent)}.exp-more>div{padding-left:var(--sp-24);border-left:1px solid var(--line)}.exp-ledger{display:grid;grid-template-columns:115px minmax(0,1fr);gap:var(--sp-12) var(--sp-24);padding-block:var(--sp-24);border-bottom:1px solid var(--line)}.exp-ledger time{font-size:var(--text-small);color:var(--muted)}.exp-ledger h3{font-size:var(--text-body)}.exp-ledger p{font-size:var(--text-small);color:var(--muted);margin-top:var(--sp-8)}.exp-ledger>a{grid-column:2;font-size:var(--text-small);color:var(--accent);min-height:44px;display:flex;align-items:center}.exp-skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-32) var(--sp-48);padding-top:var(--sp-24)}.exp-skills-grid h3{font-size:var(--text-small);margin-bottom:var(--sp-12)}.exp-skills-grid p{font-size:var(--text-small);color:var(--muted)}
/* News and writing: documents remain readable evidence, illustrations remain labelled. */
.news-feature{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--sp-40);padding-block:var(--sp-32);border-top:1px solid var(--line)}.news-feature>time{font-size:var(--text-small);color:var(--muted)}.news-feature h2{font-size:var(--text-section);margin-block:var(--sp-12) var(--sp-16)}.news-feature h2 [data-icon]{margin-left:var(--sp-12)}.news-feature p{max-width:46em}.news-evidence{margin-top:var(--sp-12);font-size:var(--text-small);color:var(--accent)}.news-evidence img{max-width:100%;width:auto;max-height:560px;object-fit:contain;object-position:left;margin-top:var(--sp-16)}.notes-index{max-width:900px}.note-entry{padding-block:var(--sp-32);border-top:1px solid var(--line)}.note-meta{display:flex;flex-wrap:wrap;gap:var(--sp-8) var(--sp-20);font-family:var(--font-ui);font-size:var(--text-meta);color:var(--muted)}.note-entry h2,.note-entry h3{font-size:var(--text-subheading);margin-block:var(--sp-8)}.note-entry h2>a,.note-entry h3>a{display:inline-flex;align-items:center;gap:var(--sp-16);min-height:44px}.note-entry>p:last-child{max-width:46em;font-size:var(--text-small);color:var(--muted)}.blog-article{padding-top:var(--sp-48)}.blog-header{max-width:800px;margin-inline:auto}.blog-header>div{margin-top:var(--sp-32)}.blog-header h1{margin-block:var(--sp-20)}.blog-header p{color:var(--muted)}.blog-hero{margin:var(--sp-40) auto;max-width:900px}.blog-hero img{width:100%;max-height:500px;object-fit:contain}.blog-hero figcaption,.blog-sketch figcaption{font-size:var(--text-meta);color:var(--muted);margin-top:var(--sp-12)}.blog-body{max-width:740px;margin-inline:auto;font-family:var(--font-prose);font-size:var(--text-subheading);line-height:1.95}.blog-section{margin-top:var(--sp-48)}.blog-section h2{font-family:var(--font-ui);margin-bottom:var(--sp-24)}.blog-section p+p{margin-top:var(--sp-20)}.blog-sketch{margin-block:var(--sp-40)}.blog-editorial-note{border-top:1px solid var(--line);margin-top:var(--sp-40);padding-top:var(--sp-24);font-family:var(--font-ui);font-size:var(--text-small);color:var(--muted)}
/* Markdown notes keep the existing reading measure and body-size preference. */
.note-article .blog-header,.note-body,.note-footer,.note-pending{max-width:740px;margin-inline:auto}.note-body{margin-top:var(--sp-40);font-family:var(--font-ui);font-size:var(--text-body);line-height:1.95}.note-body>p+p{margin-top:var(--sp-24)}.note-body h2{font-size:var(--text-subheading);margin-top:var(--sp-40);margin-bottom:var(--sp-16)}.note-body a{color:var(--accent);text-decoration:underline;overflow-wrap:anywhere}.note-body ol{padding-left:var(--sp-24);font-size:var(--text-small);color:var(--muted)}.note-body li+li{margin-top:var(--sp-12)}.note-footer{border-top:1px solid var(--line);margin-top:var(--sp-40);padding-top:var(--sp-24);font-size:var(--text-small);color:var(--muted)}.note-footer .reader-back{margin-top:var(--sp-12)}.note-pending{margin-top:var(--sp-40)}.note-pending p+p{margin-top:var(--sp-20)}.note-pending a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);margin-right:var(--sp-24)}

/* Contact and audio are useful controls, not competing floating illustrations. */
.contact-panel{position:fixed;inset:88px var(--page-gutter) auto auto;margin:0;width:min(480px,calc(100vw - 40px));max-height:calc(100dvh - 108px);overflow:auto;border:1px solid var(--line);padding:0;background:var(--bg);color:var(--ink)}.biz-card{padding:var(--sp-24)}.biz-topline{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-meta)}.biz-close{width:44px}.contact-identity{margin-block:var(--sp-24)}.contact-identity h1{font-size:var(--text-card-name);font-weight:500;letter-spacing:-.025em}.contact-identity h2{font-size:var(--text-page);font-weight:500}.contact-secondary{font-size:var(--text-subheading);margin-top:var(--sp-8)}.contact-role{font-size:var(--text-meta);margin-top:var(--sp-16);max-width:28em}.contact-address{font-size:var(--text-body);overflow-wrap:anywhere}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-32);margin-top:var(--sp-32)}.contact-methods h2{font-size:var(--text-meta);font-weight:400;color:var(--muted);margin-bottom:var(--sp-8)}.contact-methods a,.contact-methods button{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);width:100%;min-height:44px;padding:var(--sp-8) 0;font-size:var(--text-body);text-align:left}.contact-methods [data-copy-status]{font-size:var(--text-meta);color:var(--muted)}.biz-foot{margin-top:var(--sp-24);border-top:1px solid var(--line)}.biz-foot>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:var(--text-meta)}.share-card-page{padding-block:var(--sp-48);max-width:640px}.share-card{padding:var(--sp-32);min-height:400px;aspect-ratio:1.6;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.share-card-top,.share-card-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-16);font-size:var(--text-meta)}.share-card-top{font-family:var(--font-meta)}.share-card .contact-identity{margin-block:var(--sp-24);flex-shrink:0}.share-card-bottom>a{overflow-wrap:anywhere}.share-card-bottom>span{display:none}body:has(.share-card-page) .site-footer .contact-trigger,body:has(.share-card-page) .site-footer .footer-email,body:has(.share-card-page) .site-footer .footer-audio{display:none}
.music-dock{position:fixed;right:20px;bottom:20px;z-index:600}.music-launcher{display:flex;align-items:center;gap:var(--sp-12);min-width:48px;height:48px;padding-inline:var(--sp-16);border:1px solid var(--line);border-radius:30px;background:var(--surface);font-size:var(--text-small)}.music-bars{display:flex;align-items:center;gap:3px;height:18px}.music-bars i{width:2px;height:9px;background:var(--accent)}.music-bars i:nth-child(2){height:17px}.music-bars i:nth-child(3){height:12px}.music-panel{position:fixed;inset:auto 20px 80px auto;margin:0;width:320px;max-width:calc(100vw - 40px);padding:var(--sp-24);border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 12px 45px #0002}.music-panel>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-16)}.music-panel>header button{width:44px}.music-track{display:flex;align-items:center;gap:var(--sp-16)}.music-track h2{font-size:var(--text-subheading)}.music-track p{font-size:var(--text-small);color:var(--muted)}.music-track a{display:inline-flex;align-items:center;gap:var(--sp-8);min-height:44px;font-size:var(--text-meta)}.record-disc{width:60px;height:60px;flex:none;border-radius:50%;background:repeating-radial-gradient(#303030 0 1px,#202125 2px 3px);border:18px solid #202125;box-shadow:inset 0 0 0 8px var(--lilac)}.music-transport{display:flex;align-items:center;gap:var(--sp-12);margin-top:var(--sp-20)}.music-transport>button{width:44px;height:44px;flex:none;border-radius:50%;background:var(--ink);color:var(--bg)}.music-timeline{flex:1;min-width:0}.music-panel input[type=range]{width:100%;height:44px;accent-color:var(--accent);margin:0}.music-timeline>div{display:flex;justify-content:space-between;font-size:var(--text-meta);color:var(--muted)}.music-volume{display:flex;align-items:center;gap:var(--sp-16);margin-top:var(--sp-12);font-size:var(--text-small)}.music-volume input{max-width:130px}.music-panel [data-audio-status]{font-size:var(--text-small)}.music-panel [data-audio-status]:empty{display:none}.reading-pdf .music-dock,.city-note-open .music-dock,.drawer-open .music-dock,.music-dock[data-footer-near=true]{visibility:hidden;pointer-events:none}.is-loading:before{content:'';position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent);z-index:9999}

/* Editorial directions: short marginal text, never rotated reading copy. */
.hero-bg,.origin-harbour,.moment-photo img{transition:filter .75s ease,opacity .5s ease}.image-pending{filter:blur(10px);opacity:.65}.shelf-controls .listening-count{margin-right:auto;font-size:var(--text-meta);color:var(--muted)}
.exp-index{position:sticky;top:0;z-index:6;display:flex;flex-wrap:wrap;gap:0 var(--sp-24);padding:var(--sp-8) 0;background:var(--bg);border-bottom:1px solid var(--line);font-size:var(--text-small)}.exp-index a{display:flex;align-items:center;min-height:44px}.exp-index [aria-current]{color:var(--accent);text-decoration:underline}.exp-index button{margin-left:auto;color:var(--accent);min-width:80px}.exp-section{scroll-margin-top:100px}.exp-secondary{padding-block:var(--sp-16)}.is-compact .exp-summary,.is-compact .exp-record-context,.is-compact .exp-details,.is-compact .exp-outcome{display:none}.is-compact .exp-record{padding-block:var(--sp-16)}
/* Typographic roles: Latin indexing is mono; Chinese stays in its own glyph family. */
html[lang="zh-Hant"]{--font-meta:'IBM Plex Mono','Noto Site TC',sans-serif}
body[data-lang=en] :is(.eyebrow,.desktop-nav,.site-menu nav,.moment-source,.gallery-controls,.listening-count,.entry-type,.work-meta,.news-date){font-family:var(--font-meta);font-weight:400;letter-spacing:.01em}
time,.shelf-controls,[data-photo-position]{font-family:var(--font-meta);font-variant-numeric:tabular-nums}
body:not([data-lang=en]) :is(h1,h2,h3,.eyebrow){letter-spacing:normal}
@media(min-width:1000px){.life-moment{position:relative;padding-left:var(--sp-40)}.moment-copy>.eyebrow{position:absolute;left:0;top:0;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;max-height:100%}.about-opening>.eyebrow{writing-mode:vertical-rl;text-orientation:mixed;float:left;margin-right:var(--sp-24)}.about-origin{margin-left:var(--sp-40)}}
@media(max-width:700px){.exp-index{gap:0 var(--sp-16);font-size:var(--text-meta)}.exp-index button{margin-left:0}.exp-section{scroll-margin-top:140px}}
@media print{.exp-index,.exp-secondary{display:none!important}}

@media(hover:hover){.album-sleeve:hover{transform:translateY(-8px)}.cabinet-glass:hover .drink-art{transform:translateY(-6px)}}
@media print{.site-header,.site-footer,.music-dock,.exp-print,.exp-details,.exp-more,.contact-panel,.site-menu{display:none!important}body{background:white;color:black;font-size:var(--text-small)}.wrap{width:100%;max-width:none}main{padding:0}.exp-page{padding:0}.exp-profile{padding-bottom:var(--sp-20)}.exp-section{margin-top:var(--sp-24)}.exp-record,.exp-ledger{break-inside:avoid;padding-block:var(--sp-12)}.exp-section>header{break-after:avoid}.exp-current{font-size:var(--text-small)}a{color:inherit!important}}
@media(max-width:1100px){.menu-preferences{display:block}.menu-preferences .display-controls{justify-content:stretch;gap:var(--sp-8)}.site-menu nav{margin-top:var(--sp-24)}.site-menu nav>a{font-size:var(--text-body);padding-block:var(--sp-12)}.desktop-nav{display:none}.header-actions{margin-left:auto}.header-actions [data-menu-toggle]{display:grid}.music-layout{grid-template-columns:minmax(0,1fr) 140px}}
@media(max-width:900px){:root{--page-gutter:32px}.reader-layout{grid-template-columns:minmax(0,1fr) 240px;gap:var(--sp-24)}.home-now{grid-template-columns:1fr}.home-now>.text-link{grid-column:1}.impression-body{grid-template-columns:200px minmax(0,1fr)}.exp-profile{gap:var(--sp-24)}.exp-current ul{grid-template-columns:1fr}.home-now ul{gap:var(--sp-24)}.music-layout{grid-template-columns:1fr}.listening-note{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-24)}.listening-art{width:110px;margin:0}.reader-bar{flex-wrap:wrap}.reader-identity{order:3;flex-basis:100%}}
@media(max-width:700px){
 :root{--page-gutter:20px;--section-before:64px;--page-end:56px;--text-display:1.2rem;--text-origin:2rem;--text-hero:1.714286rem}
 html{scroll-padding-top:var(--sp-24)}.site-header{flex-wrap:nowrap;gap:var(--sp-12);min-height:64px;padding-block:var(--sp-8)}.brand{min-height:44px}.header-actions{margin-left:auto}.header-actions>button,.language-link{width:44px;min-height:44px}.page-heading{padding-block:var(--sp-40) var(--sp-32)}.site-footer>div{flex-wrap:wrap;gap:var(--sp-8) var(--sp-20)}.site-footer>div>span{width:100%}.back-top{margin-left:0}.site-footer{padding-bottom:var(--sp-24)}
 .landing{height:58svh;min-height:360px;max-height:520px}.hero-bg{width:66%;height:100%;top:0;right:-8%;object-position:center}.identity{align-items:center}.mast-copy{max-width:46%;padding-block:var(--sp-32)}.home-paths{position:absolute;bottom:20px;left:20px;right:20px;gap:var(--sp-8)}.hero-site-label{margin-top:var(--sp-20)}.hero-latin{font-size:var(--text-small)}.home-paths{margin-top:var(--sp-24)}.home-now{padding-block:var(--sp-32);gap:var(--sp-20)}.home-now ul{grid-template-columns:1fr;gap:var(--sp-20)}.home-now li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:var(--sp-16);align-items:start}.home-now .now-role{grid-column:1;grid-row:1}.home-now .now-org{grid-column:2;grid-row:1}.home-introduction{padding-top:var(--sp-40)}.identity-pause{margin-bottom:var(--sp-24)}.identity-ask{font-size:var(--text-subheading)}.identity-wall{padding:var(--sp-8) 0 var(--sp-32);gap:var(--sp-8) var(--sp-20)}.identity-row{gap:var(--sp-8) var(--sp-16)}.identity-row:nth-child(n){padding-left:0}.identity-word{font-size:var(--text-body)}.personal-note{padding-bottom:140px;overflow:hidden}.personal-note>div:first-child{width:150%;max-width:none}.personal-scenery{width:100%}.personal-scene{width:100%}.personal-prose #feelings{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-24)}.personal-prose p:nth-child(n){grid-column:1/-1}.personal-prose p:last-child{grid-column:2/-1}.personal-prose{font-size:var(--text-body)}.home-personal-links{justify-content:start;gap:var(--sp-8)}.home-selection{margin-top:var(--sp-56)}.home-selection>header{gap:var(--sp-16)}.home-work-list{display:block}.home-work-link:first-child{display:flex;padding:var(--sp-24);gap:var(--sp-16)}.home-work-link:not(:first-child){margin-top:var(--sp-24);padding-top:var(--sp-24)}.home-work-link{gap:var(--sp-16)}.home-notes{grid-template-columns:1fr;gap:var(--sp-20);margin-top:var(--sp-56)}
 .featured-grid{grid-template-columns:1fr;gap:var(--sp-24)}.entry-featured:first-child{grid-column:1}.entry-featured:first-child .entry-link{padding:var(--sp-24)}.entry-link{grid-template-columns:minmax(0,1fr) 20px;gap:var(--sp-16);padding-block:var(--sp-24)}.entry-type{grid-column:1/-1}.entry-link h3{font-size:var(--text-section)}.work-index{margin-top:var(--sp-48)}.case-opening{grid-template-columns:1fr;gap:var(--sp-24);padding-top:var(--sp-32)}.case-sources{gap:var(--sp-16)}.publication-layout{margin-top:var(--sp-32)}.publication-copy{font-size:var(--text-body)}.reader-layout{display:flex;flex-direction:column;gap:var(--sp-32)}.reader-aside{order:-1;width:100%}.reader-aside h2{max-width:35em}.reader-canvas{width:100%;height:80dvh;min-height:540px}.reader-aside .source-links{display:flex}.reader-bar{gap:var(--sp-16)}
 .about-opening{padding-block:var(--sp-32) var(--sp-40)}.about-origin{grid-template-columns:1fr;gap:var(--sp-24);margin-top:var(--sp-20)}.origin-main{grid-row:auto}.origin-copy{padding:var(--sp-24) var(--sp-20);grid-template-columns:1fr;gap:var(--sp-20)}.about-origin h1{font-size:var(--text-body)}.about-origin h1 span{font-size:var(--text-origin)}.origin-harbour{aspect-ratio:3/2}.origin-aside{grid-column:1;padding:0}.origin-gallery .moment-photo{flex-basis:100%}.life-moment{grid-template-columns:1fr;gap:var(--sp-20)}.life-moment .moment-copy,.life-moment .moment-gallery,.life-moment-friends .moment-copy,.life-moment-friends .moment-gallery{grid-column:1;grid-row:auto}.moment-photo{flex-basis:85%}.moment-photo img{height:auto}.life-moment h3{margin-top:var(--sp-8)}.music-room,.cabinet-room{grid-template-columns:1fr;gap:var(--sp-24)}.music-room-heading,.cabinet-copy{max-width:100%}.music-room-heading{align-items:start;flex-direction:column;gap:var(--sp-12)}.shelf-stage{--shelf-height:160px}.album-sleeve{width:120px;min-width:120px;margin-right:-16px}.listening-art{width:96px}.cabinet-room .section-heading{flex-direction:column;align-items:start;gap:var(--sp-12)}.cabinet-shelf{--glass-height:110px;max-width:420px;justify-self:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-24) var(--sp-8)}.cabinet-shelf:before{display:none}.cabinet-glass{position:relative}.cabinet-glass:after{content:'';position:absolute;bottom:18px;left:0;right:0;height:1px;background:var(--line)}.impression-body{display:flex;flex-direction:column;height:auto}.impression-sidebar{padding:var(--sp-12)}.impression-brand,.impression-sidebar>.eyebrow,.impression-self{display:none}.impression-sidebar [role=tablist]{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8)}.impression-chat{padding:var(--sp-12) var(--sp-8);gap:var(--sp-8)}.chat-symbol{display:none}.impression-main{display:block}.impression-scroll{overflow:visible;max-height:none}.portrait-reading{padding:var(--sp-24) var(--sp-20)}.chat-bubble{line-height:1.9}.journal-map{height:360px}.city-note{position:relative;inset:auto;width:100%;max-height:none;border:0;border-top:1px solid #c8c6be;padding:var(--sp-20)}.about-record-link{justify-content:start}
 .exp-page{padding-top:var(--sp-40)}.exp-profile{grid-template-columns:1fr;gap:var(--sp-32);padding-bottom:var(--sp-32)}.exp-current{border-left:0;padding-left:0}.exp-current ul{grid-template-columns:1fr 1fr}.exp-section{margin-top:var(--sp-48)}.exp-record{grid-template-columns:28px minmax(0,1fr);gap:var(--sp-12)}.exp-marks img{width:26px;height:26px}.exp-record-heading{grid-template-columns:1fr;gap:var(--sp-8)}.exp-record-heading time{grid-column:1;grid-row:1;text-align:left}.exp-record-heading h3{grid-row:2}.exp-role{grid-row:3}.exp-outcome{grid-column:1}.exp-more>div{padding-left:var(--sp-12)}.exp-ledger{grid-template-columns:1fr;gap:var(--sp-8)}.exp-ledger>a{grid-column:1}.exp-skills-grid{grid-template-columns:1fr;gap:var(--sp-24)}
 .news-feature{grid-template-columns:1fr;gap:var(--sp-12);padding-block:var(--sp-24)}.note-entry{padding-block:var(--sp-24)}.blog-body{font-size:var(--text-body)}.blog-header h1{font-size:var(--text-title)}.blog-article{padding-top:var(--sp-32)}.blog-hero{margin-block:var(--sp-32)}.share-card-name{margin-block:var(--sp-32)}.card-actions{grid-template-columns:1fr}.share-card-name p{font-size:var(--text-subheading)}.share-card-email{font-size:var(--text-meta)}.music-launcher{padding:0;justify-content:center}.music-launcher>[data-music-label],.music-launcher>[data-icon]{display:none}.music-dock{right:12px;bottom:12px}.music-panel{right:20px;bottom:72px}
}
@media(max-width:420px){.site-header{padding-block:var(--sp-8)}.exp-current ul{grid-template-columns:1fr}.cabinet-shelf{--glass-height:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Responsive compositions and their state variants. */
@media(max-width:700px){
 :root{--text-hero:1.857143rem;--text-page:1.571429rem}
 .identity-wall{gap:var(--sp-12) var(--sp-20);padding-bottom:var(--sp-32)}.identity-word{font-size:var(--text-body)}
 .personal-note{padding-bottom:0}.personal-note>div:first-child{position:relative;inset:auto;order:2;margin-top:var(--sp-24)}.personal-note{display:flex;flex-direction:column}.personal-prose{order:1}.personal-scene{width:100%!important;max-width:100%!important;margin:0!important}.personal-prose #feelings{display:block}.personal-prose #feelings p{margin:0 0 var(--sp-24);width:auto;max-width:none;padding:0}
 .cabinet-shelf{row-gap:var(--sp-24);background:linear-gradient(var(--line),var(--line)) 0 92px/100% 1px no-repeat,linear-gradient(var(--line),var(--line)) 0 calc(50% + 104px)/100% 1px no-repeat}.cabinet-glass:after{display:none}
 .drinks-drawer{inset:auto 0 0;width:100%;height:85dvh;max-height:85dvh;border-left:0;border-radius:12px 12px 0 0}.drawer-content{padding:var(--sp-16) var(--sp-24)}
 .share-card-page{padding-block:var(--sp-32)}.share-card{padding:var(--sp-24);min-height:280px;aspect-ratio:auto}.share-card .contact-identity{margin-block:var(--sp-24);flex-shrink:0}.share-card-bottom{font-size:var(--text-meta)}.share-card-top{font-size:var(--text-meta);gap:var(--sp-12)}.share-card-page>.contact-methods{grid-template-columns:1fr 1fr;gap:var(--sp-24)}.contact-panel{inset:80px 20px auto;width:calc(100vw - 40px);max-height:calc(100dvh - 100px)}.biz-card .contact-methods{gap:var(--sp-16)}
}
body.reading-text .music-dock,body:has(.share-card-page) .music-dock{display:none}
@media print{.contact-methods,.share-card-bottom>span{display:none!important}.share-card-page{width:100%;max-width:640px}.share-card{aspect-ratio:auto;min-height:300px}.share-card-bottom a:after{content:none}}