:root{--paper:#faf9f6;--ink:#292b28;--muted:#777a72;--gold:#b49b72;--line:#deded6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.header{position:absolute;inset:0 0 auto;z-index:5;height:100px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff26}.brand{font:30px Georgia;letter-spacing:2px}.brand span{color:var(--gold);font-size:20px}.header nav{display:flex;gap:28px;font-size:12px}.header a:hover{color:var(--gold)}.header-actions{display:flex;gap:15px;align-items:center}select{background:transparent;color:inherit;border:0;padding:8px;cursor:pointer;font-size:12px}select option{color:#222;background:white}.menu{display:none}.hero{min-height:740px;height:90svh;max-height:1000px;position:relative;background:#191b1a;color:#fff;isolation:isolate}.hero-photo{position:absolute!important;inset:0 0 0 35%;background:radial-gradient(ellipse at 75% 40%,#434841,#1a1d1b 72%)!important}.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#191b1a,transparent 65%),linear-gradient(0deg,#191b1aab,transparent 40%);z-index:2}.hero-photo .photo-label{left:auto;right:35px;bottom:100px}.hero-inner{position:relative;z-index:3;padding-top:clamp(190px,25vh,300px);pointer-events:none}.hero-inner a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;line-height:1.8;color:var(--muted)}.hero .eyebrow{color:var(--gold)}h1{font:400 clamp(52px,6.6vw,96px)/1.12 Georgia,'Times New Roman',serif;margin:22px 0;letter-spacing:-2px}h1 span:last-child{font-style:normal}.hero-inner>p{font-size:15px;max-width:320px;color:#d0d2cb;line-height:1.8}.hero-link{display:inline-flex;align-items:center;gap:60px;border-bottom:1px solid #b49b7280;padding:15px 0;margin-top:25px;font-size:12px}.hero-link>span:last-child{color:var(--gold);font-size:22px}.hero-footer{position:absolute;bottom:28px;left:0;right:0;z-index:3;display:flex;justify-content:space-between;color:#bfc1b9;font-size:9px;letter-spacing:2px}.section{padding:100px 0}.section-heading{text-align:center;margin-bottom:55px}.section-heading h2{margin:10px 0 0}.section-heading:after{content:'';display:block;width:40px;height:1px;background:var(--gold);margin:24px auto 0}h2{font:400 clamp(34px,3.7vw,52px)/1.2 Georgia,serif;margin:0 0 30px}h3{font:400 30px/1.35 Georgia,serif;margin:0 0 22px}.biography-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}figure{margin:0}.photo{position:relative;overflow:hidden;background:#dedbd4;isolation:isolate}.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.photo-label{position:absolute;bottom:22px;left:22px;right:22px;z-index:3;color:#77766e;font-size:11px;font-weight:400;letter-spacing:.4px;line-height:1.5}.hero-photo .photo-label{color:#c6c5bb}.photo.has-photo .photo-label,.photo.has-photo .ensemble-mark{display:none}.portrait-photo{height:560px;background:linear-gradient(145deg,#e4e0d8,#aaa79e)}figcaption{font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-top:16px}.biography-text h3{margin-bottom:15px}.biography-text p{font-size:15px;line-height:1.95;color:#61645d;margin:0 0 22px}.biography-text .intro{color:var(--ink);font-size:18px;line-height:1.75}.signature{font:italic 25px Georgia;color:#9a845f;margin-top:35px}.gallery{background:#efeee9}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-photo{height:330px;width:100%;border:0;padding:0;text-align:left}.gallery-photo:nth-child(2){background:#d0cec6}.gallery-photo:nth-child(3){background:#dcd5c9}.gallery-photo:not(:disabled){cursor:zoom-in}.gallery-photo img{transition:transform .4s}.gallery-photo:hover img{transform:scale(1.035)}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.activity-grid article{border-top:1px solid var(--line);padding-top:25px}.activity-index{font-size:11px;color:var(--gold);letter-spacing:1px;display:block;margin-bottom:20px}.activity-grid h3{font-size:27px;min-height:73px}.activity-grid p{font-size:14px;color:var(--muted);max-width:400px}.projects{background:#eeede7}.section-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:25px}.projects .section-label{display:none}.project-head{text-align:center;margin-bottom:45px}.project-head h2{margin-bottom:12px}.project-head>p{color:var(--muted);font-size:13px}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px}.ensemble-photo{height:460px;background:#cccac1}.ensemble-mark{display:none}.project-copy .eyebrow{color:#97815e}.project-copy h3{font-size:50px;margin:18px 0}.project-copy p{font-size:16px;color:#6f7268;max-width:340px}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:6px;margin-top:18px}.text-link:hover{color:#947b51}.project-foot{display:none}.concerts>.section-label{display:none}.concerts .section-heading{margin-bottom:35px}.concerts .section-heading h2{margin-bottom:18px}.event{display:grid;grid-template-columns:90px 1fr 25px;gap:35px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:820px;margin:auto}.event-date{font:46px Georgia;color:#a0875c}.event-date span{display:block;font:9px Arial;letter-spacing:1px;margin-top:14px}.event h3{font-size:27px;margin:8px 0 12px}.event p{font-size:12px;color:var(--muted);margin:6px 0}.event-icon{display:none}.concert-content>.text-link{display:table;margin:25px auto 0}.contact{background:#1e211e;color:#eee;padding:65px 0 0;text-align:center}.contact .section-label{display:none}.contact .eyebrow{color:var(--gold)}.contact-title{display:block;font:40px Georgia;margin:20px 0}.contact-arrow{font:27px Arial;color:var(--gold);margin-left:18px}.contact-bottom p{font-size:13px;color:#b0b5aa;max-width:390px;margin:0 auto 20px}.contact-bottom a{font-size:15px;border-bottom:1px solid #b49b7260;padding-bottom:7px}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;padding:25px 0;margin-top:60px;color:#9da496;font-size:10px}.preview-tools{position:fixed;bottom:12px;right:12px;z-index:10;background:white;box-shadow:0 4px 25px #0002;padding:12px 16px;font-size:12px;max-width:290px;max-height:70vh;overflow:auto}.preview-tools summary{cursor:pointer}.preview-tools label{display:block;margin:12px 0}.preview-tools input{display:block;width:100%;font-size:11px}.preview-tools button{background:#292b28;color:white;border:0;padding:8px 15px;cursor:pointer}.skip{position:fixed;top:-100px;z-index:20;background:white;padding:15px}.skip:focus{top:0}.motion .reveal{opacity:0;transform:translateY(15px);transition:opacity .65s,transform .65s}.motion .reveal.visible{opacity:1;transform:none}dialog{border:0;padding:0;background:#181a18;max-width:94vw;max-height:94vh;color:white}dialog::backdrop{background:#000d}dialog img{display:block;max-width:90vw;max-height:86vh;object-fit:contain}.lightbox-close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:40px;height:40px;background:#181a18d9;color:white;font-size:27px;cursor:pointer;z-index:1}html[lang|=zh] h1,html[lang|=zh] h2{font-family:'Songti SC',SimSun,serif}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header nav{gap:17px}.biography-grid{gap:40px}.portrait-photo{height:510px}.project-grid{gap:40px}.gallery-photo{height:280px}.hero{min-height:680px}.activity-grid{gap:35px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:80px}.menu{display:block;color:inherit;border:0;background:transparent;font-size:24px}.header nav{display:none;position:absolute;top:80px;left:-20px;right:-20px;background:#1e211e;padding:25px 20px;z-index:8}.header nav.open{display:flex;flex-direction:column;gap:20px}.hero{height:85svh;min-height:640px;max-height:850px}.hero-photo{inset:0!important}.hero-photo::after{background:linear-gradient(0deg,#191b1af2 3%,#191b1a60 80%)}.hero-photo .photo-label{top:135px;bottom:auto;right:20px;font-size:10px}.hero-inner{padding-top:270px}.hero h1{font-size:clamp(42px,10.7vw,67px);letter-spacing:-1px}.hero-inner>p{font-size:13px;max-width:245px}.hero-link{margin-top:6px;padding:10px 0}.hero-footer{font-size:8px;letter-spacing:1px;bottom:20px}.hero-footer>span:last-child{display:none}.section{padding:65px 0}.section-heading{margin-bottom:35px}h2{font-size:36px}.biography-grid{grid-template-columns:1fr;gap:30px}.portrait-photo{height:440px}.biography-text h3{font-size:28px}.biography-text p{font-size:15px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-photo{height:240px}.gallery-photo:first-child{grid-column:1/-1;height:300px}.gallery-photo .photo-label{left:14px;right:14px;font-size:10px}.activity-grid{grid-template-columns:1fr;gap:30px}.activity-grid h3{font-size:25px;min-height:0}.project-grid{grid-template-columns:1fr;gap:25px}.ensemble-photo{height:420px}.project-copy h3{font-size:40px}.event{grid-template-columns:60px 1fr;gap:20px}.event h3{font-size:23px}.event-date{font-size:40px}.event .eyebrow{font-size:9px}.contact-title{font-size:35px}footer{gap:20px;font-size:9px}.eyebrow{font-size:9px}.preview-tools{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.motion .reveal{opacity:1;transform:none}}
/* Framing the supplied screenshots without modifying the originals. */
.hero-photo img{height:113%;top:-13%;object-position:61% center}
.hero-photo::after{background:linear-gradient(90deg,#191b1af2,transparent 48%),linear-gradient(0deg,#191b1aaa,transparent 45%)}
.portrait-photo{height:auto;aspect-ratio:1003/1045}
.portrait-photo img{height:102.6%;object-fit:fill}
.gallery-photo[data-photo="live"] img{height:114%;top:-14%;width:108%;left:-4%;object-position:center}
.ensemble-photo{height:auto;aspect-ratio:774/1020}
.ensemble-photo img{height:105.1%;width:102%;left:-1%;object-fit:fill}
.gallery-photo[data-photo="group"]{height:auto;aspect-ratio:774/1020;align-self:center}
.gallery-photo[data-photo="group"] img{height:105.1%;width:102%;left:-1%;object-fit:fill}
.gallery-photo[data-photo="piano"]{height:auto;aspect-ratio:1.5;align-self:center}
.gallery-photo[data-photo="piano"] img{width:108%;height:108%;left:-4%;top:-4%;object-fit:cover}
.gallery-grid{grid-template-columns:1.2fr .85fr 1.2fr;align-items:center}
.event{grid-template-columns:155px 75px 1fr;align-items:center;max-width:920px}
.poster-photo{display:block;width:100%;aspect-ratio:783/1043;border:0;padding:0;cursor:zoom-in}
.poster-photo img{object-fit:contain}
@media(max-width:640px){.hero-photo{inset:80px 0 0!important}.hero-photo img{height:100%;top:0;object-fit:cover;object-position:60% center}.hero-photo::after{background:linear-gradient(0deg,#191b1afa 2%,#191b1a85 53%,#191b1a10 90%)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-photo[data-photo="live"]{height:auto;aspect-ratio:1.5}.gallery-photo[data-photo="piano"]{aspect-ratio:774/1020}.gallery-photo[data-photo="piano"] img{object-position:65% center}.event{grid-template-columns:60px 1fr;gap:20px}.poster-photo{grid-column:1/-1;max-width:320px;margin:auto}.ensemble-photo{height:auto}}
.hero-photo img{height:116%;top:-14%}
@media(max-width:640px){.hero{min-height:790px}.hero-photo img{height:115%;top:-14%;object-position:60% center}.hero-inner{padding-top:415px}.hero-photo::after{background:linear-gradient(0deg,#191b1aff 1%,#191b1ac9 33%,#191b1a05 72%)}}

/* Typography study: Cormorant Garamond + Manrope. */
:root{--font-heading:'Cormorant Garamond',Georgia,serif;--font-body:'Manrope',Arial,sans-serif}
body{font-family:var(--font-body)}
h1,h2,h3,.brand,.signature,.event-date,.contact-title{font-family:var(--font-heading);font-weight:500}
h1{font-size:clamp(60px,7.3vw,106px);line-height:1.04;letter-spacing:-.025em}
h2{font-size:clamp(38px,4.1vw,58px);line-height:1.12}
h3{font-weight:600}
.header nav,.hero-link{font-weight:500}
.biography-text p{font-size:16px;line-height:1.95}
.biography-text .intro{font-size:19px;line-height:1.75}
.signature{font-style:normal;font-size:30px}
.event-date span,.contact-arrow{font-family:var(--font-body)}
html[lang|=zh]{--font-heading:'Songti SC',SimSun,serif;--font-body:'Manrope','PingFang SC','Microsoft YaHei',sans-serif}
@media(max-width:640px){.hero h1{font-size:clamp(48px,12.3vw,76px);letter-spacing:-.025em;line-height:1.05}h2{font-size:42px}.biography-text p{font-size:16px}.biography-text h3{font-size:32px}.hero-inner>p{font-size:13px}.activity-grid h3{font-size:28px}}
html[lang=kk]{--font-body:'Noto Sans',Arial,sans-serif}
