:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f7f3;--fg:#25231f;--muted:#76716a;--soft:#efede7;--line:#dfddd6;--accent:#5d554a;--body:#45413b;--lead:#3d3934;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f7f3;--fg:#25231f;--muted:#76716a;--soft:#efede7;--line:#dfddd6;--accent:#5d554a;--body:#45413b;--lead:#3d3934}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191919;--fg:#d9d6cf;--muted:#9b9690;--soft:#20201f;--line:#33312f;--accent:#c8c0b6;--body:#c3bfb7;--lead:#d0ccc4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;transition:background-color .78s cubic-bezier(.22,1,.36,1),color .78s cubic-bezier(.22,1,.36,1)}a{color:inherit;text-decoration:none}body,.brand,.rail nav,.eyebrow,.dek,h1,h2,h3,p,li,.project-head p,.segmented,.segmented:before,.segmented button,.meta-line span,.skill-grid span{transition:background-color .78s cubic-bezier(.22,1,.36,1),border-color .78s cubic-bezier(.22,1,.36,1),color .78s cubic-bezier(.22,1,.36,1),box-shadow .78s cubic-bezier(.22,1,.36,1)}.page-shell{min-height:100vh}.rail{flex-direction:column;justify-content:space-between;width:96px;padding:24px 0 38px;display:flex;position:fixed;top:0;bottom:0;left:max(28px,50vw - 572px)}.brand{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);font-family:var(--sans);border-radius:50%;place-items:center;font-size:12px;font-weight:500;display:grid}.rail nav{color:var(--muted);font-family:var(--sans);opacity:.68;flex-direction:column;gap:12px;font-size:12px;display:flex}.rail-bottom{gap:22px;display:grid}.rail-blog-link{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.rail-blog-link span{transition:transform .16s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.rail-blog-link:hover span{transform:translate(2px,-2px)}}.rail a:hover{color:var(--accent)}.blog-rail-nav{opacity:1!important;gap:12px!important}.blog-rail-list{gap:10px;display:grid}.blog-rail-list a{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-rail-list a.active{color:var(--fg);font-weight:500}.blog-rail-pager{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.blog-rail-pager button{width:24px;height:24px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.blog-rail-pager button:disabled{cursor:default;opacity:.28}@media (hover:hover) and (pointer:fine){.blog-rail-pager button:not(:disabled):hover{background:var(--soft);color:var(--fg)}}.article{width:min(100% - 44px,720px);margin:0 auto;padding:24px 0 108px}.switcher{justify-content:flex-end;align-items:center;gap:20px;margin:0 0 42px;display:flex}.display-controls{align-items:center;gap:6px;display:flex}.utility-control{width:36px;height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .16s,color .16s,transform .14s cubic-bezier(.23,1,.32,1);display:grid}.utility-control:active{transform:scale(.96)}.utility-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.language-control{letter-spacing:.03em;border-radius:8px;font-size:12px;font-weight:500}.theme-control{background:color-mix(in srgb,var(--soft)82%,transparent)}.theme-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:17px;height:17px}@media (hover:hover) and (pointer:fine){.utility-control:hover{background:var(--soft);color:var(--fg)}}.segmented{border:1px solid var(--line);background:color-mix(in srgb,var(--soft)78%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--fg)8%,transparent);border-radius:999px;grid-template-columns:repeat(2,minmax(48px,1fr));padding:2px;display:grid;position:relative;overflow:hidden}.segmented:before{content:"";background:var(--fg);will-change:transform;border-radius:999px;width:calc(50% - 2px);transition:transform .43s cubic-bezier(.2,.9,.18,1),background-color .78s cubic-bezier(.22,1,.36,1),box-shadow .78s cubic-bezier(.22,1,.36,1);position:absolute;inset:2px auto 2px 2px;transform:translate(0);box-shadow:0 1px 2px #00000029,0 8px 22px #0000001a}.segmented[data-active=en]:before,.segmented[data-active=dark]:before{transform:translate(calc(100% + 2px))}.segmented button{z-index:1;min-width:48px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1;transition:color .26s,transform .16s;position:relative;transform:translateZ(0)}.segmented button:active{transform:scale(.96)}.segmented button.active{color:var(--bg)}.icon-segmented button{min-width:38px;padding-inline:8px}.icon-segmented span{font-size:14px;line-height:1;display:block;transform:translateY(-.5px)}.hero{border-bottom:0;padding-bottom:18px}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:16px;line-height:1.45}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:24px;font-size:clamp(28px,4.4vw,34px);font-weight:500;line-height:1.14}.dek{max-width:100%;color:var(--lead);margin-bottom:24px;font-size:16px;line-height:1.58}.meta-line{color:var(--muted);font-family:var(--sans);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.meta-line span{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:4px 9px}.section{border-bottom:0;padding:30px 0}h2{letter-spacing:0;margin-bottom:18px;font-size:23px;font-weight:500;line-height:1.3}.section>p,li{color:var(--body);font-size:16px;line-height:1.55}.project-list{gap:36px;display:grid}.project{gap:12px;display:grid}.project-head{gap:4px;display:grid}h3{margin-bottom:0;font-size:20px;font-weight:500;line-height:1.3}.project-head p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}ul{gap:6px;margin:0;padding-left:1.1em;display:grid}li::marker{color:#9a9a9a}.skill-grid{flex-wrap:wrap;gap:8px;display:flex}.skill-groups{gap:22px;display:grid}.skill-group{gap:12px;display:grid}.skill-group h3{color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:500}.skill-grid span{border:1px solid var(--line);background:var(--soft);color:var(--body);font-family:var(--sans);border-radius:999px;padding:5px 9px;font-size:12px}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191919;--fg:#d9d6cf;--muted:#9b9690;--soft:#20201f;--line:#33312f;--accent:#c8c0b6;--body:#c3bfb7;--lead:#d0ccc4}}:root[data-theme=dark] .brand{background:#151514}@media (prefers-color-scheme:dark){:root:not([data-theme]) .brand{background:#151514}}.contact{border-bottom:0}.contact a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:3px}.blog-card-footer,.blog-post-footer{justify-content:space-between;align-items:center;display:flex}.back-link,.blog-post-footer a{color:var(--muted);font-size:13px}.back-link:hover,.blog-post-footer a:hover{color:var(--fg)}.blog-shell{--blog-content-width:42.5rem;--blog-wide-width:45rem;--blog-space-xs:.5rem;--blog-space-sm:1rem;--blog-space-md:1.5rem;--blog-space-lg:2rem;--blog-space-xl:3rem;--blog-space-2xl:4.5rem;overflow:clip}.blog-toolbar{width:min(100% - 2.75rem,var(--blog-wide-width));justify-content:flex-end;align-items:center;margin:0 auto 2.625rem;padding-top:1.5rem;display:flex}.blog-mobile-brand{display:none}.blog-index{width:min(100% - 2.75rem,var(--blog-wide-width));padding-top:0}.blog-post{width:min(100% - 2.75rem,var(--blog-content-width));padding-top:0}.blog-index-header{max-width:39rem;margin-bottom:var(--blog-space-xl)}.blog-index-header .eyebrow{margin-bottom:var(--blog-space-sm);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1.4}.blog-index-header h1{margin-bottom:var(--blog-space-sm);letter-spacing:-.032em;font-size:clamp(2.5rem,6vw,3.25rem);font-weight:600;line-height:1.08}.blog-index-header .dek{letter-spacing:0;max-width:36rem;margin-bottom:0;font-size:1.0625rem;line-height:1.7}.blog-list{border-top:1px solid var(--line);gap:0;display:grid}.blog-card{scroll-margin-top:var(--blog-space-md);padding:var(--blog-space-lg)0;border-bottom:1px solid var(--line);display:block}.blog-card-meta{color:var(--muted);letter-spacing:.02em;gap:.875rem;margin-bottom:.75rem;font-size:.75rem;font-weight:500;line-height:1.4;display:flex}.blog-card-meta span:before{content:"·";margin-right:14px}.blog-card h2{margin-bottom:var(--blog-space-xs);letter-spacing:-.018em;font-size:clamp(1.375rem,3.2vw,1.625rem);font-weight:600;line-height:1.28}.blog-card>p{max-width:40rem;margin-bottom:var(--blog-space-md);color:var(--body);letter-spacing:0;font-size:1rem;line-height:1.75}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag-list span{border:1px solid var(--line);background:color-mix(in srgb,var(--soft)72%,transparent);color:var(--muted);letter-spacing:.01em;border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1.35}.read-more{color:var(--muted);flex:none;font-size:.8125rem;font-weight:500;transition:color .22s,transform .22s}.blog-card:hover .read-more{color:var(--fg);transform:translate(2px,-2px)}.blog-card:active{opacity:.72}.back-link{margin-bottom:var(--blog-space-xl);letter-spacing:.01em;font-weight:500;display:inline-block}.blog-post-header{margin-bottom:var(--blog-space-xl);padding-bottom:var(--blog-space-lg);border-bottom:1px solid var(--line)}.blog-post-header h1{max-width:var(--blog-content-width);margin-bottom:var(--blog-space-sm);letter-spacing:-.032em;font-size:clamp(2.25rem,5vw,3rem);font-weight:600;line-height:1.12}.blog-post-header .dek{max-width:40rem;margin-bottom:var(--blog-space-md);font-size:1.0625rem;line-height:1.7}.markdown-body{color:var(--body);letter-spacing:0;font-size:1.0625rem;line-height:1.82}.markdown-body h2{margin:var(--blog-space-2xl)0 var(--blog-space-sm);color:var(--fg);letter-spacing:-.018em;font-size:1.625rem;font-weight:600;line-height:1.34}.markdown-body h3{margin:var(--blog-space-xl)0 .75rem;color:var(--fg);letter-spacing:-.012em;font-size:1.25rem;font-weight:600;line-height:1.4}.markdown-body>:first-child{margin-top:0}.markdown-body p{margin-bottom:1.375rem}.markdown-body ul,.markdown-body ol{gap:var(--blog-space-xs);margin:0 0 var(--blog-space-md);padding-left:1.4em}.markdown-body li{color:var(--body);line-height:1.72}.markdown-body strong{color:var(--fg);font-weight:600}.markdown-body a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--muted)62%,transparent);text-decoration-color:color-mix(in srgb,var(--muted)62%,transparent);text-underline-offset:.18em;text-decoration-thickness:1px}.markdown-body img{width:auto;max-width:100%;height:auto;margin:var(--blog-space-lg)auto;border-radius:.75rem;display:block}.markdown-body code{background:var(--soft);color:var(--fg);border-radius:5px;padding:.12em .34em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em}.markdown-body pre{margin:var(--blog-space-lg)0;border:1px solid var(--line);padding:var(--blog-space-md);background:color-mix(in srgb,var(--soft)82%,var(--bg));border-radius:12px;line-height:1.55;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0;font-size:.8125rem}.markdown-body blockquote{margin:var(--blog-space-lg)0;border-left:2px solid var(--accent);padding-left:var(--blog-space-md);color:var(--lead)}.markdown-body blockquote p{margin-bottom:0}.markdown-body table{width:100%;margin:var(--blog-space-lg)0;border-collapse:collapse;font-size:.875rem;line-height:1.6}.markdown-body th,.markdown-body td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 12px}.markdown-body th{color:var(--fg);font-weight:500}.markdown-body td{color:var(--body)}.markdown-body hr{margin:var(--blog-space-xl)0;border:0;border-top:1px solid var(--line)}.blog-post-footer{margin-top:var(--blog-space-2xl);border-top:1px solid var(--line);padding-top:var(--blog-space-md)}.blog-post-footer p{color:var(--muted);margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){body,.brand,.rail nav,.eyebrow,.dek,h1,h2,h3,p,li,.project-head p,.segmented,.segmented:before,.segmented button,.meta-line span,.skill-grid span{transition-duration:.12s}}@media (max-width:960px){.rail{display:none}.article{padding-top:72px}.blog-index,.blog-post{padding-top:0}.blog-toolbar{justify-content:space-between}.blog-mobile-brand{display:grid}.switcher{margin:0 0 36px}}@media (max-width:560px){.article{width:min(100% - 32px,720px)}.hero{padding-bottom:16px}.dek{font-size:16px;line-height:1.58}.section{padding:28px 0}.switcher{align-items:flex-start}h3{font-size:19px}.section>p,li{font-size:16px}.blog-toolbar{justify-content:space-between;width:min(100% - 32px,720px);margin-bottom:36px;padding-top:24px}.blog-index-header{margin-bottom:38px}.blog-card{padding-block:24px}.blog-card-footer{align-items:flex-end;gap:18px}.read-more{font-size:0}.read-more:after{content:"↗";font-size:15px}.back-link{margin-bottom:36px}.blog-post-header{margin-bottom:44px;padding-bottom:32px}.markdown-body h2{margin-top:52px;font-size:23px}.markdown-body pre{margin-inline:-8px;padding:16px}.markdown-body table{white-space:nowrap;display:block;overflow-x:auto}}