@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#eceae4;--ink:#151514;--muted:#6b675f;--rule:#15151429;--serif:"Instrument Serif", "Songti SC", "STSong", Georgia, serif;--sans:"Instrument Sans Variable", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--gutter:clamp(16px, 3.2vw, 48px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.label{font:600 13px/1 var(--sans);letter-spacing:.08em;margin:0}.label em{font:italic 400 17px/1 var(--serif);letter-spacing:0;color:var(--muted);margin-left:.35em}.masthead{padding:14px var(--gutter);border-bottom:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:12px;display:flex}.masthead__mid{letter-spacing:.3em}.hero{padding:clamp(28px, 4vw, 56px) var(--gutter) clamp(40px, 6vw, 88px);border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);display:grid}.hero__big{font:italic 400 clamp(180px, 27vw, 420px) / .78 var(--serif);letter-spacing:-.05em;margin:0 0 0 -.04em}.hero h1{letter-spacing:.02em;margin:.35em 0 0;font-size:clamp(34px,4.4vw,64px);font-weight:600;line-height:1.12}.hero__lede{max-width:30em;color:var(--muted);margin:1.4em 0 0;font-size:clamp(15px,1.15vw,17px)}.hero__actions{margin-top:2em}.start{background:var(--ink);min-height:48px;color:var(--paper);border-radius:999px;align-items:center;gap:.9em;padding:0 1.5em;font-weight:600;text-decoration:none;transition:gap .3s cubic-bezier(.2,.7,.2,1);display:inline-flex}.start span{font-family:var(--serif);font-size:1.3em;line-height:1}.start:hover{gap:1.4em}.hint{color:var(--muted);margin:1em 0 0;font-size:13px}kbd{border:1px solid var(--rule);min-width:1.9em;font:12px/1.3 var(--sans);text-align:center;border-bottom-width:2px;border-radius:5px;padding:.15em .4em;display:inline-block}.toc{padding-top:6px}.toc__list{columns:2;border-top:1px solid var(--ink);column-gap:clamp(24px,3vw,48px);margin:20px 0 0;padding:0;list-style:none}.toc__list li{break-inside:avoid}.toc__list a{border-bottom:1px solid var(--rule);grid-template-columns:2.4em auto 1fr auto;align-items:baseline;gap:.6em;padding:.62em 0;text-decoration:none;display:grid}.toc__n{font:italic 400 18px/1 var(--serif);color:var(--muted);font-variant-numeric:tabular-nums}.toc__zh{white-space:nowrap;font-size:15px;font-weight:600}.toc__en{color:var(--muted);font:italic 400 15px/1.2 var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toc__list a:hover .toc__n,.toc__list a:hover .toc__en{color:var(--ink)}.toc__list a:hover .toc__zh{text-underline-offset:4px;text-decoration:underline}.tone{border:1px solid var(--ink);border-radius:50%;width:9px;height:9px;display:inline-block}.tone--dark{background:var(--ink)}.plates{padding:clamp(28px, 4vw, 56px) var(--gutter) clamp(56px, 7vw, 112px)}.plates__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(24px,3vw,40px);display:flex}.legend{color:var(--muted);align-items:center;gap:.5em;margin:0;font-size:13px;display:flex}.legend .tone--dark{margin-left:.9em}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:clamp(36px,4vw,56px) clamp(20px,2.4vw,36px);display:grid}.card{color:inherit;text-decoration:none;display:block}.card__plate{aspect-ratio:16/10;border:1px solid var(--rule);background:var(--c0);position:relative;overflow:hidden}.card__plate:before{content:"";background:var(--bands);position:absolute;inset:0}.card__plate img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.card__go{background:var(--ink);color:var(--paper);opacity:0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;bottom:12px;right:12px;transform:translateY(6px)}.card:hover .card__plate img,.card:focus-visible .card__plate img{transform:scale(1.035)}.card:hover .card__go,.card:focus-visible .card__go{opacity:1;transform:none}.card__caption{grid-template-columns:auto 1fr;column-gap:16px;padding-top:14px;display:grid}.card__n{font:italic 400 44px/.9 var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;grid-row:span 3}.card__title{flex-wrap:wrap;align-items:baseline;gap:.2em .6em;margin:0;font-size:19px;font-weight:600;line-height:1.25;display:flex}.card__title em{color:var(--muted);font:italic 400 17px/1.2 var(--serif)}.card__persona{margin:4px 0 0;font-size:14px}.card__sig{color:var(--muted);margin:2px 0 0;font-size:13px}.card__meta{border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;grid-column:2;align-items:center;gap:8px 14px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.swatches{display:flex}.swatches i{border:1px solid #15151447;border-radius:50%;width:14px;height:14px;margin-right:-3px}.card__fonts{letter-spacing:.02em}.js .card{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.js .card.is-in{opacity:1;transform:none}.colophon{padding:18px var(--gutter) 28px;border-top:1px solid var(--ink);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:12px;display:flex}.colophon p{margin:0}@media (width<=1000px){.hero{grid-template-columns:1fr}.hero__big{font-size:clamp(160px,44vw,320px)}}@media (width<=640px){.masthead__mid{display:none}.toc__list{columns:1}.card__n{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.js .card{opacity:1;transform:none}}