@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@300..700&display=swap");:root{--background:0 0% 9%;--foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--border:0 0% 14.9%;--primary:221 83% 53%;--signal-cyan:187 82% 53%;--signal-green:142 71% 45%;--signal-amber:38 92% 50%}.light{--background:0 0% 98%;--foreground:0 0% 9%;--muted:0 0% 93%;--muted-foreground:0 0% 36%;--border:0 0% 82%;--signal-cyan:188 78% 34%;--signal-green:142 65% 32%;--signal-amber:35 92% 36%}*{box-sizing:border-box;border-color:hsl(var(--border))}html{color-scheme:dark;background:hsl(var(--background))}html.light{color-scheme:light}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Space Grotesk,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{background:transparent;border:0;cursor:pointer}img,svg{display:block}.min-screen{min-height:100vh}.min-screen,.skip-link{background:hsl(var(--background))}.skip-link{border:1px solid hsl(var(--border));border-radius:.375rem;color:hsl(var(--foreground));left:.75rem;padding:.5rem .7rem;position:absolute;top:-4rem;text-decoration:none;transform:translateY(-4px);transition:top .14s ease;z-index:120}.skip-link:focus-visible{top:.75rem;transform:translateY(0)}.skip-link:hover{border-color:hsl(var(--muted-foreground))}.route-transition-shell{min-height:calc(100vh - 7rem);will-change:opacity,transform,filter}.featured-card,.initiative-copy,.initiative-heading,.intro>*,.photo-frame,.profile,.project-card,.section-title,.work-list>*{visibility:hidden}.container{width:100%}.container,.page{max-width:42rem;margin:0 auto}.page{padding:8rem 1.5rem 0}.stack-12>*+*{margin-top:3rem}.stack-16>*+*{margin-top:4rem}.section-stack>*+*{margin-top:1.5rem}.muted{color:hsl(var(--muted-foreground))}.link-underline{text-decoration:underline;text-underline-offset:2px}.blue-hover:hover,.group:hover .blue-hover,.link-underline:hover{color:hsl(var(--primary))}.section-title{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.25rem;margin:0;text-transform:uppercase}.kbd{align-items:center;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:.25rem;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;gap:.25rem;height:1.25rem;padding:0 .375rem}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:hsl(var(--background)/.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid hsl(var(--muted)/.2);opacity:1!important;transform:none!important;visibility:visible!important}.header-inner{align-items:center;display:flex;height:3.5rem;justify-content:space-between;padding:0 1rem}.nav{display:flex;gap:1.5rem;font-size:.875rem}.footer-link,.header-action,.nav a,.social-link{color:hsl(var(--muted-foreground));transition:color .16s ease,background .16s ease,border-color .16s ease}.footer-link:hover,.header-action:hover,.nav a.active,.nav a:hover,.social-link:hover{color:hsl(var(--foreground))}.header-actions{gap:1rem}.header-action,.header-actions{align-items:center;display:flex}.header-action{gap:.5rem;color:hsl(var(--muted-foreground));padding:0;background:transparent;border:0;cursor:pointer;font:inherit}.site-header .header-action,.site-header .nav a{visibility:visible}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.profile{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:3rem}.avatar{border-radius:999px;height:88px;width:88px}.page-title,.profile h1{font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:2rem;margin:0}.socials{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.social-link{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.language-flags{align-items:center;display:inline-flex;gap:.375rem}.language-flags .fi{border:1px solid hsl(var(--muted-foreground)/.3);border-radius:999px;box-shadow:0 0 0 2px hsl(var(--background));display:inline-block;height:1rem;overflow:hidden;width:1.35rem}.intro>*+*{margin-top:1rem}.initiative-copy,.intro p,.project-summary{color:hsl(var(--muted-foreground));line-height:1.625;margin:0}.work-list>*+*{margin-top:.5rem}.work-row{border-radius:.5rem;color:hsl(var(--foreground));display:flex;justify-content:space-between;padding:1rem;text-align:left;width:100%}.work-row.open,.work-row:hover{background:hsl(var(--muted)/.4)}.footer-inner,.initiative-heading,.project-heading,.work-left,.work-meta,.work-title{align-items:center;display:flex}.work-left{gap:1rem}.work-initial{align-items:center;background:hsl(var(--muted));border:1px solid hsl(var(--muted-foreground)/.25);border-radius:999px;color:hsl(var(--muted-foreground));display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.625rem;height:20px;justify-content:center;text-transform:uppercase;width:20px}.skill-group-icon svg{height:13px;width:13px}.blog-card,.command-option,.featured-card,.footer-link,.header-action,.nav a,.project-card,.social-link,.work-row{will-change:transform}.work-title{gap:.5rem}.project-date,.work-meta span,.work-title span{font-size:.875rem}.project-date,.work-meta span,.work-title .company{color:hsl(var(--muted-foreground))}.work-meta{gap:1rem}.chevron{color:hsl(var(--muted-foreground));transition:transform .2s ease}.work-row.open .chevron{transform:rotate(180deg)}.work-detail{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.625;margin:0 1rem 1rem;overflow:hidden;padding-left:0}.work-detail a{color:hsl(var(--foreground));text-decoration:underline}.skill-list{display:grid;grid-gap:.5rem;gap:.5rem}.skill-dropdown-detail{height:0;margin-top:-.25rem;opacity:0;overflow:hidden;padding-top:0;visibility:hidden}.skill-dropdown-detail .skill-list{padding-top:.5rem}.skill-dropdown-row{transition:background .18s ease,border-color .18s ease,color .18s ease}.skill-dropdown-row .work-initial{transition:background .18s ease,color .18s ease,border-color .18s ease}.skill-dropdown-row.open .work-initial{background:hsl(var(--foreground));border-color:hsl(var(--foreground));color:hsl(var(--background))}.skill-row{align-items:center;background:hsl(var(--background)/.48);border:1px solid hsl(var(--border)/.72);border-radius:.5rem;display:grid;grid-gap:.625rem;gap:.625rem;grid-template-columns:1.5rem minmax(5rem,1fr);min-height:2.75rem;padding:.625rem .75rem;will-change:transform}.skill-row:hover{background:hsl(var(--muted)/.34);border-color:hsl(var(--muted-foreground)/.28)}.skill-icon{align-items:center;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.375rem;display:inline-flex;height:1.5rem;justify-content:center;width:1.5rem}.skill-icon svg{color:hsl(var(--foreground))}.skill-icon img{display:block;height:1rem;max-width:1rem;object-fit:contain;width:1rem}.skill-name{font-size:.8125rem;color:hsl(var(--foreground));font-weight:500;min-width:0;overflow-wrap:anywhere}.featured-list>*+*{margin-top:2rem}.home-more-link{color:hsl(var(--muted-foreground));display:inline-flex;gap:.4rem;margin-top:1.75rem}.featured-card{display:block;margin:0 -1rem;padding:0 1rem}.initiative-heading,.project-heading{justify-content:space-between;margin-bottom:.5rem}.project-title{font-size:1rem;font-weight:500;margin:0;transition:color .16s ease}.project-date{align-items:center;display:flex;gap:.5rem}.home-profile-section{position:relative}.home-intro-copy{max-width:40rem;padding-left:0}.home-intro-copy p{color:hsl(var(--foreground)/.72);font-size:1.025rem;line-height:1.7}.home-section>.section-title,.stack-skills>.section-title{align-items:center;display:flex;gap:.75rem}.home-section>.section-title:after,.stack-skills>.section-title:after{background:hsl(var(--border));content:"";flex:1 1;height:1px}.selected-work-layout{display:grid;grid-gap:0;gap:0}.work-category{color:hsl(var(--signal-cyan));display:block;font-family:IBM Plex Mono,monospace;font-size:.625rem;line-height:1.25rem;margin-bottom:.35rem;text-transform:uppercase}.selected-work-secondary{align-items:start;border-bottom:1px solid hsl(var(--border));border-top:1px solid hsl(var(--border));display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:2.25rem minmax(0,1fr) auto;margin:0;padding:1.1rem .25rem}.home-item-index{color:hsl(var(--muted-foreground));font-family:IBM Plex Mono,monospace;font-size:.6875rem}.selected-work-secondary-index{color:hsl(var(--signal-cyan));padding-top:.2rem}.selected-work-secondary:nth-child(2) .selected-work-secondary-index{color:hsl(var(--signal-green))}.selected-work-secondary+.selected-work-secondary{border-top:0}.selected-work-secondary-copy{min-width:0}.selected-work-secondary .project-summary{display:-webkit-box;margin-top:.45rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.selected-work-secondary-arrow,.writing-arrow{color:hsl(var(--muted-foreground));margin-top:.15rem;transition:color .16s ease,transform .16s ease}.selected-work-secondary:hover .selected-work-secondary-arrow,.writing-row:hover .writing-arrow{color:hsl(var(--foreground));transform:translate(2px,-2px)}.stack-skills .skill-dropdowns{display:block}.stack-skills .skill-dropdown+.skill-dropdown{margin-top:.625rem}.stack-skills .work-row{background:hsl(var(--muted)/.2);border:1px solid hsl(var(--border));min-height:3.75rem;padding:.85rem}.stack-skills .work-left,.stack-skills .work-title{min-width:0}.stack-skills .work-title{align-items:flex-start;flex-direction:column;gap:0}.stack-skills .work-row.open,.stack-skills .work-row:hover{background:hsl(var(--muted)/.48);border-color:hsl(var(--muted-foreground)/.28)}.stack-skills .skill-dropdown:nth-child(3n+1) .work-initial{color:hsl(var(--signal-cyan))}.stack-skills .skill-dropdown:nth-child(3n+2) .work-initial{color:hsl(var(--signal-green))}.stack-skills .skill-dropdown:nth-child(3n) .work-initial{color:hsl(var(--signal-amber))}.stack-skills .work-detail{margin-left:0;margin-right:0}.open-source-list{display:block}.open-source-row:nth-child(3) .selected-work-secondary-index{color:hsl(var(--signal-amber))}.home-section-heading{align-items:center;border-bottom:1px solid hsl(var(--border));display:flex;justify-content:space-between;padding-bottom:.75rem}.home-all-link{align-items:center;color:hsl(var(--muted-foreground));display:inline-flex;font-size:.75rem;gap:.35rem;transition:color .16s ease}.home-all-link:hover{color:hsl(var(--foreground))}.writing-list{border-top:1px solid hsl(var(--border))}.writing-row{align-items:center;border-bottom:1px solid hsl(var(--border));display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:2.25rem minmax(0,1fr) auto;margin:0;padding:1rem .25rem}.writing-index{color:hsl(var(--signal-amber))}.writing-copy{min-width:0}.writing-copy .work-category{color:hsl(var(--muted-foreground));margin-bottom:.15rem}.writing-copy .project-title{line-height:1.35;text-wrap:pretty}.home-all-link:focus-visible,.open-source-card:focus-visible,.selected-work-secondary:focus-visible,.writing-row:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.photo-frame{aspect-ratio:4/3;border-radius:.5rem;overflow:hidden;position:relative}.photo-frame img{height:100%;object-fit:cover;width:100%}.footer{border-top:1px solid hsl(var(--muted)/.2);margin-top:4rem;padding:1.5rem 0}.footer-inner{justify-content:space-between;padding:0 1rem}.footer-copy{color:hsl(var(--muted-foreground));font-size:.875rem}.footer-links{display:flex;gap:1rem}.projects-list>*+*{margin-top:2rem}.project-card{border:1px solid hsl(var(--border));border-radius:.5rem;display:block;margin:0 -1.5rem;padding:1.5rem;transition:background .16s ease,border-color .16s ease}.project-card.selected,.project-card:hover{border-color:hsl(var(--primary));background:hsl(var(--primary)/.05)}.project-card h2{font-size:1.25rem;font-weight:500;line-height:1.75rem;margin:0}.badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.badge{background:hsl(var(--muted)/.5);border:1px solid hsl(var(--muted-foreground)/.2);border-radius:.375rem;color:hsl(var(--foreground));font-size:.75rem;font-weight:600;padding:.125rem .625rem}h2 .badge{margin-left:.5rem;vertical-align:middle}.achievements{color:hsl(var(--muted-foreground));font-size:.875rem;margin:1rem 0 0;padding-left:1.1rem}.blog-list>*+*{margin-top:1.5rem}.blog-card{aspect-ratio:16/9;border:1px solid hsl(var(--border));border-radius:.75rem;display:block;overflow:hidden;position:relative;transition:border-color .2s ease;will-change:transform}.blog-card[hidden]{display:none}.blog-card:hover{border-color:hsl(var(--primary)/.6)}.blog-card-media{inset:0;position:absolute}.blog-card-media canvas,.blog-card-media img,.blog-card-media svg{height:100%;object-fit:cover;transition:transform .5s ease,filter .3s ease;width:100%;display:block;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.blog-card:hover .blog-card-media canvas,.blog-card:hover .blog-card-media img,.blog-card:hover .blog-card-media svg{filter:brightness(1.05);transform:scale(1.04)}.blog-card-overlay{background:linear-gradient(0deg,hsl(0 0% 0%/.95) 0,hsl(0 0% 0%/.9) 32%,hsl(0 0% 0%/.45) 60%,hsl(0 0% 0%/0) 90%);bottom:0;display:flex;flex-direction:column;gap:.375rem;left:0;padding:1.75rem 1.5rem 1.25rem;position:absolute;right:0}.blog-card-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;letter-spacing:-.01em;line-height:1.3;transition:color .16s ease}.blog-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-chip{align-items:center;background:transparent;border:1px solid hsl(var(--border));border-radius:999px;color:hsl(var(--muted-foreground));cursor:pointer;display:inline-flex;font:inherit;font-size:.8125rem;gap:.4rem;padding:.35rem .7rem;transition:color .16s ease,border-color .16s ease,background .16s ease}.filter-chip:hover{border-color:hsl(var(--muted-foreground)/.5);color:hsl(var(--foreground))}.filter-chip.active{background:hsl(var(--primary)/.12);border-color:hsl(var(--primary)/.6);color:hsl(var(--foreground))}.filter-chip-count{background:hsl(var(--muted)/.6);border-radius:999px;color:hsl(var(--muted-foreground));font-size:.6875rem;padding:.05rem .4rem}.filter-chip.active .filter-chip-count{color:hsl(var(--foreground))}.reading-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:300;pointer-events:none;background:transparent}.reading-progress-bar{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:hsl(var(--foreground)/.45);will-change:transform}.reading{max-width:58rem;margin:0 auto;padding:6rem 1.5rem}.reading-back{align-items:center;color:hsl(var(--muted-foreground));display:flex;font-family:Space Grotesk,sans-serif;font-size:.8125rem;gap:.35rem;margin:0 auto;max-width:42rem;transition:color .16s ease;width:100%}.reading-back:hover{color:hsl(var(--foreground))}.reading-header{border-bottom:1px solid hsl(var(--border));margin:1.75rem auto 2.75rem;max-width:42rem;padding-bottom:1.75rem}.reading-cat{color:hsl(var(--muted-foreground));display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.14em;margin-bottom:.9rem;text-transform:uppercase}.reading-cat,.reading-title{font-family:Space Grotesk,sans-serif}.reading-title{color:hsl(var(--foreground));font-size:clamp(1.8rem,4.5vw,2.55rem);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin:0}.rf-diagram{width:100%;height:300px;margin:1.5rem 0;border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden;background:hsl(0 0% 8%)}.rf-diagram .react-flow__attribution{display:none}.video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:.75rem;overflow:hidden;border:1px solid hsl(var(--muted)/.25);margin:.25rem 0 1.5rem}.video-embed iframe{position:absolute;inset:0;height:100%;width:100%;border:0}.command-overlay{align-items:flex-start;background:rgb(0 0 0/.8);display:flex;inset:0;justify-content:center;padding:6rem 1rem;position:fixed;z-index:100}.command-dialog{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.5rem;box-shadow:0 24px 80px rgb(0 0 0/.45);max-width:36rem;overflow:hidden;width:100%}.command-input{background:transparent;border:0;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.875rem 1rem;width:100%}.command-input:focus-visible{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.22);outline:2px solid hsl(var(--primary));outline-offset:2px}.command-list{max-height:24rem;overflow:auto;padding:.5rem}.command-group{color:hsl(var(--muted-foreground));font-size:.75rem;padding:.5rem}.command-option{border-radius:.375rem;display:block;padding:.625rem .75rem}.command-option.active,.command-option:hover{background:hsl(var(--muted))}.article{color:hsl(var(--foreground));font-family:Inter,sans-serif;font-size:1rem;line-height:1.7;display:grid;grid-template-columns:min(42rem,100%);justify-content:center;width:100%}.article>*{min-width:0;margin-top:1.25rem;margin-bottom:0}.article>:first-child{margin-top:0}.article>.rf-diagram,.article>.video-embed,.article>figure,.article>p:has(>img),.article>pre,.article>table{margin-top:2rem;margin-bottom:2rem}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{color:hsl(var(--foreground));font-family:Space Grotesk,sans-serif;letter-spacing:-.01em;line-height:1.25}.article h2{border-bottom:1px solid hsl(var(--border));font-size:clamp(1.5rem,3vw,1.8rem);font-weight:700;margin-top:3rem;margin-bottom:0;padding-bottom:.5rem}.article h3{font-size:1.3rem;margin-top:2.25rem}.article h3,.article h4{font-weight:600;margin-bottom:0}.article h4{color:hsl(var(--foreground));font-size:1.08rem;margin-top:1.85rem}.article h5,.article h6{color:hsl(var(--muted-foreground));font-size:.8125rem;font-weight:600;letter-spacing:.08em;margin-top:1.7rem;margin-bottom:0;text-transform:uppercase}.article a{color:hsl(var(--primary));text-decoration:underline;-webkit-text-decoration-color:hsl(var(--primary)/.35);text-decoration-color:hsl(var(--primary)/.35);text-underline-offset:2px;transition:-webkit-text-decoration-color .16s ease;transition:text-decoration-color .16s ease;transition:text-decoration-color .16s ease,-webkit-text-decoration-color .16s ease}.article a:hover{-webkit-text-decoration-color:hsl(var(--primary));text-decoration-color:hsl(var(--primary))}.article img{border:1px solid hsl(var(--border));border-radius:.5rem;display:block;height:auto;margin:0;max-width:100%;width:100%}.article figcaption{color:hsl(var(--muted-foreground));font-size:.8125rem;margin-top:.6rem;text-align:center}.article code{background:hsl(var(--muted));border-radius:.3rem;color:hsl(var(--foreground));font-family:IBM Plex Mono,monospace;font-size:.85em;padding:.08rem .34rem}.article details{background:hsl(var(--muted)/.25);border:1px solid hsl(var(--border));border-radius:.5rem;margin:1.5rem 0;padding:0 1rem}.article details[open]{padding-bottom:.5rem}.article summary{color:hsl(var(--foreground));cursor:pointer;font-size:.9rem;font-weight:500;list-style:none;padding:.875rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.article summary::-webkit-details-marker{display:none}.article summary:before{content:"▸";color:hsl(var(--muted-foreground));display:inline-block;margin-right:.5rem;transition:transform .16s ease}.article details[open] summary:before{transform:rotate(90deg)}.article pre{background:hsl(0 0% 7%);border:1px solid hsl(var(--border));border-radius:.6rem;font-size:.9rem;overflow-x:auto;padding:1.15rem 1.25rem}.article pre code{background:transparent;border:0;color:inherit;padding:0}.article [data-rehype-pretty-code-figure] pre{background:var(--shiki-bg,hsl(var(--muted)/.45))}.article [data-rehype-pretty-code-figure] code span{color:var(--shiki-default)}.article :not([data-rehype-pretty-code-figure])>pre{background:hsl(0 0% 6%);color:hsl(0 0% 88%)}.article ol,.article ul{margin-top:1.3rem;padding-left:1.5rem}.article ul{list-style:disc}.article li{margin-top:.4rem}.article li::marker{color:hsl(var(--muted-foreground))}.article blockquote{border-left:3px solid hsl(var(--border));color:hsl(var(--muted-foreground));margin-top:1.6rem;margin-bottom:1.6rem;padding-left:1.15rem}.article blockquote>:first-child{margin-top:0}.article hr{background:hsl(var(--border));border:0;height:1px;margin:2.75rem 0}.article table{border:1px solid hsl(var(--border));border-collapse:collapse;display:block;font-size:.9rem;overflow-x:auto}.article td,.article th{border-bottom:1px solid hsl(var(--border));border-right:1px solid hsl(var(--border));padding:.55rem .9rem;text-align:left;white-space:nowrap}.article th{background:hsl(var(--muted));color:hsl(var(--foreground));font-family:Space Grotesk,sans-serif;font-weight:600}.article td{color:hsl(var(--muted-foreground));font-family:IBM Plex Mono,monospace}.article tr:last-child td{border-bottom:0}.article td:last-child,.article th:last-child{border-right:0}@media (max-width:767px){.hide-mobile{display:none}.page{padding-left:1.5rem;padding-right:1.5rem}.reading{padding:5rem 1.25rem 4rem}.article{font-size:.9375rem}.blog-card-title{font-size:1.0625rem}.blog-card-overlay{padding:1.5rem 1.25rem 1rem}.work-row{gap:.75rem}.work-title{align-items:flex-start;flex-direction:column;gap:0}.home-intro-copy{padding-left:0}.home-intro-copy p{font-size:1rem}.selected-work-secondary,.writing-row{gap:.75rem;grid-template-columns:1.75rem minmax(0,1fr) auto}.open-source-list{margin-top:.5rem}}