:root{--bg:#0a0c10;--grid:#0e1216;--hair:#151a21;--hair-strong:#1b212a;--text:#e9eef4;--text-strong:#f4f7fa;--text-muted:#929cab;--text-faint:#5b6573;--accent:#5eead4;--accent-dim:#2f6f68;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--shell:940px;--pad-x:28px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word}::selection{background:var(--accent);color:#04211d}a{color:var(--accent)}a,a:hover{text-decoration:none}a:hover{opacity:.85}h1,h2,h3,h4{margin:0;font-weight:700;color:var(--text-strong);letter-spacing:-.02em}p{margin:0}.mono{font-family:var(--font-mono)}.shell{max-width:var(--shell);margin:0 auto;padding:0 var(--pad-x);min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;min-width:0}.nav{display:flex;justify-content:space-between;align-items:center;padding:26px 0 0;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em}.nav__brand{color:var(--accent)}.nav__links{display:flex;gap:22px;color:var(--text-faint)}.nav__links a{color:var(--text-faint);transition:color .15s ease}.nav__links a:hover{color:var(--text);opacity:1}.section{padding:56px 0;border-top:1px solid var(--hair)}.section--first{border-top:none}.section__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.hero{padding:72px 0 64px}.hero__kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.11em;color:var(--accent)}.hero__title{font-size:clamp(34px,6vw,44px);line-height:1.06;letter-spacing:-.03em;color:var(--text-strong);margin-top:20px}.hero__title-range{display:block;margin-top:.34em;font-size:.62em;color:var(--text-muted);letter-spacing:-.02em}.hero__cursor{color:var(--accent);font-weight:400}.hero__tagline{font-family:var(--font-mono);font-size:14px;line-height:1.8;color:var(--text-muted);max-width:52ch;margin-top:24px}.hero__foot{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:48px}.cta{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);border:1px solid var(--accent-dim);border-radius:6px;padding:9px 15px;transition:border-color .15s ease,background .15s ease}.cta:hover{border-color:var(--accent);background:rgba(94,234,212,.06);opacity:1}.hero__links{font-family:var(--font-mono);font-size:12px}.hero__links,.hero__links a{color:var(--text-faint)}.hero__links a:hover{color:var(--accent);opacity:1}.work{margin-top:26px}.work-row{display:flex;align-items:flex-start;gap:20px;padding:26px 0;border-top:1px solid var(--hair);text-decoration:none;transition:border-color .2s ease}.work-row:first-child{border-top:none}.work-row:hover{opacity:1}.work-row__glyph{flex:0 0 auto;color:var(--text-faint);transition:color .2s ease;padding-top:2px}.work-row:hover .work-row__glyph,.work-row__idx{color:var(--accent)}.work-row__idx{font-family:var(--font-mono);font-size:13px;padding-top:4px;flex:0 0 auto}.work-row__body{flex:1 1;min-width:0;display:flex;flex-direction:column}.work-row__name{font-size:20px;line-height:1.2;color:var(--text-strong);display:inline-flex;align-items:center;gap:12px}.work-row__arrow{color:var(--accent);opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease;font-family:var(--font-mono)}.work-row:hover .work-row__arrow{opacity:1;transform:translateX(0)}.work-row__desc{font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--text-muted);max-width:60ch;margin-top:10px}.work-row__meta{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);white-space:nowrap;padding-top:5px}.more-link,.work__more{display:inline-block;margin-top:36px;font-family:var(--font-mono);font-size:12px;color:var(--accent)}.about-snippet{font-size:18px;line-height:1.7;color:#cdd6e0;max-width:70ch;margin-top:22px}.about-snippet strong{color:var(--text-strong);font-weight:600}.posts{margin-top:24px}.post-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:18px 0;border-top:1px solid var(--hair)}.post-row:first-child{border-top:none}.post-row__title{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.post-row:hover .post-row__title{color:var(--accent)}.post-row__date{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);white-space:nowrap}.contact__h{font-size:27px;letter-spacing:-.02em;color:var(--text-strong)}.contact__t{font-size:13px;line-height:1.7;color:var(--text-muted);margin-top:14px;max-width:54ch}.contact__mail,.contact__t{font-family:var(--font-mono)}.contact__mail{display:inline-block;margin-top:20px;font-size:14px;color:var(--accent)}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:22px 0 28px;margin-top:40px;border-top:1px solid var(--hair);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-faint)}.prose{max-width:70ch}.prose>*+*{margin-top:18px}.prose h2{font-size:22px;margin-top:40px}.prose h3{font-size:17px;margin-top:30px}.prose li,.prose p{font-size:16px;line-height:1.75;color:var(--text)}.prose ol,.prose ul{padding-left:22px}.prose li{margin-top:6px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--accent-dim);text-decoration-color:var(--accent-dim)}.prose strong{color:var(--text-strong)}.prose code{font-family:var(--font-mono);font-size:.88em;background:#11161d;border:1px solid var(--hair-strong);border-radius:4px;padding:1px 5px}.prose blockquote{border-left:2px solid var(--accent-dim);padding-left:16px;color:var(--text-muted)}.prose hr{border:none;border-top:1px solid var(--hair);margin:32px 0}.prose figure[data-rehype-pretty-code-figure]{margin:22px 0}.prose pre{background:#0c1014!important;border:1px solid var(--hair-strong);border-radius:8px;padding:16px 18px;overflow-x:auto;font-size:13px;line-height:1.6}.prose pre code{background:none;border:none;padding:0;font-size:inherit}.prose pre code .line{display:block}[data-rehype-pretty-code-title]{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);padding:8px 0 0}.article-head{padding:56px 0 0}.article-head__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-faint)}.article-head__title{font-size:clamp(28px,5vw,36px);line-height:1.1;margin-top:14px;color:var(--text-strong)}.article-head__tagline{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);margin-top:14px}.article-head__links{display:flex;gap:16px;margin-top:18px;font-family:var(--font-mono);font-size:12px}.article-body{padding:40px 0 56px}.back-link{display:inline-block;font-family:var(--font-mono);font-size:12px;color:var(--text-faint);margin-top:32px}.back-link:hover{color:var(--accent);opacity:1}.hero-art{padding:4px 0 8px}.hero-art__frame{width:100%;max-width:560px;margin:0 auto;aspect-ratio:1/1}.hero-art__frame iframe{display:block;width:100%;height:100%;border:0;background:transparent}.hero-art__cap{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:12px;color:var(--text-faint);text-align:center;margin-top:8px}.hero-art__cap a{color:var(--accent)}@media (max-width:640px){.hero-art__frame{max-width:440px}}.diagram{margin:32px 0}.diagram__frame{width:100%;border:1px solid var(--hair-strong);border-radius:12px;overflow:hidden;background:#0c1014}.diagram__frame iframe{display:block;width:100%;height:100%;border:0}.diagram__cap{font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:var(--text-faint);text-align:center;margin-top:11px}.cursor-blink{animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.reveal{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.cursor-blink{animation:none}.reveal{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}@media (max-width:640px){:root{--pad-x:20px}.nav{font-size:11px;flex-wrap:wrap;gap:10px 14px}.nav__links{gap:14px}.section{padding:40px 0}.hero{padding:40px 0 36px}.hero__kicker{font-size:11px;overflow-wrap:anywhere}.hero__title{font-size:27px;line-height:1.12;overflow-wrap:anywhere}.hero__tagline{font-size:13px;max-width:none;overflow-wrap:anywhere}.about-snippet{font-size:16px;max-width:none}.work{margin-top:18px}.work-row{gap:14px;padding:22px 0}.work-row__name{display:block;font-size:17px}.work-row__desc{font-size:12px;max-width:none}.work-row__meta{display:none}.contact__h{font-size:22px}.contact__t{max-width:none}.prose{max-width:100%}.prose h2{font-size:19px}.prose h3{font-size:16px}.article-head__title{font-size:26px}.article-head__links{flex-wrap:wrap;gap:12px}}