.ko-masthead{padding-top:calc(var(--ko-chrome) + 4.5rem);padding-bottom:4rem}.ko-chapter-card{border-top:1px solid var(--color-line);padding-top:calc(var(--ko-chrome) + 3.5rem);padding-bottom:4rem;container-type:inline-size}.ko-chapter-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""title""deck""lines";display:grid}.ko-chapter-label{grid-area:label}.ko-chapter-title{grid-area:title;margin-top:1rem}.ko-chapter-deck{grid-area:deck;max-width:22em;margin-top:1.25rem}.ko-chapter-lines{grid-area:lines;margin-top:2.25rem}@container (width>=60rem){.ko-chapter-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);grid-template-areas:"label lines""title lines""deck lines";column-gap:1.5rem}.ko-chapter-lines{align-self:end;margin-top:0}}@property --chip{syntax:"<color>";inherits:true;initial-value:#93a0b8}@media (width>=64rem){.ko-following{scroll-margin-top:calc(-4.125rem - 1px)}}.ko-follow-stage{width:100%;margin-inline:auto}@media (width>=1024px){.ko-follow-stage{width:min(100%, 72vw, max(640px, calc((100svh - var(--ko-chrome) - 11rem - 54px) * var(--fit))))}}.ko-follow-plate{background:var(--ebony-paper);border-block:1px solid var(--ebony-paper-hairline)}.ko-follow-window{aspect-ratio:var(--aspect);position:relative;overflow:hidden}.ko-follow-stack{will-change:transform}.ko-follow-slot{aspect-ratio:var(--slot-aspect);position:relative}.ko-follow-slot .ko-sheet{inset-inline:0;top:var(--slot-sheet-top);background:0 0;border-block:0;position:absolute}.ko-follow-keyswrap{aspect-ratio:var(--keys-aspect);margin-top:10px;position:relative}.ko-follow-keys{width:100%;height:100%;display:block}.ko-follow-keys3d-mount{pointer-events:none;position:absolute;inset:0}.ko-follow-keys3d{opacity:0;width:100%;height:100%;transition:opacity .55s;display:block}.ko-follow-keys{transition:opacity .55s}.is-three .ko-follow-keys3d{opacity:1}.is-three .ko-follow-keys{opacity:0}.ko-keys-felt{fill:var(--ebony-key-felt)}.ko-kw-back{stop-color:color-mix(in srgb, var(--ebony-key-white-idle) 35%, var(--ebony-key-white-top))}.ko-kw-fore{stop-color:color-mix(in srgb, var(--ebony-key-white-top) 80%, #d8c6a8)}.ko-keys-lamp{pointer-events:none}.ko-lamp-edge{stop-color:var(--ebony-bg);stop-opacity:.5}.ko-lamp-mid{stop-color:var(--ebony-bg);stop-opacity:.16}.ko-lamp-centre{stop-color:var(--ebony-bg);stop-opacity:0}.ko-kf-top{stop-color:color-mix(in srgb, var(--ebony-key-white-idle) 80%, var(--ebony-key-white-top))}.ko-kf-bottom{stop-color:color-mix(in srgb, var(--ebony-key-white-idle) 70%, #000)}.ko-kn-top{stop-color:#ffffff1c}.ko-kn-bottom{stop-color:#fff0}.ko-kb-back{stop-color:var(--ebony-key-black-idle)}.ko-kb-fore{stop-color:var(--ebony-key-black-top)}.ko-kb-body{fill:color-mix(in srgb, var(--ebony-key-black-idle) 60%, var(--ebony-key-black-top))}.ko-kb-front{fill:color-mix(in srgb, var(--ebony-key-black-top) 75%, var(--ebony-key-white-top))}.ko-key{--l:0;--p:0}html:not(.js) .ko-key{--l:var(--sl,0);--p:var(--sp,0)}.ko-key-glow{opacity:var(--l)}.ko-key-glow-front{fill:#4d399e}.ko-kw-face{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(calc(1 + var(--p) * var(--wd)))}.ko-kw-front{transform:translateY(calc(var(--p) * var(--wt) * 1px))}.ko-kb-top{transform:translateY(calc(var(--p) * var(--bd) * 1px))}.ko-kb-front{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(calc(1 - var(--p) * var(--bf)))}.js .ko-follow-hit{opacity:0}.js .ko-follow-static,html:not(.js) .ko-follow-controls{display:none}@media (prefers-reduced-motion:no-preference){.js [data-follow-lamp]{opacity:.7}.js [data-follow-lamp][data-idle="0.55"]{opacity:.55}}@media (width<=639px){.ko-follow-bleed{margin-inline:calc(-1*max(5vw,1.5rem))}}.ko-follow-bartag,.ko-follow-caption{font-family:var(--font-serif);color:var(--color-fg-2);font-size:.9375rem;font-style:italic;line-height:1.45}.ko-follow-bartag{white-space:nowrap}.ko-follow-bartag,.ko-follow-bars{font-variant-numeric:tabular-nums;margin-inline-start:auto}.ko-fade{justify-items:end;display:inline-grid}.ko-fade>*{grid-area:1/1}.ko-fade-sizer{visibility:hidden}.ko-fade-in{animation:.25s ease-in-out both ko-fade-in}.ko-fade-out{animation:.25s ease-in-out both ko-fade-out}@keyframes ko-fade-in{0%{opacity:0}}@keyframes ko-fade-out{to{opacity:0}}.ko-follow-bartag:lang(zh-Hans),.ko-follow-caption:lang(zh-Hans){font-style:normal}.ko-chip{--chip:var(--ebony-acquiring);max-width:100%;color:var(--chip);background:color-mix(in srgb, var(--chip) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chip) 35%, transparent);border-radius:9999px;flex:none;padding:4px 12px;font-size:.9375rem;font-weight:600;line-height:1.35;display:inline-flex}.ko-live .ko-chip{transition:--chip .25s ease-in-out}.ko-chip-stack,.ko-follow-swap{place-items:center start;display:inline-grid}.ko-chip-stack>*,.ko-follow-swap>*{opacity:0;grid-area:1/1}.ko-live .ko-chip-stack>*,.ko-live .ko-follow-swap>*{transition:opacity .25s ease-in-out}.ko-chip-stack>[data-on=true],.ko-follow-swap>[data-on=true]{opacity:1}.ko-chip-stack{justify-items:center}.ko-chip-unit{align-items:center;gap:5px;display:inline-flex}.ko-chip-unit>svg{flex:none;width:1em;height:1em}.ko-follow-ghost{text-align:start;cursor:pointer;border-radius:9999px;align-items:center;max-width:100%;font-weight:600;line-height:1.25;display:inline-flex}.ko-follow-ghost svg{flex:none}.ko-follow-ghost{min-height:3rem;color:var(--color-fg);box-shadow:inset 0 0 0 1px var(--color-line-strong);gap:.5rem;padding:.5rem 1.35rem .5rem 1.1rem;font-size:.9375rem;transition:box-shadow .3s}.ko-follow-ghost:hover{box-shadow:inset 0 0 0 1px var(--color-fg-3)}@media (prefers-reduced-motion:reduce){.ko-live .ko-chip,.ko-live .ko-chip-stack>*,.ko-live .ko-follow-swap>*{transition:none}.ko-fade-in,.ko-fade-out{animation:none}.ko-fade-out{opacity:0}}.ko-reading{--sheet-w:min(100%, 44rem);--reading-scan:#262421e6;position:relative;overflow-x:clip}.ko-reading-pin{padding-top:calc(var(--ko-chrome) + 3rem);flex-direction:column;justify-content:center;padding-bottom:4rem;display:flex;position:relative;container:reading/inline-size}.ko-reading-marks{width:1px;height:0;position:absolute;top:0;left:0}.ko-reading-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""parts""caps""transport""stage";width:100%;max-width:1320px;margin-inline:auto;padding-inline:max(5vw,1.5rem);display:grid}.ko-reading-head{grid-area:head}.ko-reading-name{margin-top:1rem}.ko-reading-line{max-width:22em;margin-top:1.25rem}.ko-reading-parts{grid-area:parts;max-width:30rem;margin-top:2rem;padding:0;list-style:none}.ko-reading-part{color:var(--color-fg);grid-template-columns:2.25rem minmax(0,1fr);align-items:baseline;row-gap:.625rem;padding-top:.75rem;transition:color .3s;display:grid;position:relative}.ko-reading-part+.ko-reading-part{margin-top:.35rem}.ko-reading-part-n{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;line-height:1}.ko-reading-part-row{min-width:0}.ko-reading-part-name{font-family:var(--font-serif);font-size:var(--ko-type-list);letter-spacing:-.01em;font-weight:500;line-height:1.25;display:inline}.ko-reading-part-name:lang(zh-Hans){font-size:calc(var(--ko-type-list) * .9);letter-spacing:0}.ko-reading-part-button{font:inherit;color:inherit;text-align:left;cursor:pointer;display:inline-flex}.ko-reading-part-button:after{content:"";position:absolute;inset:0}.ko-reading-part-button:focus-visible{outline:none}.ko-reading-part:has(.ko-reading-part-button:focus-visible){outline:1px solid var(--color-fg-2);outline-offset:2px;border-radius:2px}.ko-reading-part .ko-status{white-space:nowrap}.ko-reading-part-bar{background:color-mix(in srgb, var(--ebony-text-primary) 18%, transparent);grid-column:1/-1;height:2px;display:block;position:relative;overflow:hidden}.ko-reading-part-fill{background:var(--color-line-strong);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.ko-reading-caps{grid-area:caps}.ko-reading-caption{margin-top:1.5rem}.ko-reading-step{margin-bottom:.4rem}.ko-reading-cap{max-width:30ch;font-family:var(--font-serif);font-size:var(--ko-type-sub);color:var(--color-fg-2);text-wrap:pretty;line-height:1.42}.ko-reading-cap:lang(zh-Hans){text-wrap:balance}.ko-reading-transport-row{grid-area:transport;display:none}.ko-reading-stage{grid-area:stage;margin-top:2.5rem}.ko-reading-plate{width:var(--sheet-w);padding-top:calc(var(--sheet-w) * .066);margin-inline:auto;position:relative;container-type:inline-size}.ko-reading-page{transform-origin:50% 62%;position:relative}.ko-reading-print{--print-shadow:0;width:105.476%;min-height:calc((100% + 100cqw * 1100 / 21000) * (1 - var(--print-shadow)));isolation:isolate;opacity:.45;box-shadow:0 0 0 1px #3a2c1e0f, 0 calc(var(--print-shadow) * 1.1rem) calc(var(--print-shadow) * 2.2rem) calc(var(--print-shadow) * -.6rem) rgb(58 44 30/calc(var(--print-shadow) * .34));background:#ece8df;margin-top:-5.2381%;position:absolute;top:0;left:-3.33333%;transform:translate(3.5%,5.5%)rotate(.8deg)scale(.96)}.ko-reading-print:after{content:"";z-index:-1;width:46%;height:22%;opacity:var(--print-shadow);background:radial-gradient(60% 55% at 62% 58%,#3a2c1e42,#3a2c1e00 72%);position:absolute;bottom:-2.5%;right:-1.5%}.ko-reading-print img{aspect-ratio:1280/1142;width:100%;height:auto;display:block}.ko-reading-reveal,.ko-reading-reveal-inner{position:relative}.ko-reading-reveal{pointer-events:none}.ko-reading-sheet .ko-sheet{box-shadow:0 0 0 1px var(--color-line-strong)}.ko-reading-pencil{opacity:.92;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ko-reading-scan{display:none}.ko-reading-key{width:var(--sheet-w);margin:max(1.1rem, calc(var(--sheet-w) * .046 + .375rem)) auto 0;align-items:flex-start;gap:.75rem;display:flex}.ko-reading-quote{color:var(--color-fg);font-size:.9375rem}.ko-reading-meta{color:var(--color-fg-3);margin-top:.2rem;font-size:.8125rem;line-height:1.45}.ko-reading-bars{font-family:var(--font-serif);color:var(--color-fg-2);font-style:italic}.ko-reading-bars:lang(zh-Hans){font-style:normal}.ko-reading-transport{min-height:2.75rem;color:var(--color-fg);box-shadow:inset 0 0 0 1px var(--color-line-strong);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1.2rem .4rem 1rem;font-size:.9375rem;font-weight:600;line-height:1.25;transition:box-shadow .3s;display:inline-flex}.ko-reading-transport:hover{box-shadow:inset 0 0 0 1px var(--color-fg-3)}.ko-reading-transport:focus-visible{outline:1px solid var(--color-fg-2);outline-offset:2px}.ko-reading-transport svg{flex:none;width:1rem;height:1rem}@container reading (width>=52rem){.ko-reading-grid{grid-template:"head stage""parts stage""caps stage"".stage"1fr/minmax(0,5fr) minmax(0,7fr);column-gap:1.5rem}.ko-reading-stage{margin-top:0}}@media (prefers-reduced-motion:no-preference){.js .ko-reading .ko-reading-grid{grid-template-areas:"head""parts""caps""transport""stage"}.js .ko-reading .ko-reading-part{color:var(--color-fg-3)}.js .ko-reading .ko-reading-part:hover,.js .ko-reading .ko-reading-part[aria-current]{color:var(--color-fg)}.js .ko-reading .ko-reading-part[aria-current] .ko-reading-part-fill{background:var(--ebony-text-primary)}.js .ko-reading .ko-reading-caps{margin-top:1.25rem;display:grid}.js .ko-reading .ko-reading-caption{grid-area:1/1;margin-top:0}.js .ko-reading .ko-reading-step{display:none}.js .ko-reading .ko-reading-transport-row{margin-top:1rem;display:block}.js .ko-reading .ko-reading-stage{margin-top:1.75rem}.js .ko-reading .ko-reading-print{--print-shadow:1;opacity:1;transform:none}.js .ko-reading .ko-reading-page{transform:perspective(1400px)translateY(14px)rotate(-2.4deg)rotateX(9deg)scale(.95)}.js .ko-reading .ko-reading-reveal{overflow:hidden;transform:translateY(-100%)}.js .ko-reading [data-reading-sheet]:not([data-scanned]) .ko-sheet{box-shadow:none}.js .ko-reading .ko-reading-reveal-inner{transform:translateY(100%)}.js .ko-reading .ko-reading-reveal,.js .ko-reading .ko-reading-reveal-inner,.js .ko-reading .ko-reading-print,.js .ko-reading .ko-reading-beam,.js .ko-reading .ko-reading-scan-marks,.js .ko-reading .ko-reading-pencil{will-change:transform}.js .ko-reading .ko-reading-scan{aspect-ratio:22150/17560;pointer-events:none;width:105.476%;display:block;position:absolute;top:0;left:-3.33333%;overflow:hidden}.js .ko-reading .ko-reading-beam{opacity:0;position:absolute;inset:0}.js .ko-reading .ko-reading-beam>span{background:linear-gradient(#fbfaf600,#fbfaf680 28%,#fffefa9e 60%,#fffefaf0);height:24%;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 1.5px #2624218c,0 2px 10px #2624211f}.js .ko-reading .ko-reading-beam>span:after{content:"";background:linear-gradient(#fffefa99,#fffefa00);height:14%;position:absolute;top:calc(100% + 1.5px);left:0;right:0}.js .ko-reading .ko-reading-scan-marks{width:94.8081%;height:100%;position:absolute;top:0;left:3.16027%;overflow:visible}.js .ko-reading [data-scan-staff] path{fill:none;stroke:var(--reading-scan);stroke-width:40px;opacity:0}.js .ko-reading [data-scan-notes]{opacity:0}.js .ko-reading [data-scan-notes] path{fill:none;stroke:var(--reading-scan);stroke-width:30px}.js .ko-reading [data-reading-caption="1"],.js .ko-reading [data-reading-caption="2"],.js .ko-reading [data-reading-caption="3"],.js .ko-reading [data-pin],.js .ko-reading [data-tint],.js .ko-reading [data-pencil],.js .ko-reading [data-reading-key],.js .ko-reading .ko-sheet-band>*{opacity:0}@container reading (width>=52rem){.js .ko-reading .ko-reading-grid{grid-template-rows:1fr auto auto auto auto 1fr;grid-template-areas:".stage""head stage""parts stage""caps stage""transport stage"".stage"}.js .ko-reading .ko-reading-stage{align-self:center;margin:0}.js .ko-reading .ko-reading-caps,.js .ko-reading .ko-reading-transport-row{margin-top:1.5rem}}}@media (width>=1024px) and (prefers-reduced-motion:no-preference){.js .ko-reading:not(.is-flow){--sheet-w:min(100%, 44rem, max(380px, calc((100svh - var(--ko-chrome) - 190px) / .902)))}.js .ko-reading:not(.is-flow) .ko-reading-pin{min-height:100svh;padding-top:calc(var(--ko-chrome) + 1.5rem);padding-bottom:1.25rem}.js .ko-reading.is-flow{--sheet-w:min(100%, 44rem, max(20rem, calc((100svh - var(--ko-chrome) - 11rem) / .902)))}.js .ko-reading.is-flow .ko-reading-pin{padding-top:calc(var(--ko-chrome) + 1.5rem)}}@media (width>=64rem) and (orientation:portrait) and (prefers-reduced-motion:no-preference){.js .ko-reading:not(.is-flow){--sheet-w:min(100%, 50rem, max(380px, calc((100svh - var(--ko-chrome) - 190px - 17rem) / .902)))}.js .ko-reading:not(.is-flow) .ko-reading-pin{justify-content:flex-start}@container reading (width>=52rem){.js .ko-reading:not(.is-flow) .ko-reading-grid{grid-template-rows:auto auto auto 1fr;grid-template-areas:"head parts""head caps""head transport""stage stage"}.js .ko-reading:not(.is-flow) .ko-reading-parts{margin-top:0}.js .ko-reading:not(.is-flow) .ko-reading-stage{align-self:start;margin-top:clamp(1.5rem,3svh,2.5rem)}}}.ko-vision{position:relative;overflow-x:clip}.ko-vision-pin{max-width:1320px;padding:calc(var(--ko-chrome) + 1.625rem) max(5vw, 1.5rem) 3rem;margin-inline:auto;position:relative}.ko-vision-stage{margin-top:3rem;position:relative}.ko-vision-still{max-width:max(264px, min(640px, calc((100svh - var(--ko-chrome,0px) - 5rem) * 600 / 566)));margin-inline:auto;position:relative}.ko-vision-still .ko-twin{--pict:24px}.ko-vision-still .ko-twin image{opacity:calc(.55 + .45 * var(--twin-light,1))}.ko-vision-still .ko-twin-thread,.ko-vision-still .ko-twin-cursor{opacity:clamp(0, calc((var(--twin-draw,1) - .15) * 5), 1)}.ko-vision-still .ko-twin-pattern,.ko-vision-still .ko-twin-ictus,.ko-vision-still .ko-twin-podium,.ko-vision-still .ko-twin-cues,.ko-vision-still .ko-twin-trail,.ko-vision-still .ko-twin-beat{opacity:clamp(0, calc((var(--twin-draw,1) - .3) * 5), 1)}.ko-vision-still .ko-twin-rails{opacity:clamp(0, calc((var(--twin-draw,1) - .45) * 5), 1)}.ko-vision-still .ko-twin-part{opacity:clamp(0, calc((var(--twin-draw,1) - .7) * 3.4), 1)}.ko-vision-canvas,.ko-vision-overlay,.ko-vision-parts{display:none}.ko-vision-chain{color:var(--color-fg-2);flex-wrap:wrap;justify-content:center;gap:.4rem 1.25rem;margin-top:1.25rem;font-size:.8125rem;line-height:1.3;display:flex}.ko-vision-chain li{align-items:baseline;gap:.4em;display:inline-flex}.ko-vision-chain-n{font-family:var(--font-serif);color:var(--color-fg-3);font-style:italic}.ko-vision-captions{text-align:center;margin-top:1rem}:lang(zh-Hans) .ko-vision-chain-n{font-style:normal}.ko-vision-piece{color:var(--color-fg-3);text-wrap:balance;font-size:.8125rem}.ko-vision-tools{flex-direction:column;align-items:center;gap:.6rem;margin-top:1.5rem;display:flex}html:not(.js) .ko-vision-tools{display:none}.ko-vision-controls{align-items:center;gap:.75rem;display:flex}.ko-vision-transport{border:1px solid var(--color-line-strong);width:2.5rem;min-height:2.5rem;color:var(--color-fg);cursor:pointer;background:0 0;border-radius:9999px;flex:none;justify-content:center;align-items:center;transition:border-color .3s,background-color .3s;display:inline-flex}.ko-vision-transport:hover{border-color:var(--color-fg-3);background:#ffffff0a}.ko-vision-transport svg{flex:none;width:.75rem;height:.75rem}@media (width>=64rem){.ko-vision-pin{grid-template:"copy stage""tools stage"1fr".chain"".captions"/minmax(0,6fr) minmax(0,6fr);align-items:start;column-gap:1.5rem;display:grid}.ko-vision-copy{grid-area:copy}.ko-vision-stage{grid-area:stage;margin-top:0}.ko-vision-still .ko-twin{--pict:28px}.ko-vision-chain{grid-area:chain}.ko-vision-captions{grid-area:captions}.ko-vision-tools{grid-area:tools;align-items:flex-start;margin-top:2.5rem}}@media (width>=64rem) and (prefers-reduced-motion:no-preference){.js .ko-vision:not([data-layout=flow]) .ko-vision-pin{max-width:none;height:100svh;padding:0;display:block;overflow:hidden}.js .ko-vision:not([data-layout=flow]) .ko-vision-stage{inset:var(--ko-chrome) 0 0 0;margin:0;position:absolute}.js .ko-vision:not([data-layout=flow]) .ko-vision-stage:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-ground) 78%);pointer-events:none;height:18%;position:absolute;inset:auto 0 0}.js .ko-vision:not([data-layout=flow]) .ko-vision-still{width:min(50vw, calc((100svh - var(--ko-chrome) - 9rem) * 1.06));max-width:none;transition:opacity .55s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(50% - 2.5rem);left:40%;translate:0 -50%}.js .ko-vision:not([data-layout=flow]) .ko-vision-canvas,.js .ko-vision:not([data-layout=flow]) .ko-vision-overlay,.js .ko-vision:not([data-layout=flow]) .ko-vision-parts{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .55s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.js .ko-vision:not([data-layout=flow]) .ko-vision-overlay{overflow:visible}.js .ko-vision:not([data-layout=flow])[data-scene=ready] .ko-vision-still{opacity:0;pointer-events:none}.js .ko-vision:not([data-layout=flow])[data-scene=ready] .ko-vision-part-box{pointer-events:auto}.js .ko-vision:not([data-layout=flow])[data-scene=none] .ko-vision-parts{opacity:1}.js .ko-vision:not([data-layout=flow])[data-scene=none] :is(.ko-vision-part,.ko-vision-numeral,[data-v-label]){display:none}.js .ko-vision:not([data-layout=flow])[data-swap=dip] .ko-vision-still{transition-duration:.3s}.js .ko-vision:not([data-layout=flow])[data-swap=dip] .ko-vision-canvas,.js .ko-vision:not([data-layout=flow])[data-swap=dip] .ko-vision-overlay,.js .ko-vision:not([data-layout=flow])[data-swap=dip] .ko-vision-parts{transition:opacity .35s cubic-bezier(.16,1,.3,1) .3s}.js .ko-vision:not([data-layout=flow])[data-scene=ready] .ko-vision-canvas,.js .ko-vision:not([data-layout=flow])[data-scene=ready] .ko-vision-overlay,.js .ko-vision:not([data-layout=flow])[data-scene=ready] .ko-vision-parts{opacity:1}.js .ko-vision:not([data-layout=flow]) .ko-vision-chain{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.js .ko-vision:not([data-layout=flow]) .ko-vision-copy{top:calc(var(--ko-chrome) + 2.125rem);z-index:2;width:max(min(36vw, 30rem), calc(var(--ko-type-3) * 5.8));pointer-events:none;position:absolute;left:calc(max(0px,50vw - 660px) + max(5vw,1.5rem))}.js .ko-vision:not([data-layout=flow]) .ko-vision-copy>*{pointer-events:auto}.js .ko-vision:not([data-layout=flow]) .ko-vision-piece{font-size:clamp(.75rem,.8125rem,.9vw)}.js .ko-vision:not([data-layout=flow]) .ko-vision-transport{width:clamp(2.25rem,2.5rem,2.9vw);min-height:clamp(2.25rem,2.5rem,2.9vw)}.js .ko-vision:not([data-layout=flow]) .ko-vision-transport svg{width:clamp(.6875rem,.75rem,.85vw);height:clamp(.6875rem,.75rem,.85vw)}.js .ko-vision:not([data-layout=flow]) .ko-vision-captions{bottom:min(2.75rem,5vh);left:var(--ko-vision-caption-x,calc(40% + 26vw));z-index:2;width:max-content;max-width:32vw;margin:0;position:absolute;translate:-50%}.js .ko-vision:not([data-layout=flow]) .ko-vision-tools{z-index:2;visibility:hidden;align-items:flex-end;gap:.5rem;margin:0;position:absolute;bottom:min(3rem,5.5vh);right:max(5vw,1.5rem)}.js .ko-vision:not([data-layout=flow]) [data-v-reveal],.js .ko-vision:not([data-layout=flow]) [data-v-piece],.js .ko-vision:not([data-layout=flow]) [data-v-chain-group]{opacity:0}}.ko-vision-overlay line,.ko-vision-overlay path{fill:none;stroke-width:1px}.ko-vision-rails line,.ko-vision-pattern{stroke:#938d80}.ko-vision-overlay .ko-vision-pattern{stroke-width:1.25px}.ko-vision-ictus circle{fill:#938d80}.ko-vision-cues line,.ko-vision-overlay .ko-vision-trail line{stroke:#f7f4ee}.ko-vision-overlay .ko-vision-trail line{stroke-width:1.5px;stroke-linecap:round}.ko-vision-beat{fill:#f7f4ee}.ko-vision-part,.ko-vision-numeral,.ko-vision-label{will-change:transform, opacity;position:absolute;top:0;left:0}.ko-vision-part-box{width:28px;height:28px;position:absolute;translate:-50% -50%}.ko-vision-numeral{font-family:var(--font-serif);color:var(--color-fg-2);font-size:.75rem;font-style:italic;line-height:1;translate:6px -115%}.ko-vision-label{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-fg-3);font-size:clamp(.6875rem,.6875rem,1.1vw);font-weight:600;line-height:1.2}:lang(zh-Hans) .ko-vision-label{letter-spacing:.14em}.ko-vision-label-center{translate:-50% -50%}.ko-vision-label-left{translate:-100% -50%}.ko-vision-chain-label{color:var(--color-fg-2);align-items:baseline;gap:.5em;display:inline-flex;translate:0 -50%}.ko-vision-chain-label .ko-vision-chain-n{letter-spacing:0;text-transform:none;font-weight:400}@media (width>=64rem) and (orientation:portrait) and (prefers-reduced-motion:no-preference){.js .ko-vision:not([data-layout=flow]) .ko-vision-still{width:min(88vw, calc((100svh - var(--ko-chrome) - 20rem) * 1.06));top:calc(50% + 4rem);left:50%;translate:-50% -50%}.js .ko-vision:not([data-layout=flow]) .ko-vision-captions{left:var(--ko-vision-caption-x,50%)}}