:root,[data-theme=light]{--bg-solid: #f7f7fc;--bg-grad: radial-gradient(900px 420px at 50% -8%, rgba(79, 70, 229, .07), transparent 65%), linear-gradient(180deg, #ffffff 0%, #f7f7fc 55%, #f1f2f9 100%);--text: #15161d;--text-2: #4c5164;--muted: #868ca0;--line: #e4e6f0;--line-strong: #c9cede;--accent: #4f46e5;--btn-bg: #15161d;--btn-text: #ffffff;--ok: #14934f;--code-bg: #eeeef6}[data-theme=dark]{--bg-solid: #0a0d15;--bg-grad: radial-gradient(900px 420px at 50% -8%, rgba(99, 102, 241, .11), transparent 65%), linear-gradient(180deg, #0d1019 0%, #0a0d15 100%);--text: #eceef6;--text-2: #a4aabf;--muted: #6a7088;--line: #222838;--line-strong: #3a4158;--accent: #8b90ff;--btn-bg: #eceef6;--btn-text: #0a0d15;--ok: #4ade80;--code-bg: #161b28}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-grad) fixed,var(--bg-solid);color:var(--text);font-family:Instrument Sans,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:color .3s ease}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.serif{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400}.tag-line{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.02em;color:var(--muted)}.count-chip{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.64rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px;white-space:nowrap}.count-chip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}.shell{max-width:1120px;margin:0 auto;padding:0 28px}.skip{position:absolute;left:-9999px;top:12px;background:var(--btn-bg);color:var(--btn-text);padding:8px 16px;border-radius:6px;z-index:100}.skip:focus{left:12px}@keyframes headIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}header.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-solid) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);animation:headIn .55s ease both;transition:border-color .3s ease}header.top.scrolled{border-bottom-color:var(--line-strong)}.top-in{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;transition:padding .3s ease}.top.scrolled .top-in{padding-top:11px;padding-bottom:11px}.wordmark{font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.wordmark span{color:var(--accent);display:inline-block;transition:transform .25s ease}.wordmark:hover span{transform:scale(1.5)}.nav-right{display:flex;align-items:center;gap:28px}.nav-links{display:flex;gap:28px}.nav-links a{font-size:.88rem;color:var(--text-2);background-image:linear-gradient(var(--text),var(--text));background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:2px;transition:color .2s ease,background-size .25s ease}.nav-links a:hover{color:var(--text);background-size:100% 1px}.talk{font-size:.85rem;font-weight:500;border:1px solid var(--line-strong);border-radius:999px;padding:8px 18px;transition:border-color .2s ease,color .2s ease}.talk:hover{border-color:var(--accent);color:var(--accent)}.theme-btn,.menu-btn{width:36px;height:36px;display:grid;place-items:center;color:var(--text-2);border-radius:50%;transition:color .2s ease}.theme-btn:hover,.menu-btn:hover{color:var(--text)}.menu-btn{display:none}.hidden{display:none!important}.m-menu{display:none;border-bottom:1px solid var(--line);background:var(--bg-solid)}.m-menu.open{display:block}.m-menu a{display:block;padding:16px 28px;font-size:1.05rem;border-top:1px solid var(--line)}.hero{padding:clamp(64px,10vw,120px) 0 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,72px);align-items:start}.status{display:inline-flex;align-items:center;gap:9px;font-size:.8rem;color:var(--text-2);margin-bottom:22px}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 2.4s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:34px}.h1-open{margin-bottom:10px}.h1-close{margin-top:12px}h1{font-size:clamp(2.5rem,6.6vw,4.9rem);font-weight:600;letter-spacing:-.035em;line-height:1.05;max-width:13ch}h1 .serif{letter-spacing:-.01em}h1 .emo{font-size:.62em}@keyframes wordUp{0%{transform:translateY(115%)}to{transform:none}}h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.13em;margin-bottom:-.13em}h1 .w>span{display:inline-block;animation:wordUp .75s cubic-bezier(.22,.9,.24,1) both}h1 .w:nth-of-type(1)>span{animation-delay:.3s}h1 .w:nth-of-type(2)>span{animation-delay:.36s}h1 .w:nth-of-type(3)>span{animation-delay:.42s}h1 .w:nth-of-type(4)>span{animation-delay:.48s}h1 .w:nth-of-type(5)>span{animation-delay:.54s}h1 .w:nth-of-type(6)>span{animation-delay:.6s}h1 .w:nth-of-type(7)>span{animation-delay:.68s}h1 .w:nth-of-type(8)>span{animation-delay:.8s}.meta-block{margin-top:34px}.meta-block .tag-line{margin-bottom:8px}.hero-sub{font-size:1.08rem;color:var(--text-2);max-width:52ch}.hero-sub b{color:var(--text);font-weight:500}.meta-verdict{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.meta-verdict .note{font-family:IBM Plex Mono,monospace;font-size:.64rem;color:var(--muted)}.portrait{width:clamp(210px,23vw,300px)}.portrait .disc{aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.portrait .disc img{width:88%;height:auto;display:block}.portrait .tag-line{margin-top:14px;line-height:2}.hero-foot{margin-top:clamp(52px,7vw,90px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding:18px 0;flex-wrap:wrap}.hero-foot span{font-size:.78rem;color:var(--muted)}.hero-foot .mono-fact{font-family:IBM Plex Mono,monospace;font-size:.72rem}.hero-foot .mono-fact em{color:var(--ok);font-style:normal}.hero-ctas{display:flex;align-items:center;gap:26px;margin-top:40px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--btn-bg);color:var(--btn-text);font-size:.92rem;font-weight:500;padding:14px 26px;border-radius:999px;transition:transform .2s ease}.btn:hover{transform:translateY(-2px)}.btn .ar{transition:transform .2s ease}.btn:hover .ar{transform:translate(2px,-2px)}.link-cta{font-size:.92rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;color:var(--text-2);transition:color .2s ease}.link-cta:hover{color:var(--accent)}.link-cta .ar{transition:transform .2s ease}.link-cta:hover .ar{transform:translate(3px)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.d1.reveal{transition-delay:.08s}.d2.reveal{transition-delay:.16s}.d3.reveal{transition-delay:.85s}.d4.reveal{transition-delay:.98s}.d5.reveal{transition-delay:1.1s}section{padding:clamp(80px,11vw,140px) 0 0}.sec-head{margin-bottom:clamp(36px,6vw,64px)}.sec-head .tag-line{margin-bottom:16px}h2{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.work-list{border-top:1px solid var(--line);list-style:none}.work-row{display:grid;grid-template-columns:56px 1fr auto 40px;gap:24px;align-items:baseline;padding:clamp(26px,4vw,40px) 0;border-bottom:1px solid var(--line);transition:padding-left .25s ease}.work-row:hover{padding-left:10px}.work-row .idx{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--muted)}.work-row .w-main h3{font-size:clamp(1.3rem,3vw,1.9rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;transition:color .2s ease}.work-row:hover .w-main h3{color:var(--accent)}.work-row .slug{display:block;font-family:IBM Plex Mono,monospace;font-size:.66rem;color:var(--muted);margin-top:4px}.work-row .w-main p{color:var(--text-2);font-size:.92rem;margin-top:8px;max-width:52ch}.work-row .w-meta{text-align:right;font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--muted);line-height:2;white-space:nowrap}.work-row .w-arrow{color:var(--muted);transition:transform .25s ease,color .2s ease;justify-self:end}.work-row:hover .w-arrow{transform:translate(4px,-4px);color:var(--accent)}.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,80px)}.about-grid h2{max-width:10ch}.about-copy p{color:var(--text-2);margin-bottom:20px;font-size:1.02rem}.about-copy p b{color:var(--text);font-weight:500}.currently{margin-top:36px;border-top:1px solid var(--line);padding-top:22px}.currently .tag-line{margin-bottom:10px}.currently p{color:var(--text);font-size:.95rem}.skill-list{border-top:1px solid var(--line);list-style:none}.skill-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}.skill-row h3{font-size:1.08rem;font-weight:600;letter-spacing:-.01em}.skill-row p{color:var(--text-2);font-size:.9rem}.xp-list{border-top:1px solid var(--line);list-style:none}.xp-row{display:grid;grid-template-columns:165px minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.xp-row .when{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--muted);padding-top:5px}.xp-row h3{font-size:1.12rem;font-weight:600;letter-spacing:-.01em}.xp-row .role{color:var(--accent);font-size:.85rem;margin:2px 0 8px}.xp-row p{color:var(--text-2);font-size:.92rem;max-width:60ch}.cred-head{margin:64px 0 18px}.cred-head .tag-line{margin-bottom:12px}.cred-head h3{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:600;letter-spacing:-.02em}.post-list{border-top:1px solid var(--line);list-style:none}.post-row{display:grid;grid-template-columns:130px 1fr 40px;gap:24px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line)}.post-row .when{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--muted)}.post-row h3{font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:600;letter-spacing:-.015em;line-height:1.3;transition:color .2s ease}.post-row:hover h3{color:var(--accent)}.post-row .p-desc{color:var(--text-2);font-size:.88rem;margin-top:6px;max-width:60ch}.post-row .p-tags{font-family:IBM Plex Mono,monospace;font-size:.66rem;color:var(--muted);margin-top:8px}.post-row .w-arrow{color:var(--muted);justify-self:end;transition:transform .25s ease,color .2s ease}.post-row:hover .w-arrow{transform:translate(4px,-4px);color:var(--accent)}.all-posts{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-size:.92rem;font-weight:500;color:var(--text-2);transition:color .2s ease}.all-posts:hover{color:var(--accent)}.all-posts .ar{transition:transform .2s ease}.all-posts:hover .ar{transform:translate(3px)}.article{padding-top:clamp(56px,9vw,100px);max-width:800px}.art-slug{margin-bottom:30px}.art-h1{font-size:clamp(2rem,5.4vw,3.4rem);max-width:none}.art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--muted)}.art-lede{margin-top:24px;font-size:1.12rem;color:var(--text-2);border-left:2px solid var(--accent);padding-left:18px}.art-hero{margin-top:34px}.art-hero img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);display:block}.art-hero figcaption{font-family:IBM Plex Mono,monospace;font-size:.66rem;color:var(--muted);margin-top:10px}.prose{margin-top:44px}.prose h2{font-size:clamp(1.4rem,3.4vw,1.9rem);margin:48px 0 16px}.prose h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:34px 0 12px}.prose p{color:var(--text-2);margin-bottom:18px}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose ul,.prose ol{margin:0 0 18px 22px;color:var(--text-2)}.prose li{margin-bottom:8px}.prose blockquote{border-left:2px solid var(--line-strong);padding-left:18px;margin:26px 0;color:var(--text-2);font-style:italic}.prose img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);margin:26px 0;display:block}.prose code{font-family:IBM Plex Mono,monospace;font-size:.85em;background:var(--code-bg);border:1px solid var(--line);border-radius:5px;padding:1px 6px}.prose pre{background:var(--code-bg);border:1px solid var(--line);border-radius:10px;padding:18px;overflow-x:auto;margin:26px 0}.prose pre code{background:none;border:none;padding:0}.prose hr{border:none;border-top:1px solid var(--line);margin:40px 0}.post-audit{margin-top:56px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.post-audit .note{font-family:IBM Plex Mono,monospace;font-size:.64rem;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:8px;margin-top:30px;font-size:.92rem;font-weight:500;color:var(--text-2);transition:color .2s ease}.back-link:hover{color:var(--accent)}.contact h2{font-size:clamp(2.6rem,7vw,5rem);max-width:14ch}.contact .sub{color:var(--text-2);margin-top:22px;max-width:46ch}.email-link{display:inline-block;margin-top:40px;font-size:clamp(1.3rem,3.6vw,2.2rem);font-weight:600;letter-spacing:-.02em;background-image:linear-gradient(var(--accent),var(--accent));background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:6px;transition:color .2s ease}.email-link:hover{color:var(--accent)}.socials{display:flex;gap:26px;margin-top:34px}.socials a{font-size:.88rem;color:var(--text-2);display:inline-flex;align-items:center;gap:7px;transition:color .2s ease}.socials a:hover{color:var(--text)}.socials .ar{transition:transform .2s ease}.socials a:hover .ar{transform:translate(2px,-2px)}.nf{padding:clamp(90px,14vw,160px) 0}.nf h2{margin:14px 0 16px}.nf p{color:var(--text-2);max-width:46ch}footer{margin-top:clamp(80px,11vw,140px);border-top:1px solid var(--line)}.robots{font-family:IBM Plex Mono,monospace;font-size:.68rem;color:var(--muted);line-height:2;padding:26px 0 22px}.robots .c{opacity:.65}.foot-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding:24px 0;font-size:.8rem;color:var(--muted)}.foot-in a{color:var(--text-2);transition:color .2s ease}.foot-in a:hover{color:var(--accent)}.foot-in .mono-fact{font-family:IBM Plex Mono,monospace;font-size:.7rem}.to-top{display:inline-flex;align-items:center;gap:7px}.to-top .ar{transition:transform .25s ease}.to-top:hover .ar{transform:translateY(-3px)}@media(max-width:860px){.nav-links,.talk{display:none}.menu-btn{display:grid}.hero-grid{grid-template-columns:1fr}.portrait{order:-1;width:190px;margin-bottom:6px}.portrait .tag-line{display:none}.work-row{grid-template-columns:1fr auto;gap:8px 16px}.work-row .idx,.work-row .w-arrow{display:none}.about-grid,.skill-row{grid-template-columns:1fr}.about-grid h2{max-width:none}.xp-row{grid-template-columns:1fr;gap:8px}.post-row{grid-template-columns:1fr;gap:6px}.post-row .w-arrow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}