:root{--bg: #0b0b0d;--ink: #f4f2ec;--ink-dim: rgba(244,242,236,.55);--hair: rgba(244,242,236,.16);--accent: #FF453A;--mono: "JetBrains Mono", ui-monospace, monospace;--serif: "Newsreader", Georgia, serif;--cjk: "Noto Serif HK", "Newsreader", serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased;transition:background .5s ease,color .5s ease}#net{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}.chrome{position:fixed;left:0;right:0;top:0;padding:22px 26px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:20;mix-blend-mode:normal}.wordmark{pointer-events:auto;line-height:1}.wordmark .en{font-family:var(--serif);font-size:16px;letter-spacing:.01em;font-weight:600;white-space:nowrap}.wordmark .zh{font-family:var(--cjk);font-size:13px;color:var(--ink);opacity:.78;margin-top:5px;letter-spacing:.28em;font-weight:500}.topright{pointer-events:none;display:flex;align-items:center;gap:22px}.themeToggle{pointer-events:auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--ink);cursor:pointer;font-size:15px;line-height:1;display:grid;place-items:center;transition:all .3s;font-family:var(--mono)}.themeToggle:hover{border-color:var(--ink);transform:rotate(180deg)}nav.menu{pointer-events:auto;display:flex;gap:26px;align-items:baseline;transition:opacity .4s}nav.menu a{position:relative;text-decoration:none;color:var(--ink);font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;padding-top:16px}nav.menu a .zh{position:absolute;top:-2px;left:0;font-family:var(--cjk);font-size:11px;color:var(--ink-dim);letter-spacing:.12em;opacity:0;transition:opacity .3s,transform .3s;transform:translateY(4px);white-space:nowrap}nav.menu a:hover .zh{opacity:1;transform:translateY(0)}nav.menu a.active{color:var(--accent)}nav.menu a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav.menu a:hover:after{transform:scaleX(1)}.footer{position:fixed;left:26px;bottom:20px;z-index:20;pointer-events:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink-dim)}.legend{position:fixed;right:26px;bottom:20px;z-index:20;pointer-events:auto;display:flex;flex-direction:column;gap:7px;align-items:flex-end}.legend .row{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);cursor:default;transition:color .25s;white-space:nowrap}.legend .row .sw{width:16px;height:2px;border-radius:2px;background:var(--ink);opacity:.5;transition:all .25s}.legend .row .zh{font-family:var(--cjk);letter-spacing:.04em;text-transform:none;opacity:.8}.index{position:fixed;left:26px;top:50%;transform:translateY(-50%);z-index:20;pointer-events:none;display:flex;flex-direction:column;gap:22px;max-width:250px}.index .cat-h{display:flex;align-items:baseline;gap:9px;margin-bottom:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.index .cat-h .zh{font-family:var(--cjk);letter-spacing:.14em;font-size:11px;opacity:.85}.index .cat-h .ct{margin-left:auto;opacity:.55;font-size:9.5px}.index ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.index li{pointer-events:auto}.index .lk{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;font-family:var(--serif);font-size:var(--index-size, 14.5px);line-height:1.32;color:var(--ink);padding:3px 0 3px 14px;position:relative;transition:padding .25s,color .2s,opacity .2s;opacity:.82}.index .lk:before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:currentColor;transform:translateY(-50%) scaleX(.6);opacity:.4;transition:all .25s}.index .lk:hover{padding-left:20px;color:var(--accent);opacity:1}.index .lk:hover:before{width:12px;opacity:1;transform:translateY(-50%) scaleX(1)}.index .lk.dim{opacity:.3}body.focused .index{opacity:.25;transition:opacity .4s}@media(max-width:1100px){.index{display:none}}.hint{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:20;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none;transition:opacity .6s;text-align:center;white-space:nowrap}.focus{position:fixed;top:0;right:0;height:100vh;width:min(440px,42vw);z-index:30;padding:80px 40px 40px;display:flex;flex-direction:column;transform:translate(110%);transition:transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none;overflow-y:auto;overflow-x:hidden}.focus.on{transform:translate(0);pointer-events:auto}.focus::-webkit-scrollbar{width:7px}.focus::-webkit-scrollbar-thumb{background:var(--hair);border-radius:4px}.focus .idx{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--ink-dim)}.focus .zh{font-family:var(--cjk);font-size:26px;margin:16px 0 4px;font-weight:500}.focus .en{font-family:var(--serif);font-size:36px;line-height:1.05;font-weight:500;letter-spacing:-.01em}.focus .meta{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--ink-dim);margin-top:14px;text-transform:uppercase}.focus .media-h{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin:30px 0 12px}.focus .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.focus .thumbs button{padding:0;border:0;cursor:pointer;background:none;aspect-ratio:1;overflow:hidden;border-radius:2px;outline:1px solid var(--hair);outline-offset:-1px;transition:outline-color .2s,transform .2s}.focus .thumbs button img{width:100%;height:100%;object-fit:cover;display:block}.focus .thumbs button:hover{transform:translateY(-2px)}.focus .thumbs button.sel{outline:2px solid var(--accent);outline-offset:-2px}.focus .vimeo{margin-top:14px;position:relative;width:100%;aspect-ratio:16/9;min-height:200px;flex:0 0 auto;background:#000;border-radius:2px;overflow:hidden}.focus .vimeo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.focus .vimeo .vplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;background:#00000059;color:#fff;border:0;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:background .25s}.focus .vimeo .vplay:hover{background:#00000026}.focus .blurb{font-family:var(--serif);font-size:16px;line-height:1.62;margin-top:26px;color:var(--ink);text-wrap:pretty}.focus .view{margin-top:28px;margin-bottom:6px;align-self:flex-start;pointer-events:auto;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--ink);text-decoration:none;padding:13px 22px;border-radius:2px;display:inline-flex;gap:10px;transition:transform .25s,background .25s}.focus .view:hover{transform:translateY(-2px)}.focus .view.accent{background:var(--accent);color:#fff}.closeF{position:fixed;top:24px;right:30px;z-index:31;pointer-events:auto;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);background:none;border:0;cursor:pointer;opacity:0;transition:opacity .4s}.closeF.on{opacity:1}.closeF:hover{color:var(--ink)}.focus-backdrop{position:fixed;inset:0;z-index:25;pointer-events:none;opacity:0;transition:opacity .5s ease;backdrop-filter:blur(12px) brightness(.6) saturate(.9);-webkit-backdrop-filter:blur(12px) brightness(.6) saturate(.9)}.focus-backdrop.on{opacity:1;pointer-events:auto}.focus-hero{position:fixed;z-index:26;pointer-events:none;opacity:0;transform:scale(.92);transition:opacity .55s ease,transform .6s cubic-bezier(.16,1,.3,1);box-shadow:0 40px 90px #0009;overflow:hidden}.focus-hero.on{opacity:1;transform:scale(1)}.focus-hero img{width:100%;height:100%;object-fit:cover;display:block}.gif-preview{position:fixed;z-index:22;pointer-events:none;opacity:0;transition:opacity .22s ease;overflow:hidden;box-shadow:0 14px 44px #00000080}.gif-preview.on{opacity:1}.gif-preview img{width:100%;height:100%;object-fit:cover;display:block}.about{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(6px)}.about.on{opacity:1;pointer-events:auto}.about-inner{width:min(1040px,88vw);max-height:86vh;overflow-y:auto;box-sizing:border-box;border:1px solid var(--hair);padding:46px;background:color-mix(in srgb,var(--bg) 62%,transparent);display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start;transform:translateY(14px);transition:transform .6s cubic-bezier(.16,1,.3,1)}.about.on .about-inner{transform:translateY(0)}.about-id{position:relative}.about-figure{position:relative;border-radius:3px;overflow:hidden;box-shadow:0 30px 70px #00000080}.about-portrait{display:block;width:100%;height:420px;object-fit:cover;object-position:50% 22%}.about-figure:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000 38%,#0000002e 60%,#000000d1)}.about-namelay{position:absolute;left:22px;right:22px;bottom:18px;z-index:2}.about-name{font-family:var(--serif);font-size:40px;font-weight:600;line-height:1;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.6)}.about-zh{font-family:var(--cjk);font-size:22px;color:#fff;opacity:.9;margin-top:9px;letter-spacing:.22em;text-shadow:0 2px 14px rgba(0,0,0,.6)}.about-loc{font-family:var(--mono);font-size:12px;letter-spacing:.08em;line-height:1.7;color:var(--ink-dim);margin-top:20px;text-transform:uppercase}.about-links{display:flex;flex-direction:column;gap:7px;margin-top:20px}.about-links a{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;width:fit-content;white-space:nowrap;border-bottom:1px solid var(--hair);padding-bottom:2px;transition:color .2s,border-color .2s}.about-links a:hover{color:var(--accent);border-color:var(--accent)}.about-bio{font-family:var(--serif);font-size:20px;line-height:1.6;color:var(--ink);text-wrap:pretty;max-width:44ch}.about-bio p{margin:0}.about-bio p:last-child{margin-top:1.6em;color:var(--ink-dim);font-size:16px}.about-close{position:fixed;top:24px;right:30px;z-index:41;pointer-events:auto;font-family:var(--mono);font-size:14px;color:var(--ink-dim);background:none;border:0;cursor:pointer;transition:color .2s,transform .3s}.about-close:hover{color:var(--ink);transform:rotate(90deg)}@media(max-width:760px){.about-inner{grid-template-columns:1fr;gap:26px;padding:28px}.about-portrait{height:340px}.about-name{font-size:30px}.about-bio{font-size:17px}}@media(max-width:760px){.focus{top:auto;bottom:0;height:auto;width:100vw;max-height:64vh;overflow-y:auto;padding:26px 22px 30px;transform:translateY(110%);background:linear-gradient(to top,var(--bg) 78%,transparent);backdrop-filter:blur(2px)}.focus.on{transform:translateY(0)}.focus .en{font-size:30px}.focus .zh{font-size:21px}nav.menu{gap:16px}.wordmark .en{font-size:23px}.wordmark .zh{font-size:16px}.legend{display:none}}body.focused .legend,body.focused .hint{opacity:.25}body.focused nav.menu{opacity:0;pointer-events:none}