@font-face{font-family:NotoSansSC;src:url('/assets/fonts/noto-sans-sc.otf') format('opentype');font-display:swap;font-weight:400}
@font-face{font-family:NotoSerifSC;src:url('/assets/fonts/noto-serif-sc.otf') format('opentype');font-display:swap;font-weight:400}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{position:sticky;top:0;background:var(--paper)}
.language-control{display:flex;align-items:center;flex-shrink:0}
.language-select{width:auto;max-width:76px;padding:5px 0 5px 3px;border:0;background:transparent;border-radius:0;font-size:11px;line-height:1.5;cursor:pointer;color:var(--ink)}
.text-link>[data-i18n],.hero-footnote a>[data-i18n],.site-footer>a>[data-i18n]{font-size:inherit;line-height:inherit}
#main-nav a:last-child>[data-i18n]{margin-left:0}
.works-tabs button>[data-i18n]{padding-left:0}
.feature-caption p>[data-i18n="featureComposer"]{font-family:var(--sans);font-size:13px}
.feature-caption p>.feature-work-title{font-family:var(--serif);font-size:21px}
html.language-changing{scroll-behavior:auto}
.spotify-artist{margin-top:15px;display:inline-flex;align-items:center;gap:20px;font-size:10px;line-height:1.6;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:3px}
.spotify-artist:hover{color:var(--accent);border-color:var(--accent)}
html:lang(zh){--sans:Inter,NotoSansSC,Arial,sans-serif;--serif:CormorantGaramond,NotoSerifSC,Georgia,serif}
html:lang(zh) em{font-style:normal}
html:lang(zh) .hero h1{font-family:NotoSerifSC,serif;font-size:clamp(95px,13.2vw,208px);line-height:1.16;letter-spacing:.01em;margin:0}
html:lang(zh) .hero h1>.chinese-name{display:block;white-space:nowrap;margin:0}
html:lang(zh) .hero h1>.hero-roman{display:block;font-family:var(--sans);font-size:15px;letter-spacing:.16em;line-height:1.5;margin:22px 0 0}
html:lang(zh) .hero-line{font-size:clamp(26px,2.7vw,39px);line-height:1.4;letter-spacing:.025em}
html:lang(zh) .section-heading h2{font-size:clamp(36px,4.4vw,68px);letter-spacing:.025em;line-height:1.25}
html:lang(zh) .recording-title{line-height:1.35}
html:lang(zh) .works-intro h2{font-size:clamp(43px,5.2vw,78px);line-height:1.25;letter-spacing:.01em}
html:lang(zh) .works-description,html:lang(zh) .about-copy{line-height:1.95}
html:lang(zh) .about-heading h2{letter-spacing:.02em;line-height:1.35}
html:lang(zh) .about-lead{font-size:clamp(25px,2.5vw,36px);line-height:1.6;letter-spacing:.01em}
html:lang(zh) .work-composer{font-size:12px;line-height:1.65}
html:lang(zh) .work-title,html:lang(zh) .writing-title{line-height:1.5;letter-spacing:0}
html:lang(zh) .writing-description{line-height:1.95}
html:lang(zh) .writing-original{font-family:var(--sans)}
html:lang(zh) .contact-main h2{font-size:clamp(62px,8.3vw,125px);line-height:1.25;letter-spacing:.015em}
html:lang(zh) .contact-description{line-height:1.9}
html:lang(zh) .dialog-information h2{line-height:1.25}
html:lang(zh) .dialog-note,html:lang(zh) .dialog-programme li{line-height:1.9}
html:lang(zh) .cd-current-title{line-height:1.3}
html:lang(de) .section-heading h2{font-size:clamp(36px,4.1vw,64px);line-height:1.08}
html:lang(de) .works-note,html:lang(de) .about-copy{hyphens:auto}
html:lang(de) .work-title,html:lang(de) .writing-title{overflow-wrap:break-word;hyphens:auto}
html:lang(de) .hero-intro>.eyebrow{font-size:10px;letter-spacing:.055em}
@media(max-width:1050px){.language-control{padding-left:17px}.language-select{font-size:10px}.feature-caption p>.feature-work-title{font-size:18px}}
@media(max-width:760px){
  html{scroll-padding-top:88px}
  .language-control{margin-left:auto;padding-left:13px}
  .language-select{font-size:10px;max-width:64px}
  .feature-caption p>[data-i18n="featureComposer"]{font-size:10px}
  .feature-caption p>.feature-work-title{font-size:17px}
  html:lang(zh) .hero h1{font-size:24.2vw;line-height:1.2}
  html:lang(zh) .hero h1>.hero-roman{font-size:11px;letter-spacing:.15em;margin-top:15px}
  html:lang(zh) .hero-intro>.eyebrow{font-size:10px;letter-spacing:.055em}
  html:lang(zh) .hero-bottom{margin-top:30px}
  html:lang(zh) .hero-line{font-size:29px}
  html:lang(zh) .section-heading h2{font-size:39px}
  html:lang(zh) .works-intro h2{font-size:42px}
  html:lang(zh) .about-heading h2{font-size:37px}
  html:lang(zh) .about-lead{font-size:27px;line-height:1.65}
  html:lang(zh) .about-copy{font-size:14px}
  html:lang(zh) .contact-main h2{font-size:clamp(43px,12.5vw,60px);line-height:1.35}
  html:lang(zh) .cd-current-title{font-size:27px}
  html:lang(de) .section-heading h2{font-size:42px}
  html:lang(de) .hero-intro>.eyebrow{font-size:8px}
  html:lang(de) .contact-main h2{font-size:clamp(53px,16.7vw,86px)}
  html:lang(de) .contact-button{font-size:15px}
}
@media(prefers-reduced-motion:reduce){html.language-changing{scroll-behavior:auto}}

html:lang(zh) h1,html:lang(zh) h2,html:lang(zh) h3{font-weight:400}