:root{--color-canvas:#f6f4ee;--color-surface-sand:#ebe7de;--color-surface-taupe:#e5e0d8;--color-surface-charcoal:#33302b;--color-surface-project:#1c1b19;--color-ink:#1c1b1a;--color-ink-soft:#4a4844;--color-ink-muted:#7a766f;--color-ink-inverse:#f8f6f0;--color-accent:#7a3f46;--color-border:#1c1b1a1f;--color-border-strong:#1c1b1a47;--color-border-inverse:#f8f6f01a;--color-border-inverse-strong:#f8f6f04d;--font-sans:"Inter", "SF Pro Display", system-ui, sans-serif;--font-serif:"Noto Serif SC", "Source Han Serif SC", serif;--font-mono:"JetBrains Mono", monospace;--max-width-page:1440px;--max-width-content:1120px;--radius-media:2px;--radius-photo-section:1rem;--radius-full:9999px;--shadow-essay:0 8px 32px #1c1b1a0d;--shadow-photo-portrait:0 12px 40px -12px #1c1b1a1a;--shadow-photo-square:0 4px 16px #1c1b1a0f;--shadow-tag:0 1px 2px 0 #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}::selection{background:var(--color-accent);color:var(--color-ink-inverse)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.section-header{border-top:1px solid var(--color-border);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted);justify-content:space-between;align-items:flex-start;padding-top:12px;font-size:10px;display:flex}.dark-section .section-header{border-top-color:var(--color-border-inverse);color:#f8f6f080}.css-placeholder{color:#1c1b1a59;width:100%;height:100%;font-family:var(--font-mono);border-radius:var(--radius-media);background-color:#1c1b1a0a;border:1px solid #1c1b1a14;flex-direction:column;justify-content:center;align-items:center;transition:background-color .5s,border-color .5s,color .5s;display:flex}.css-placeholder span{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.css-placeholder .ratio{opacity:.6;margin-top:.35rem;font-size:.65rem}.group:hover .css-placeholder,.group:focus-within .css-placeholder{color:#1c1b1a80;background-color:#1c1b1a0f;border-color:#1c1b1a26}.dark-section .css-placeholder{color:#f8f6f066;background-color:#f8f6f008;border-color:#f8f6f01a}.tilt-transition{will-change:transform;transition:transform .5s cubic-bezier(.25,1,.5,1)}.scale-transition{will-change:transform;transition:transform .65s cubic-bezier(.25,1,.5,1)}@media (hover:hover) and (pointer:fine){.tilt-left{transform:rotate(-1.5deg)}.group:hover .tilt-left,.group:focus-within .tilt-left{transform:rotate(0)}.tilt-right{transform:rotate(1deg)}.group:hover .tilt-right,.group:focus-within .tilt-right{transform:rotate(0)}}.group:hover .scale-inner,.group:focus-within .scale-inner{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.tilt-left,.tilt-right,.scale-inner,.group:hover .tilt-left,.group:focus-within .tilt-left,.group:hover .tilt-right,.group:focus-within .tilt-right,.group:hover .scale-inner,.group:focus-within .scale-inner{transition:none!important;transform:none!important}}.btn-outline{border:1px solid var(--color-border);border-radius:var(--radius-media);color:var(--color-ink);background:0 0;justify-content:center;align-items:center;padding:8px 16px;font-size:12.5px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-outline:hover,.btn-outline:focus-visible{background-color:var(--color-surface-charcoal);border-color:var(--color-surface-charcoal);color:var(--color-ink-inverse);outline:none}.btn-outline-inverse{border:1px solid var(--color-border-inverse-strong);border-radius:var(--radius-media);color:var(--color-ink-inverse);background:0 0;justify-content:center;align-items:center;padding:8px 16px;font-size:12.5px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-outline-inverse:hover,.btn-outline-inverse:focus-visible{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink-inverse);outline:none}.link-underline{border-bottom:1px solid var(--color-border);letter-spacing:.025em;text-transform:uppercase;align-items:center;gap:6px;padding-bottom:2px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.link-underline:hover{color:var(--home-interactive-ruby,#861d2b);border-color:var(--color-ink)}.link-underline .arrow{font-family:var(--font-mono);margin-left:2px;font-size:12px}.status-dot{border-radius:var(--radius-full);background-color:var(--color-accent);width:6px;height:6px}.tech-tag{background-color:var(--color-surface-project);border-radius:var(--radius-media);box-shadow:var(--shadow-tag);font-family:var(--font-mono);text-transform:uppercase;color:#f8f6f0b3;border:1px solid #f8f6f033;padding:4px 8px;font-size:10px}.site-header{z-index:50;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;top:20px;left:0;right:0}.glass-nav{pointer-events:auto;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(24px)saturate(180%);background:#f6f4eea6;border:1px solid #1c1b1a14;align-items:center;max-width:max-content;margin-inline:auto;padding:8px 22px;display:flex;box-shadow:inset 0 1px 1px #ffffffe6,0 6px 24px -6px #1c1b1a12,0 2px 8px -4px #1c1b1a0a}.nav-default{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:20px;display:flex}.nav-wordmark{letter-spacing:.05em;font-size:13px;font-weight:500;transition:color .15s}.nav-wordmark:hover{color:var(--home-interactive-ruby,#861d2b)}.nav-divider{background-color:var(--color-border);width:1px;height:16px;display:none}.nav-links{letter-spacing:.025em;color:var(--home-ink,#1d1d1b);align-items:center;gap:16px;font-size:12px;font-weight:500;display:none}.nav-links a{transition:color .15s}.nav-links a:hover{color:var(--color-ink)}.nav-search{letter-spacing:.025em;color:var(--color-ink);font-size:12px;font-weight:500;transition:color .15s}.nav-search:hover{color:var(--home-interactive-ruby,#861d2b)}@media (width>=768px){.nav-divider{display:block}.nav-links{display:flex}}.glass-nav{-webkit-backdrop-filter:blur(28px)saturate(190%);background:linear-gradient(135deg,#ffffffa6,#ffffff59);border-color:#ffffff73;padding:6px 18px;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 1.5px #ffffffd9,inset 0 -1px 2px #0000000a,0 12px 32px #00000014,0 2px 6px #0000000a}.glass-nav:hover{background:linear-gradient(135deg,#ffffffb8,#ffffff6b);box-shadow:inset 0 1px 2px #fffffff2,inset 0 -1px 2px #0000000a,0 16px 40px #0000001a,0 4px 10px #0000000d}.nav-default{gap:0}.nav-wordmark{border-radius:var(--radius-full);color:#1a1a1aeb;letter-spacing:.8px;padding:4px 9px;font-size:13px;font-weight:600}.nav-divider{background:linear-gradient(#0000,#00000026 20% 80%,#0000);margin:0 6px}.nav-links{gap:2px}.nav-links a,.nav-search{border-radius:var(--radius-full);color:#1e1e1ed9;letter-spacing:.5px;padding:4px 10px;font-size:12px;font-weight:400;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:block}.nav-wordmark:hover,.nav-links a:hover,.nav-search:hover{color:#000;background:#ffffff80;box-shadow:inset 0 .5px 1px #fff9}.nav-links a[aria-current=page]{color:var(--home-interactive-ruby,#861d2b)}.nav-wordmark:focus-visible,.nav-links a:focus-visible,.nav-search:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.glass-nav{--nav-ease:cubic-bezier(.16, 1, .3, 1);isolation:isolate;-webkit-backdrop-filter:blur(2px)saturate(180%)brightness(1.05);width:min(680px,100vw - 32px);max-width:none;height:54px;transition:background .5s var(--nav-ease), border-color .5s var(--nav-ease), box-shadow .5s var(--nav-ease), transform .4s var(--nav-ease);background:#ffffff0d;border:.5px solid #ffffffd9;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Hiragino Sans GB,Songti SC,serif;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 2px #0000000d,0 16px 36px -8px #00000014,0 2px 6px #0000000a}.glass-nav:active{transform:scale(.992)}.glass-nav:hover{background:#ffffff0d}.glass-nav.is-on-dark .nav-wordmark img{filter:brightness(0)invert()}.glass-nav.is-on-dark .nav-links a,.glass-nav.is-on-dark .nav-search,.glass-nav.is-on-dark .nav-search-input,.glass-nav.is-on-dark .nav-search-exit,.glass-nav.is-on-dark .nav-search-clear{color:#fffffff0}.glass-nav.is-on-dark .nav-divider{background:#ffffff52}.glass-nav.is-on-dark .nav-magnetic-pill{background:#ffffff29}.glass-nav.is-on-dark .nav-wordmark:hover,.glass-nav.is-on-dark .nav-links a:hover,.glass-nav.is-on-dark .nav-search:hover,.glass-nav.is-on-dark .nav-links a[aria-current=page]{color:#fff}.glass-nav:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#fff3 0%,#ffffff12 28%,#0000 56%),linear-gradient(300deg,#0000 48%,#ffffff17 100%);position:absolute;inset:0}.nav-specular{z-index:1;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(140px circle at var(--nav-pointer-x,50%) var(--nav-pointer-y,50%), #ffffff61, transparent 70%);transition:opacity .35s;position:absolute;inset:0}.glass-nav:hover .nav-specular{opacity:1}.nav-magnetic-pill{z-index:2;opacity:0;pointer-events:none;border-radius:var(--radius-full);width:0;height:calc(100% - 12px);transition:left .38s cubic-bezier(.175, .885, .32, 1.12), width .38s cubic-bezier(.175, .885, .32, 1.12), transform .3s var(--nav-ease), opacity .25s ease;background:#ffffffbf;border:.5px solid #ffffffe6;position:absolute;top:6px;transform:scale(.92);box-shadow:0 2px 10px #0000000f,inset 0 1px 1px #fffc}.nav-magnetic-pill.is-visible{opacity:1;transform:scale(1)}.nav-default,.nav-search-mode{z-index:3;transition:opacity .35s var(--nav-ease), transform .42s var(--nav-ease), filter .35s var(--nav-ease);align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.nav-default{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;display:grid}.nav-default>.nav-wordmark{grid-area:1/1;justify-self:start}.nav-default>.nav-divider:first-of-type{grid-area:1/1;justify-self:end}.nav-default>.nav-links{grid-area:1/2;justify-self:center}.nav-default>.nav-divider:last-of-type{grid-area:1/3;justify-self:start}.nav-default>.nav-search{grid-area:1/3;justify-self:end}.nav-wordmark{z-index:3;color:#1d1d1f;letter-spacing:.8px;justify-content:center;align-items:center;padding:4px 9px;font-size:15px;font-weight:650;display:inline-flex;position:relative}.nav-wordmark img{object-fit:contain;width:32px;height:32px;display:block;transform:translateY(0)}.nav-divider{background:#0000001f;border-radius:1px;flex:none;width:1px;height:16px;margin:0 2px}.nav-links{z-index:3;gap:1px;position:relative}.nav-links a,.nav-search{z-index:3;color:#1d1d1fb8;letter-spacing:.3px;justify-content:center;align-items:center;padding:7px 13px;font-size:14px;font-weight:430;transition:color .2s,transform .15s;display:inline-flex;position:relative}.nav-wordmark:hover,.nav-links a:hover,.nav-search:hover,.nav-links a[aria-current=page]{color:#1d1d1f;box-shadow:none;background:0 0}.nav-links a:active,.nav-search:active{transform:scale(.94)}.nav-search-mode{z-index:4;pointer-events:none;opacity:0;filter:blur(4px);gap:8px;transform:translate(20px)scale(.98)}.glass-nav.is-searching .nav-default{pointer-events:none;opacity:0;filter:blur(4px);transform:translate(-24px)scale(.96)}.glass-nav.is-searching .nav-search-mode{pointer-events:auto;opacity:1;filter:blur();transform:translate(0)scale(1)}.glass-nav.is-searching .nav-magnetic-pill{opacity:0!important}.nav-search-exit,.nav-search-clear{color:#1d1d1f;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;transition:background .2s,transform .15s;display:grid}.nav-search-exit svg,.nav-search-clear svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:17px;height:17px}.nav-search-clear svg{stroke-width:2.4px;width:15px;height:15px}.nav-search-exit:hover,.nav-search-clear:hover{color:#1d1d1f;background:#ffffffbf}.nav-search-exit:active,.nav-search-clear:active{transform:scale(.88)}.nav-search-input{color:#1d1d1f;letter-spacing:.2px;padding:6px 0;font-family:inherit;font-size:15px}.nav-search-panel{top:86px}@media (width<=767px){.glass-nav{width:184px;height:44px}.nav-default,.nav-search-mode{padding:0 8px}.nav-wordmark{padding:5px 10px;font-size:13px}.nav-wordmark img{width:26px;height:26px}.nav-search{padding:5px 9px;font-size:12px}.nav-search-mode{gap:4px}.nav-search-exit,.nav-search-clear{flex-basis:28px;width:28px;height:28px}}.nav-default[hidden],.nav-search-mode[hidden],.nav-search-panel[hidden],.nav-search-panel-all[hidden]{display:none}.nav-search-mode{align-items:center;gap:10px;width:min(460px,100vw - 64px);display:flex}.nav-search-exit,.nav-search-clear{border-radius:var(--radius-media);color:var(--color-ink-muted);cursor:pointer;padding:2px 4px;font-size:13px;transition:color .15s}.nav-search-exit:hover,.nav-search-clear:hover{color:var(--home-interactive-ruby,#861d2b)}.nav-search-exit:focus-visible,.nav-search-clear:focus-visible,.nav-search-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-media)}.nav-search-input{min-width:0;font-family:var(--font-sans);color:var(--color-ink);caret-color:var(--color-accent);background:0 0;border:none;flex:1;padding:0;font-size:13px}.nav-search-input::placeholder{color:var(--color-ink-muted);opacity:.65}.nav-search-input:focus{outline:none}.nav-search-panel{z-index:49;pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#f6f4eee6;border:1px solid #fff9;border-radius:12px;width:min(520px,100vw - 32px);padding:12px;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px -8px #1c1b1a1f,0 4px 12px -4px #1c1b1a0f}.nav-search-panel-status{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted);padding:4px 8px 8px;font-size:10px}.nav-search-panel-results{flex-direction:column;max-height:60vh;display:flex;overflow-y:auto}.nav-search-result{border-radius:6px;flex-direction:column;gap:2px;padding:10px 8px;transition:background-color .15s;display:flex}.nav-search-result:hover{background:#1c1b1a0d}.nav-search-result:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:6px}.nav-search-result-title{font-family:var(--font-serif);color:var(--color-ink);font-size:15px;font-weight:500;transition:color .15s}.nav-search-result:hover .nav-search-result-title{color:var(--home-interactive-ruby,#861d2b)}.nav-search-result-meta{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-muted);font-size:10px}.nav-search-result-excerpt{color:var(--color-ink-soft);font-size:13px;line-height:1.6}.nav-search-result-excerpt mark{color:var(--color-ink);background:#7a3f461f;border-radius:2px}.nav-search-panel-all{border-top:1px solid var(--color-border);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;text-align:center;color:var(--color-ink);margin-top:8px;padding:8px;font-size:11px;transition:color .15s;display:block}.nav-search-panel-all:hover{color:var(--home-interactive-ruby,#861d2b)}