:root{--paper:#f0f0ec;--paper-2:#e4e4df;--fog:#b9bbb8;--fog-deep:#7e807d;--ash:#2a2b2a;--carbon:#111211;--ink:#121312;--ink-2:#4b4d4a;--chalk:#f0f0ec;--chalk-2:#a6a8a4;--line-on-dark:#f0f0ec29;--line-on-light:#11121129;--signal:#e5482d;--font-serif:"Instrument Serif", "Noto Serif SC", "Songti SC", "STSong", "Source Han Serif SC", serif;--font-sans:"Instrument Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-page:clamp(84px, 11.5vw, 184px);--fs-hero:clamp(56px, 12.5vw, 196px);--fs-display:clamp(48px, 8vw, 148px);--fs-h1:clamp(34px, 4.6vw, 68px);--fs-h2:clamp(26px, 2.9vw, 42px);--fs-h3:clamp(20px, 1.7vw, 26px);--fs-lead:clamp(18px, 1.45vw, 22px);--fs-body:17px;--fs-meta:13px;--fs-micro:12px;--lh-body:1.85;--lh-tight:1.08;--measure:38em;--cols:12;--safe-x:max(env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--margin:max(clamp(40px, 4.4vw, 80px), var(--safe-x));--gutter:24px;--maxw:1680px;--header-h:72px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.25, .1, .25, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-hover:.18s;--t-settle:.42s;--t-enter:.6s;--t-route:.24s;--z-bg:0;--z-field:1;--z-media:2;--z-content:3;--z-nav:50;--z-dialog:100}@media (max-width:1199px){:root{--cols:8;--margin:max(32px, var(--safe-x));--gutter:20px;--header-h:64px}}@media (max-width:767px){:root{--cols:4;--margin:max(20px, var(--safe-x));--gutter:16px;--fs-body:16px;--header-h:56px}}[data-theme=dark]{--bg:var(--carbon);--fg:var(--chalk);--fg-2:var(--chalk-2);--line:var(--line-on-dark);--surface:var(--ash);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:var(--paper);--fg:var(--ink);--fg-2:var(--ink-2);--line:var(--line-on-light);--surface:var(--paper-2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=fog]{--bg:#4a4c49;--fg:var(--chalk);--fg-2:#d6d7d3;--line:#f0f0ec3d;--surface:#11121159;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--carbon);scroll-padding-top:calc(var(--header-h) + 16px)}body{-webkit-user-select:none;user-select:none;counter-reset:chapter;min-height:100svh;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-feature-settings:"kern", "liga";font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--carbon);color:var(--chalk);margin:0;overflow-x:clip}img,svg,canvas,video{max-width:100%;display:block}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{padding:0;list-style:none}a{color:inherit;text-decoration:none}p,li,dd,figcaption,blockquote{text-wrap:pretty}h1,h2,h3{text-wrap:balance}.nobr{white-space:nowrap}[data-chapter]{counter-increment:chapter}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--chalk);color:var(--carbon)}[data-theme=light] ::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline-offset:4px;outline:2px solid}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:var(--z-dialog);background:var(--chalk);color:var(--carbon);font-size:var(--fs-meta);transition:transform var(--t-hover) var(--ease-out);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus-visible{outline-color:var(--signal);transform:none}.section{background:var(--bg);color:var(--fg);position:relative}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--margin);margin-inline:auto}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);display:grid}.meta{font-size:var(--fs-meta);letter-spacing:.02em;color:var(--fg-2);line-height:1.5}.meta-en{font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;line-height:1.4}.mono{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.02em;font-variant-numeric:tabular-nums}.serif{font-family:var(--font-serif);font-weight:400}.hairline{background:var(--line);border:0;height:1px;margin:0}.grain:after{content:"";pointer-events:none;opacity:.05;mix-blend-mode:overlay;z-index:var(--z-content);background-image:url(/media/site/grain.png);background-size:256px 256px;position:absolute;inset:0}.ul{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 1px;background-position:var(--ul-origin,left) 100%;transition:background-size var(--t-hover) var(--ease-out);padding-bottom:2px}.ul:hover,.ul:focus-visible,.ul[aria-current=page],.ul-static{background-size:100% 1px}.btn{letter-spacing:.02em;min-width:44px;min-height:48px;transition:background-color var(--t-hover) var(--ease-out), color var(--t-hover) var(--ease-out), border-color var(--t-hover) var(--ease-out);border:1px solid;align-items:center;gap:14px;padding:12px 22px;font-size:15px;line-height:1.2;display:inline-flex}.btn .arrow{transition:transform var(--t-hover) var(--ease-out);display:inline-block}.btn:hover .arrow,.btn:focus-visible .arrow{transform:translate(4px)}.btn--solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn--solid:hover,.btn--solid:focus-visible{color:var(--fg);background:0 0}.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--fg);color:var(--bg)}.tag{border:1px solid var(--line);letter-spacing:.04em;height:24px;color:var(--fg-2);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:12px;line-height:1;display:inline-flex}.tag--placeholder{color:var(--fg-2);border-style:dashed;border-color:currentColor}.dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.dot--signal{background:var(--signal)}.reveal,.reveal.is-armed,.reveal.is-armed.is-in{opacity:1;transition:none;transform:none}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) *,html:not([data-motion=full]) :before,html:not([data-motion=full]) :after{scroll-behavior:auto!important}}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@font-face{font-family:SEMIOME Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/semiome-display.woff2)format("woff2")}[data-home]{--font-serif:"Instrument Serif","SEMIOME Display","Songti SC","STSong",serif}body:has([data-home]) #contact{--font-serif:"Instrument Serif","SEMIOME Display","Songti SC","STSong",serif}[data-home] .reveal{opacity:1!important;transition:none!important;transform:none!important}body:has([data-home]) #contact .reveal{opacity:1!important;transition:none!important;transform:none!important}html[data-home-paused=true] [data-home] *{animation-play-state:paused!important}[data-home]{--signal:var(--fg)}.rule-scope{display:contents}[data-rule-row]{position:relative}.motion-rule{background:var(--line);pointer-events:none;height:1px;display:block;position:absolute;inset:auto 0 0}.motion-rule:after{content:"";background:var(--fg);transform-origin:calc(var(--ox,.5) * 100%) 50%;transform:scaleX(var(--reach,0));position:absolute;inset:0}[data-rule-row]:focus-within>.motion-rule:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.motion-rule:after{opacity:.25;transform:none}}