:root{color-scheme:light;--paper:#dedacf;--ink:#2d302c;--muted:#595c54;--line:#b8b7aa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1.125rem/1.65 Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:.3em}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%;height:auto}figure,p{margin:0}p+p{margin-top:1.25em}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:.7rem;z-index:10}.skip:focus{top:1rem}.masthead{max-width:1320px;margin:auto;padding:2rem 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:1.5rem}.wordmark{font-size:.95rem;letter-spacing:.16em;text-decoration:none}.wordmark span{font-size:.875rem;letter-spacing:.15em;margin-left:1rem}.masthead nav{display:flex;gap:1.7rem;font-size:.9rem}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline}main{max-width:1320px;margin:auto}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:4.5rem 9% 5.5rem;gap:8%}.eyebrow{font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.17em;line-height:1.5}.hero h1{font-weight:400;line-height:.9;font-size:clamp(5rem,10vw,9rem);letter-spacing:-.065em;margin:2rem 0 1.3rem}em{font-weight:400}.chinese-name{font-size:1.3rem;letter-spacing:.5em}.hero .text-link{margin-top:2.5rem}.text-link{display:inline-block;font-size:.95rem}.text-link span{display:inline-block;margin-left:1.3rem}.portrait{max-width:410px;justify-self:end;width:100%;box-shadow:0 20px 50px #25251c14}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover}.section{border-top:1px solid var(--line);padding:5.5rem 9%}.bio{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}h2{font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:1.5rem 0}h3{font-size:1.45rem;font-weight:400;margin:0 0 2.7rem}.prose{max-width:650px}.prose p{font-size:1.05rem}.prose .lead{font-size:1.25rem;line-height:1.6}.recital{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#d3d0c3}.recital h2{font-size:clamp(3.8rem,7vw,6rem);line-height:.95;margin:1.7rem 0}.subtitle{font-style:italic}.event{margin-top:2rem;font-size:1rem}.event p+p{margin-top:.2rem}.art{margin-top:2.5rem;max-width:290px}.art img{width:100%}.programme{padding-top:.2rem}.programme article{margin-bottom:2.7rem}.programme h4{font-size:1.2rem;margin:0 0 .6rem;font-weight:400}.programme h4 span{font-size:.95rem;white-space:nowrap;color:var(--muted)}.programme p{font-size:1.075rem}.movements{list-style-type:upper-roman;margin:.5rem 0 0;padding-left:2rem;font-style:italic;font-size:.95rem;color:var(--muted)}.unnumbered{list-style:none;padding-left:1.2rem}.note{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding-top:6rem;padding-bottom:6rem}.letter p{font-size:1.2rem;line-height:1.8}.letter .signature{font-size:1.6rem;font-style:italic;margin-top:2rem}footer{max-width:1320px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1.5rem;padding:2rem 5%;font-size:.875rem}footer span{padding:0 .4rem}footer a{white-space:nowrap}@media(max-width:700px){.masthead{padding:1.2rem 6%;align-items:flex-start}.wordmark{font-size:.8rem;letter-spacing:.1em}.wordmark span{display:block;margin:.35rem 0 0}.masthead nav{font-size:.875rem;gap:.35rem;flex-direction:column;align-items:flex-end}.hero{min-height:0;padding:3rem 7% 3.5rem;gap:6%;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:clamp(3.8rem,13vw,5.8rem);margin:1.3rem 0}.eyebrow{font-size:.75rem;letter-spacing:.1em}.hero .text-link{margin-top:1.4rem;font-size:.875rem}.text-link span{margin-left:.5rem}.chinese-name{font-size:1rem}.portrait{align-self:center}.section{padding:3.5rem 7%}.bio,.recital,.note{grid-template-columns:1fr;gap:2rem}.section-label h2{margin-bottom:0}.prose p{font-size:1.0625rem}.prose .lead{font-size:1.2rem}.recital-heading{position:relative}.recital h2{font-size:4.5rem}.art{max-width:100%;height:210px;overflow:hidden;margin-top:2rem}.art img{height:100%;width:100%;object-fit:cover;object-position:50% 35%}.programme{margin-top:.5rem}.programme h3{margin-bottom:2rem}.programme article{margin-bottom:2rem}.letter p{font-size:1.125rem}footer{padding:1.5rem 7%;font-size:.875rem;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}