:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#263e3c;background:#f7f6f0;font-synthesis:none;color-scheme:light;--ink:#263e3c;--muted:#78847b;--line:#dce1d6;--gold:#9b7544;--serif:"Songti SC","Noto Serif SC","SimSun",Georgia,serif}
*{box-sizing:border-box}body{margin:0;line-height:1.65}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aa834d;outline-offset:4px}.skip{position:absolute;top:-80px;left:16px;background:#fff;padding:12px}.skip:focus{top:12px}.masthead{background:#192d3d;color:#f7f8f3}.head-inner{max-width:1440px;margin:auto;padding:20px 36px;display:flex;align-items:center;gap:24px}.brand{gap:14px;flex-shrink:0}.brand img{border-radius:10px;object-fit:cover}.brand strong{display:block;font-size:19px;letter-spacing:.1em}.brand small{display:block;color:#d6b589;font-size:11px;letter-spacing:.1em}
main{max-width:1212px;margin:auto;padding:0 36px 29px}.work-intro{display:grid;grid-template-columns:1.04fr 1fr;gap:70px;align-items:center;padding:55px 0 28px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:.17em;color:#7c887b;margin:0 0 18px}.tiny-rule{display:block;width:28px;height:1px;background:#9aaf9c}.work-intro h1{display:flex;align-items:center;gap:19px;font:500 clamp(52px,6.5vw,78px)/1.2 var(--serif);letter-spacing:.15em;margin:0;color:#29463d}.title-seal{display:inline-block;flex-shrink:0;border:1px solid #a26f59;border-radius:2px;padding:4px 3px;color:#97644b;font:500 10px/1.15 var(--serif);letter-spacing:0;text-align:center;transform:rotate(-3deg)}.work-subtitle{margin:18px 0 0;font:400 16px/1.8 var(--serif);letter-spacing:.16em;color:#7b8776}.work-details{border-left:1px solid #dce1d6;padding-left:39px}.intro-copy{font:400 15px/1.9 var(--serif);letter-spacing:.035em;color:#697a6c;margin:0 0 23px}.credits{display:flex;gap:28px;flex-wrap:wrap;margin:0}.credits div{display:flex;flex-direction:column;gap:4px}.credits dt{font-size:10px;color:#929b8b;letter-spacing:.08em}.credits dd{font-size:13px;font-weight:600;color:#536956;margin:0}.award{display:flex;align-items:center;gap:11px;width:fit-content;max-width:100%;margin:0 0 38px;border:1px solid #e8dfca;border-radius:4px;padding:9px 14px;background:#f5f0e4;color:#957648;font-size:11px;letter-spacing:.02em;line-height:1.7}.award svg{width:18px;height:18px;flex-shrink:0}.award strong{font-weight:600;margin-left:9px;color:#805e30}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.section-heading h2{font-size:13px;font-weight:600;letter-spacing:.09em;color:#667a68;margin:0}.section-heading>span{font-size:11px;letter-spacing:.02em;color:#909c8a}.movement-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.movement-card{position:relative;display:flex;align-items:center;gap:18px;min-height:100px;min-width:0;padding:20px 23px;border:1px solid #dde4d9;border-radius:9px;background:#fbfcf8;text-align:left;overflow:hidden;color:#536e5b;transition:background .18s,border-color .18s}.movement-card:hover{background:#f0f4eb;border-color:#c1cfbe}.movement-card[aria-pressed="true"]{border-color:#749582;background:#edf4ec;box-shadow:inset 0 0 0 1px #749582}.movement-index{font:400 28px/1 Georgia,serif;color:#b0bda5;position:relative;z-index:1}.movement-card[aria-pressed="true"] .movement-index{color:#60836a}.movement-card-title{position:relative;z-index:1;display:block}.movement-card-title small{display:block;font-size:9px;font-weight:400;letter-spacing:.1em;color:#8b9a80;margin-bottom:4px}.movement-card-title strong{display:block;font:600 22px/1.35 var(--serif);letter-spacing:.08em;white-space:nowrap}.card-arrow{position:absolute;right:15px;top:11px;font-size:14px;color:#9bae93}.card-symbol{position:absolute;display:flex;align-items:center;justify-content:center;right:20px;bottom:3px;width:73px;height:66px;opacity:.18;pointer-events:none}.forest i{position:absolute;bottom:-3px;width:27px;height:48px;border-radius:50% 50% 0 0;background:#5c8269;transform:skew(-7deg)}.forest i:nth-child(1){left:3px;height:39px}.forest i:nth-child(2){left:29px;height:59px}.forest i:nth-child(3){left:48px;height:28px}.rain{gap:8px;transform:rotate(20deg)}.rain i{display:block;width:1px;height:37px;background:#47786c}.rain i:nth-child(even){transform:translateY(-10px)}.echo i{position:absolute;width:43px;height:43px;border:1px solid #567965;border-radius:50%}.echo i:nth-child(1){transform:translateX(-15px)}.echo i:nth-child(3){transform:translateX(15px)}
.screen-section{margin-top:30px}.screen-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 2px 16px}.screen-heading .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:3px;color:#92a08b}.screen-heading h2{font:600 22px/1.4 var(--serif);letter-spacing:.06em;margin:0;color:#4b6653}.screen-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end}.source-link{display:flex;align-items:center;gap:19px;min-height:44px;padding:8px 0;color:#7b8d77;font-size:11px;letter-spacing:.03em}.source-link:hover{color:#345c45}.source-link>span{font-size:16px}.close-video{border:1px solid #dce4d5;border-radius:5px;background:#fbfcf8;color:#74856b;font-size:11px;min-height:36px;padding:7px 12px}.video-stage{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#193832;box-shadow:0 13px 31px #2942380b;isolation:isolate}.video-cover,.player-mount{position:absolute;inset:0}.landscape{display:block;width:100%;height:100%;transition:filter .25s}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b272138,transparent 35%,transparent 65%,#0b272138),linear-gradient(0deg,#0a292862,transparent 26%,#0b27211a)}.cover-edition{position:absolute;top:27px;left:31px;font-size:8px;line-height:1.9;letter-spacing:.18em;color:#dce2cf7d}.cover-number{position:absolute;right:27px;top:15px;font:400 66px/1.1 Georgia,serif;color:#c1cdb529}.cover-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eef0dc;padding:35px}.cover-kicker{font-size:11px;letter-spacing:.34em;color:#f2ecd2ae;margin:0 0 12px}.cover-center h3{font:500 clamp(28px,4.3vw,48px)/1.25 var(--serif);letter-spacing:.2em;padding-left:.2em;margin:0 0 29px;text-shadow:0 2px 22px #143224}.play-video{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 24px;border:1px solid #e3d1a380;border-radius:999px;background:#e9dfcbe8;color:#27483e;font-size:12px;font-weight:600;letter-spacing:.07em;box-shadow:0 6px 23px #0529212b;transition:background .18s,transform .18s}.play-video:hover{background:#f6edd8;transform:translateY(-2px)}.play-video:focus-visible{outline-color:#f6dd9d;outline-offset:6px}.play-icon{font-size:13px}.cover-hint{margin:13px 0 0;font-size:9px;color:#d5ddc9a8;letter-spacing:.08em}.cover-caption{position:absolute;right:31px;bottom:24px;font:400 11px/1.5 var(--serif);letter-spacing:.22em;color:#dae1c9a3}.player-mount iframe{display:block;width:100%;height:100%;border:0;background:#111}.video-stage[data-movement="zhenyu"] .landscape{filter:saturate(.63) hue-rotate(14deg) brightness(.91)}.video-stage[data-movement="konggu"] .landscape{filter:sepia(.2) saturate(.83) hue-rotate(-13deg)}.video-stage[data-movement="zhenyu"] .cover-shade{background:repeating-linear-gradient(112deg,transparent 0 21px,#dce5da04 21px 22px,transparent 22px 45px),linear-gradient(0deg,#0a292877,transparent 60%)}.viewing-note{margin:12px 2px 0;font-size:10px;line-height:1.8;color:#8d9786}.viewing-note p{margin:3px 0}.viewing-note #video-status{color:#65836c}.viewing-note #video-status:empty{display:none}.work-colophon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 0 28px;margin-top:31px;border-top:1px solid #dce2d5;border-bottom:1px solid #e3e7dd}.colophon-mark{font:500 24px/1.5 var(--serif);letter-spacing:.16em;color:#6c7e68}.work-colophon p{font-size:10px;letter-spacing:.05em;color:#8d9884;margin:5px 0 0}.colophon-year{font:400 43px/1 Georgia,serif;color:#bcc6ad}.noscript-note{font-size:12px;line-height:1.9;color:#63745f;padding:15px;border:1px solid #d8e0cd}.noscript-note a{text-decoration:underline}footer{padding:24px 0 0;font-size:10px;color:#929e85;letter-spacing:.05em}
@media(min-width:1450px){.work-intro{padding-top:64px;padding-bottom:31px}.screen-section{margin-top:34px}}
@media(max-width:1000px){.work-intro{gap:36px}.work-details{padding-left:26px}.credits{gap:22px}.movement-card{padding:18px;gap:14px}.movement-card-title strong{font-size:21px}.card-symbol{right:10px;opacity:.13}.award{margin-bottom:30px}}
@media(max-width:820px){.head-inner{padding:17px 22px;gap:14px}main{padding:0 22px 25px}.work-intro{gap:27px;padding-top:36px}.work-intro h1{font-size:57px;gap:13px}.work-details{padding-left:24px}.intro-copy{font-size:13px}.credits{gap:17px}.credits dd{font-size:12px}.work-subtitle{font-size:14px;letter-spacing:.12em}.movement-card{padding:17px 15px;gap:11px;min-height:91px}.movement-index{font-size:23px}.movement-card-title strong{font-size:20px}.movement-card-title small{font-size:8px}.card-symbol{width:45px;right:11px}.forest i:nth-child(2){left:18px}.forest i:nth-child(3){left:31px}.cover-center h3{margin-bottom:23px}.cover-edition{top:20px;left:23px}.cover-caption{right:23px;bottom:20px}}
@media(max-width:620px){.work-intro{grid-template-columns:1fr;gap:24px;padding:30px 0 22px}.work-intro h1{font-size:61px}.eyebrow{font-size:9px;margin-bottom:15px}.work-subtitle{margin-top:12px;font-size:14px}.work-details{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.intro-copy{font-size:12px;margin:0}.desktop-break{display:none}.credits{display:grid;gap:6px;min-width:126px;border-left:1px solid #dce1d6;padding-left:18px}.credits div{flex-direction:row;justify-content:space-between;gap:10px}.credits dt{font-size:9px;white-space:nowrap}.credits dd{font-size:11px;white-space:nowrap}.award{font-size:10px;padding:8px 10px;gap:8px;margin-bottom:26px}.award strong{display:inline-block;margin-left:5px}.movement-picker{gap:8px}.movement-card{padding:14px 10px;min-height:94px;display:block}.movement-index{display:block;font-size:17px;margin-bottom:8px}.movement-card-title small{font-size:8px;letter-spacing:0;margin-bottom:4px}.movement-card-title strong{font-size:17px;letter-spacing:.03em}.card-arrow{right:9px;top:9px;font-size:12px}.card-symbol{display:none}.section-heading{margin-bottom:11px}.section-heading h2{font-size:12px}.section-heading>span{font-size:10px}.screen-section{margin-top:25px}.screen-heading{margin:0 1px 12px;gap:10px;align-items:center}.screen-heading h2{font-size:20px}.screen-heading .eyebrow{font-size:8px}.screen-controls{gap:5px}.source-link{font-size:10px;gap:7px}.close-video{font-size:10px;padding:6px 8px}.video-stage{border-radius:8px}.cover-center{padding:16px}.cover-kicker{font-size:8px;margin-bottom:7px;letter-spacing:.2em}.cover-center h3{font-size:27px;margin-bottom:14px;letter-spacing:.1em}.play-video{min-height:42px;font-size:10px;padding:10px 17px;gap:9px}.play-icon{font-size:11px}.cover-hint{font-size:8px;margin-top:8px}.cover-edition{left:15px;top:14px;font-size:6px}.cover-number{font-size:40px;right:14px;top:10px}.cover-caption{font-size:8px;right:15px;bottom:12px}.viewing-note{font-size:9px;margin-top:10px}.work-colophon{margin-top:23px;padding:22px 0}.colophon-mark{font-size:21px}.colophon-year{font-size:35px}.work-colophon p{font-size:9px}}
@media(max-width:520px){.head-inner{padding:14px 17px;gap:8px}.brand{gap:12px}.brand strong{font-size:16px}.brand small{font-size:10px}main{padding:0 16px 22px}.work-intro{padding-top:26px;gap:22px}.work-intro h1{font-size:57px}.work-details{gap:15px}.intro-copy{font-size:11px;line-height:1.85}.credits{min-width:118px;padding-left:13px}.section-heading>span{font-size:9px}.movement-card-title strong{font-size:16px}.screen-heading h2{font-size:18px}.screen-controls{max-width:180px}.close-video{min-height:34px}.cover-center h3{font-size:24px;margin-bottom:11px}.cover-center{padding:12px}.cover-kicker{font-size:7px;margin-bottom:5px}.cover-hint{display:none}.play-video{min-height:44px;font-size:10px;padding:10px 15px}.cover-edition{font-size:5px;left:11px;top:11px}.cover-number{font-size:34px}.cover-caption{font-size:7px;bottom:10px;right:11px}.award{font-size:9px;gap:7px}.award svg{width:15px;height:15px}}
@media(max-width:350px){main{padding-inline:13px}.work-intro h1{font-size:51px}.work-details{grid-template-columns:1fr;gap:15px}.intro-copy br{display:none}.credits{display:flex;border-left:0;padding:0;gap:20px}.credits div{flex-direction:column;gap:2px}.movement-card{padding:12px 8px}.movement-card-title strong{font-size:14px}.movement-card-title small{font-size:7px}.screen-controls{gap:2px}.source-link{font-size:9px}.close-video{font-size:9px;padding:6px}.cover-center h3{font-size:22px}.cover-kicker{display:none}.cover-number{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.movement-card,.landscape,.play-video{transition:none}.play-video:hover{transform:none}}
@media print{.masthead,.movements,.screen-section,.skip{display:none}.work-intro{padding-top:0}body{background:white}.award{background:white}.work-colophon{margin-top:20px}}

/* Keep the source video available even if the embedded player cannot load. */
.source-link{border:1px solid #bacab8;border-radius:6px;background:#edf4ec;padding:8px 12px;color:#345c45;font-weight:600}.screen-controls>button{min-height:44px}@media(max-width:620px){.screen-heading{flex-wrap:wrap}.screen-controls{max-width:none;gap:6px}.source-link{padding:8px 10px}}

/* Second quartet uses the shared work-page chrome and a single deliberate-play stage. */
.quartet-intro h1{font-size:clamp(30px,4.1vw,49px);letter-spacing:.055em;line-height:1.4;display:block}.quartet-intro .quartet-subtitle{font-size:clamp(23px,2.8vw,33px);letter-spacing:.22em;margin-top:8px;color:#70806a}.quartet-intro .work-details{min-width:0}.quartet-screen{margin-top:8px}.quartet-art{display:block;width:100%;height:100%}.quartet-cover .cover-center{align-items:flex-start;padding:clamp(25px,5.7vw,70px)}.quartet-cover .cover-kicker{letter-spacing:.16em}.quartet-cover .cover-center h3{font-size:clamp(32px,6.2vw,74px);margin:2px 0 30px;letter-spacing:.14em;padding-left:0}.quartet-cover .cover-hint{letter-spacing:.025em}.quartet-showcase #quartet-video-status{color:#526f5a}.quartet-showcase #quartet-video-status:empty{display:none}
@media(max-width:820px){.quartet-intro h1{font-size:32px}.quartet-intro .work-details{padding-left:22px}.quartet-intro .credits{gap:15px}.quartet-cover .cover-center h3{margin-bottom:22px}}
@media(max-width:620px){.quartet-intro{gap:22px}.quartet-intro h1{font-size:clamp(27px,6.8vw,40px)}.quartet-intro .work-details{display:block;padding-left:0}.quartet-intro .intro-copy{font-size:13px;margin-bottom:18px}.quartet-intro .credits{display:flex;flex-wrap:wrap;border-left:0;padding:0;gap:14px 25px}.quartet-intro .credits div{display:block}.quartet-intro .credits dt{font-size:10px}.quartet-intro .credits dd{font-size:12px;margin-top:4px;white-space:normal}.quartet-cover .cover-center{padding:24px}.quartet-cover .cover-center h3{font-size:clamp(26px,7.4vw,43px);margin-bottom:18px}.quartet-cover .cover-kicker{font-size:8px;margin-bottom:5px}.quartet-cover .cover-number{font-size:40px;right:19px}.quartet-cover .cover-caption{font-size:7px}}
@media(max-width:380px){.quartet-cover .cover-center{padding:20px}.quartet-cover .cover-kicker{display:block;font-size:7px}.quartet-cover .cover-center h3{font-size:26px;margin-bottom:12px}.quartet-cover .cover-edition{display:none}.quartet-cover .cover-caption{display:none}.quartet-cover .play-video{padding:9px 15px;min-height:42px}.quartet-intro .credits{gap:13px 20px}}