:root{--paper-lit: #fbeccf;--paper: #f1e0b3;--paper-worn: #ede2d3;--paper-shade: #cfc6b2;--paper-deep: #b3a995;--celadon: #9aa387;--celadon-pale: #b1bead;--celadon-deep: #89a490;--khaki: #958e75;--khaki-pale: #d4c79a;--ink: #453d52;--ink-slate: #57645b;--ink-cool: #4f4f5a;--ink-soft: #6f6a63;--ink-faint: #8b8265;--cinnabar: #d12815;--cinnabar-faded: #e77163;--mount: #17161a;--mount-raised: #211f24;--mount-edge: #322e35;--step--1: clamp(.82rem, .79rem + .14vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.26rem, 1.19rem + .35vw, 1.5rem);--step-2: clamp(1.59rem, 1.46rem + .62vw, 2rem);--step-3: clamp(2rem, 1.79rem + 1.05vw, 2.67rem);--step-4: clamp(2.52rem, 2.17rem + 1.75vw, 3.56rem);--step-5: clamp(3.18rem, 2.6rem + 2.87vw, 4.75rem);--space-hair: .25rem;--space-xs: .5rem;--space-sm: .875rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6.5rem;--space-3xl: 10.5rem;--ease-brush: cubic-bezier(.16, .84, .24, 1);--ease-settle: cubic-bezier(.33, 0, .12, 1);--ease-press: cubic-bezier(.34, 1.4, .64, 1);--dur-quick: .22s;--dur-base: .52s;--dur-slow: .98s;--dur-unroll: 1.4s;--measure: 62ch;--edge: clamp(1.25rem, 4vw, 5rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100svh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis-weight:none}img,picture,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--cinnabar);outline-offset:3px}::selection{background:color-mix(in oklab,var(--cinnabar) 22%,transparent)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Fraunces;src:url(/font/fraunces-roman.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/font/fraunces-italic.woff2) format("woff2-variations");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Newsreader;src:url(/font/newsreader-roman.woff2) format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/font/newsreader-italic.woff2) format("woff2-variations");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:WenKai;src:url(/font/wenkai-tc-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+2000-206F,U+3000-303F,U+3400-9FFF,U+F900-FAFF}:root{--font-display: "Fraunces", Georgia, serif;--font-body: "Newsreader", Georgia, serif;--font-cjk: "WenKai", "Noto Serif TC", serif}.t-display{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 58,"WONK" 1;font-weight:340;letter-spacing:-.015em;line-height:.96}.t-title{font-family:var(--font-display);font-variation-settings:"opsz" 72,"SOFT" 34,"WONK" 0;font-weight:400;letter-spacing:-.006em;line-height:1.08}.t-label{font-family:var(--font-display);font-variation-settings:"opsz" 24,"SOFT" 0,"WONK" 0;font-weight:560;font-size:var(--step--1);letter-spacing:.17em;text-transform:uppercase}.t-body{font-family:var(--font-body);font-optical-sizing:auto;font-weight:380;font-size:var(--step-0);line-height:1.66}.t-caption{font-family:var(--font-body);font-optical-sizing:auto;font-weight:380;font-style:italic;line-height:1.58}.t-cjk{font-family:var(--font-cjk);font-weight:400;letter-spacing:.08em;line-height:1.9}.t-cjk-vertical{font-family:var(--font-cjk);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.22em;line-height:1;font-weight:400}body{background:var(--mount);color:var(--paper-worn);font-family:var(--font-body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url(/texture/paper.webp);background-size:340px;opacity:.05;mix-blend-mode:overlay}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 18% 22%,color-mix(in oklab,var(--celadon) 12%,transparent),transparent 70%),radial-gradient(50% 45% at 82% 78%,color-mix(in oklab,var(--khaki) 10%,transparent),transparent 70%),radial-gradient(120% 90% at 50% 50%,transparent 40%,rgb(0 0 0 / 42%) 100%)}body>*{position:relative;z-index:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:var(--space-md);top:-4rem;z-index:50;padding:var(--space-xs) var(--space-md);background:var(--paper);color:var(--ink);font-family:var(--font-display);border-radius:2px;transition:top var(--dur-quick) var(--ease-brush)}.skip:focus{top:var(--space-md)}.overture{min-height:100svh;display:grid;align-content:center;padding:var(--space-3xl) var(--edge) var(--space-2xl)}.overture__inner{display:grid;grid-template-columns:auto minmax(0,62ch);gap:clamp(var(--space-lg),5vw,var(--space-2xl));align-items:start;max-width:1180px;margin-inline:auto}.overture__seal{width:clamp(52px,6vw,84px);height:auto;filter:drop-shadow(0 0 22px color-mix(in oklab,var(--cinnabar) 34%,transparent));animation:seal-breathe 7s var(--ease-settle) infinite alternate}@keyframes seal-breathe{0%{opacity:.82}to{opacity:1}}.overture__kicker{color:var(--khaki);margin-bottom:var(--space-md)}.overture__title{font-size:var(--step-5);color:var(--paper-lit);margin-bottom:var(--space-lg)}.overture__title em{font-style:italic;color:var(--celadon-pale)}.overture__lede{color:var(--paper-shade);max-width:var(--measure);margin-bottom:var(--space-md)}.overture__lede .t-cjk,.colophon__head .t-cjk{line-height:inherit;letter-spacing:.04em}.overture__lede .t-cjk{color:var(--paper-lit);font-size:1em}.overture__note{color:var(--khaki);max-width:54ch;border-left:1px solid color-mix(in oklab,var(--khaki) 40%,transparent);padding-left:var(--space-md)}.overture__scroll{justify-self:center;margin-top:var(--space-2xl);color:var(--ink-faint);animation:descend 3.4s var(--ease-settle) infinite}@keyframes descend{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}.movement{padding:var(--space-3xl) 0}.movement__head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-md);max-width:1400px;margin:0 auto var(--space-2xl);padding-inline:var(--edge)}.movement__name{font-size:var(--step-4);color:var(--celadon-pale);grid-column:2}.movement__zh{grid-row:1 / 3;grid-column:1;font-size:var(--step-2);color:var(--cinnabar-faded)}.movement__note{grid-column:2;color:var(--khaki);font-size:var(--step-0)}.work{--kindle: 1;scroll-margin-block:var(--space-lg);max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--edge);display:grid;gap:clamp(var(--space-lg),4vw,var(--space-xl));align-items:center}.kindling .work{--kindle: 0}.work--hanging,.work--album{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.work--album{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)}.work--hanging .mount,.work--album .mount{width:min(100%,calc(var(--hang-h) * var(--ar)));margin-inline:auto}.work--hanging{--hang-h: 72svh}.work--album{--hang-h: 70svh}.work--hanging:nth-of-type(2n)>.mount,.work--album:nth-of-type(2n)>.mount{order:2}.work--handscroll{grid-template-columns:minmax(0,1fr);max-width:none;padding-inline:0;padding-block:var(--space-lg)}.case>.case__reel{margin-inline:auto}.work--handscroll .work__label{max-width:1400px;margin-inline:auto;padding-inline:var(--edge)}.mount{background:linear-gradient(180deg,var(--paper-worn),var(--paper-shade));padding:0;box-shadow:0 2px 6px #0000004d,0 34px 70px -24px #0000009e;position:relative;isolation:isolate}.mount__heaven,.mount__earth{position:relative;background:linear-gradient(180deg,var(--paper-worn),var(--paper-shade))}.mount__heaven{height:clamp(26px,4.4svh,56px)}.mount__earth{height:clamp(17px,2.9svh,37px);background:linear-gradient(180deg,var(--paper-shade),var(--paper-deep))}.mount__rule{height:2px;background:var(--celadon-deep);opacity:.55}.mount__ribbon{position:absolute;top:0;width:2px;height:78%;background:var(--ink);opacity:.26}.mount__ribbon:first-child{left:44%}.mount__ribbon:last-child{left:56%}@property --kindle{syntax: "<number>"; inherits: true; initial-value: 1;}.plate,.case__reel{position:relative;background-size:cover;background-position:center;overflow:hidden}.plate img,.case__reel img{width:100%;height:auto}.plate:after,.case__reel:after{content:"";position:absolute;inset:0;pointer-events:none;backdrop-filter:grayscale(.92) brightness(.4) contrast(1.06);-webkit-backdrop-filter:grayscale(.92) brightness(.4) contrast(1.06);mask-image:radial-gradient(circle at var(--seal-x, 92%) var(--seal-y, 88%),transparent calc(var(--kindle) * 170%),#000 calc(var(--kindle) * 170% + 15%));-webkit-mask-image:radial-gradient(circle at var(--seal-x, 92%) var(--seal-y, 88%),transparent calc(var(--kindle) * 170%),#000 calc(var(--kindle) * 170% + 15%))}.work.is-done .plate:after,.work.is-done .case__reel:after{display:none}.work.is-lit{animation:kindle var(--dur-slow) var(--ease-brush) forwards}@keyframes kindle{to{--kindle: 1}}.plate__ember{position:absolute;left:var(--seal-x, 92%);top:var(--seal-y, 88%);width:clamp(48px,9%,120px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--cinnabar) 78%,#ff7a45) 0%,transparent 68%);filter:blur(9px);opacity:0;pointer-events:none}.work.is-lit .plate__ember{animation:ember var(--dur-slow) var(--ease-brush) forwards}@keyframes ember{0%{opacity:0}22%{opacity:.9}to{opacity:.16}}.case{direction:rtl;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--khaki) 50%,transparent) transparent;padding-block:var(--space-md);background:linear-gradient(90deg,rgb(0 0 0 / 45%),transparent 6%,transparent 94%,rgb(0 0 0 / 45%))}.case:focus-visible{outline:2px solid var(--cinnabar);outline-offset:-2px}.case__reel{direction:ltr;width:max-content;height:min(78svh,680px);box-shadow:0 2px 6px #0000004d,0 30px 64px -22px #0009}.case__reel picture{display:block;height:100%}.case__reel img{height:100%;width:auto;max-width:none}.work__meta{display:flex;gap:var(--space-md);color:var(--khaki);margin-bottom:var(--space-sm)}.work__num{color:var(--cinnabar-faded)}.work__title{font-size:var(--step-2);color:var(--paper-lit);margin-bottom:var(--space-xs);text-wrap:balance}.work__title-zh{font-size:var(--step-1);color:var(--celadon-pale);margin-bottom:var(--space-md)}.work__caption{color:var(--paper-shade);max-width:46ch;margin-bottom:var(--space-md)}.work__allusion{color:var(--khaki);max-width:46ch;border-left:1px solid color-mix(in oklab,var(--cinnabar) 34%,transparent);padding-left:var(--space-sm);margin-bottom:var(--space-md)}.work__subjects{display:flex;flex-wrap:wrap;gap:var(--space-hair) var(--space-xs);font-family:var(--font-display);font-variation-settings:"opsz" 24,"SOFT" 0,"WONK" 0;font-size:var(--step--1);letter-spacing:.08em;color:var(--ink-faint)}.work__subjects span:not(:last-child):after{content:" ·";color:color-mix(in oklab,var(--khaki) 55%,transparent)}.colophon{padding:var(--space-3xl) var(--edge) var(--space-2xl);border-top:1px solid color-mix(in oklab,var(--khaki) 22%,transparent)}.colophon__inner{max-width:66ch;margin-inline:auto;text-align:center;position:relative}.colophon__head{font-size:var(--step-3);color:var(--paper-lit);margin-bottom:var(--space-md)}.colophon__head .t-cjk{color:var(--cinnabar-faded)}.colophon__body{color:var(--paper-shade);margin-bottom:var(--space-xl);text-align:left}.stamp{display:grid;justify-items:center;gap:var(--space-sm);position:relative;z-index:2}.stamp__chop{display:block;padding:var(--space-xs);transition:transform var(--dur-quick) var(--ease-brush);touch-action:manipulation}.stamp__chop img{width:clamp(56px,8vw,88px);height:auto;filter:grayscale(.85) brightness(.62);transition:filter .55s var(--ease-settle)}.stamp__chop.is-inking img{filter:grayscale(0) brightness(1) drop-shadow(0 0 14px color-mix(in oklab,var(--cinnabar) 45%,transparent))}.stamp__chop.is-pressing{transform:translateY(14px) scale(1.04);transition-duration:90ms;transition-timing-function:cubic-bezier(.55,0,1,.45)}.stamp__help,.stamp__count{color:var(--khaki)}.stamp__count{min-height:1.2em}.stamp__field{position:relative;min-height:clamp(180px,26svh,300px);margin-top:var(--space-lg);pointer-events:none;z-index:1}.stamp__mark{position:absolute;opacity:0;width:clamp(34px,3.4vw,46px);translate:-50% -50%;animation:bloom .62s var(--ease-brush) forwards;mix-blend-mode:screen}@keyframes bloom{0%{opacity:0;scale:.28}60%{opacity:calc(var(--press, .8) * 1.05)}to{opacity:var(--press, .8);scale:1}}.index{max-width:1400px;margin:var(--space-3xl) auto var(--space-2xl)}.index__head{color:var(--khaki);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid color-mix(in oklab,var(--khaki) 22%,transparent)}.index__list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:0 var(--space-xl)}.index__list a{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0;text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--khaki) 12%,transparent);transition:background var(--dur-quick) var(--ease-brush)}.index__list a:hover{background:color-mix(in oklab,var(--cinnabar) 7%,transparent)}.idx__n{font-family:var(--font-display);font-size:var(--step--1);letter-spacing:.1em;color:var(--cinnabar-faded)}.idx__t{font-family:var(--font-display);color:var(--paper-worn);font-size:var(--step-0)}.idx__f{font-family:var(--font-body);font-size:var(--step--1);color:var(--ink-faint)}.colophon__credit{max-width:70ch;margin:var(--space-xl) auto 0;text-align:center;color:var(--ink-faint);font-size:var(--step--1)}@media(max-width:900px){.overture__inner{grid-template-columns:1fr;gap:var(--space-lg)}.work--hanging,.work--album{grid-template-columns:minmax(0,1fr)}.work--hanging:nth-of-type(2n)>.mount,.work--album:nth-of-type(2n)>.mount{order:0}.movement__head{grid-template-columns:auto 1fr}.case__reel{height:min(56vh,440px)}}@media(max-width:560px){.work__caption,.work__allusion{max-width:none}}@media(prefers-reduced-motion:reduce){.kindling .work{--kindle: 1}.work.is-lit{animation:none}.plate:after,.case__reel:after,.plate__ember{display:none}.overture__seal,.overture__scroll{animation:none}.stamp__mark{animation:none;opacity:.86}}