:root{--bg:#080f1d;--bg-accent:#0d1b30;--fg:#e8eefb;--muted:#99a8c1;--link:#7ed2ff;--accent:#58bcff;--accent-strong:#2f88cc;--border:#a7bee242;--border-strong:#a7bee280;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-xs:.5rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.25rem;--shadow-1:0 10px 24px #03071247;--shadow-2:0 18px 36px #03071261;--surface-1:#ffffff07;--surface-2:#ffffff0d;--surface-3:#ffffff12}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;margin:0;padding:0}body{background:radial-gradient(circle at top right,#58bcff29,transparent 46%),radial-gradient(circle at left 15%,#2e84dc1c,transparent 40%),var(--bg);min-height:100vh;color:var(--fg);font-family:Avenir Next,Segoe UI,Noto Sans,sans-serif;line-height:1.58}img,svg,video,canvas{max-width:100%;height:auto;display:block}a{color:var(--link);-webkit-text-decoration-color:color-mix(in srgb,var(--link)65%,transparent);text-decoration-color:color-mix(in srgb,var(--link)65%,transparent);text-underline-offset:.15em}a:hover{-webkit-text-decoration-color:var(--link);text-decoration-color:var(--link)}a:focus-visible,button:focus-visible,summary:focus-visible,.skipLink:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skipLink{left:var(--space-4);z-index:1000;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--bg)84%,#0f223e 16%);color:var(--fg);padding:var(--space-2)var(--space-3);position:absolute;top:-120px}.skipLink:focus-visible{top:var(--space-3)}.container{width:min(100%,1080px);padding:var(--space-6)clamp(var(--space-4),3.4vw,var(--space-6));margin:0 auto}.siteHeader,.siteFooter{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg)86%,#0c1d36 14%)}.siteFooter{border-top:1px solid var(--border);border-bottom:none;margin-top:3.25rem}.nav{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.navLinks{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.navLink{color:var(--muted);padding:var(--space-2)var(--space-3);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.navLink:hover{border-color:var(--border);background:var(--surface-2);color:var(--fg);text-decoration:none}.navLink[aria-current=page]{border-color:color-mix(in srgb,var(--accent)44%,var(--border-strong));color:var(--fg);background:linear-gradient(135deg,#58bcff3d,#2f88cc24);box-shadow:inset 0 0 0 1px #a4dcff1f}.brand{flex-direction:column;gap:2px;display:flex}.brandTitle{color:var(--fg);letter-spacing:.012em;font-size:1.05rem;font-weight:700;text-decoration:none}.brandTagline{color:var(--muted);font-size:.94rem}main,section,article,aside,div,p,ul,ol,dl,h1,h2,h3,h4{min-width:0}h1,h2,h3,h4{text-wrap:balance;margin:0;line-height:1.2}h1{font-size:clamp(1.9rem,3.4vw,2.6rem)}h2{font-size:clamp(1.35rem,2.4vw,1.9rem)}h3{font-size:clamp(1.12rem,1.8vw,1.35rem)}hr{border:none;border-top:1px solid var(--border);margin:var(--space-6)0}.kicker{margin:var(--space-2)0 0;color:var(--muted);overflow-wrap:anywhere}article>.kicker{margin-bottom:var(--space-3)}.inlineLinkList{gap:var(--space-3);flex-wrap:wrap;display:flex}.cardGrid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));box-shadow:var(--shadow-1);padding:var(--space-4);position:relative}.card:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-2)}.cardTitle{letter-spacing:.008em;margin:0;font-weight:680}.cardTitle a{color:var(--fg);text-decoration:none}.cardTitle a:hover{text-decoration:underline}.stretchedLink:after{content:"";z-index:1;position:absolute;inset:0}.cardMeta{margin:var(--space-2)0 0;color:var(--muted);overflow-wrap:anywhere}.cardExcerpt{color:var(--fg);overflow-wrap:anywhere;margin:0}.cardExcerpt--clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sectionCta{margin-top:var(--space-4)}.projectsSection+.projectsSection{margin-top:var(--space-5)}.button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);background:var(--surface-2);color:var(--fg);cursor:pointer;border-radius:999px;padding:.56rem .92rem;font-size:.9rem;font-weight:620;line-height:1.1;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--border-strong);background:var(--surface-3);text-decoration:none}.button:disabled{opacity:.56;cursor:not-allowed}.button--primary,.buttonPrimary{border-color:color-mix(in srgb,var(--accent)58%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent)52%,#1c355d),var(--accent-strong));color:#f5fbff;box-shadow:0 10px 20px #23629a5c}.button--primary:hover,.buttonPrimary:hover{border-color:color-mix(in srgb,var(--accent)72%,var(--border));filter:brightness(1.04)}.button--ghost,.buttonSecondary{background:color-mix(in srgb,var(--surface-1)70%,transparent);border-color:color-mix(in srgb,var(--border)80%,transparent)}.chip,.tagChip{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2)75%,transparent);color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.48rem .76rem;font-size:.86rem;font-weight:620;line-height:1.1;display:inline-flex}.chip[aria-pressed=true],.tagChip[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent)44%,var(--border-strong));color:var(--fg);background:linear-gradient(130deg,#58bcff3b,#2f88cc24)}.badge{color:#d8f0ff;letter-spacing:.04em;text-transform:uppercase;background:#58bcff29;border:1px solid #8cd0ff75;border-radius:999px;align-items:center;padding:.24rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.tagList,.metaTagList{gap:var(--space-2);margin:var(--space-3)0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.tagPill{border:1px solid color-mix(in srgb,var(--border)94%,transparent);background:color-mix(in srgb,var(--surface-2)60%,transparent);color:var(--muted);overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:.25rem .56rem;font-size:.82rem;line-height:1.25;display:inline-flex}.postMain{max-width:74ch}.postLayout{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.postAside{min-width:0}.postAsideSticky{gap:var(--space-3);display:grid}.postHeader{gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-3),var(--surface-1));max-width:74ch;box-shadow:var(--shadow-1);padding:clamp(var(--space-4),2.8vw,var(--space-6));display:grid}.postHeader h1{text-align:center}.postHeader .kicker,.postHeader .cardMeta,.postHeader .tagList{margin:0}.postMain{min-width:0}.postMain .markdown,.postMain .markdown>:first-child{margin-top:0}.projectCard{padding:0;overflow:hidden}.projectCardMedia{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:radial-gradient(circle at 85% 14%,#7ed2ff33,#0000 43%),linear-gradient(160deg,#081221cc,#101d31cc)}.projectCardFeatured .projectCardMedia{aspect-ratio:16/10}.projectCardMedia img{object-fit:cover;width:100%;height:100%}.projectCardMediaFallback{width:100%;height:100%;color:color-mix(in srgb,var(--muted)80%,white 20%);place-items:center;font-size:.92rem;display:grid}.projectCardBody{gap:var(--space-3);padding:var(--space-4);display:grid}.projectCardHeader{min-height:1.25rem}.projectCardTitle,.projectCardSummary{margin:0}.projectCardTagList{margin-top:0}.projectCardActions{gap:var(--space-2);flex-wrap:wrap;display:flex}.projectCardActions .button{min-height:34px}.projectsBrowser{margin-top:var(--space-4)}.projectsToolbar{gap:var(--space-3);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.projectsToolbarField{gap:var(--space-1);grid-column:span 12;display:grid}.projectsSortField{grid-column:span 12}.projectsToolbarLabel{color:var(--muted);font-size:.86rem;font-weight:600}.projectsInput,.projectsSort{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-2)84%,#0b1527 16%);width:100%;color:var(--fg);padding:.6rem .72rem}.projectsInput::placeholder{color:color-mix(in srgb,var(--muted)88%,transparent)}.projectsClearButton{grid-column:span 12;width:fit-content;min-height:38px}.projectsChipRow{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.projectsResultsCount{margin:var(--space-4)0 0}.projectsResultsGrid{margin-top:var(--space-3)}.hero{align-items:center;gap:var(--space-6);margin:var(--space-3)0 var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid}.heroBio{margin:var(--space-4)0 0;max-width:72ch;color:var(--muted)}.heroLinks{margin-top:var(--space-4)}.heroMedia{justify-content:center;display:flex}.portrait{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:260px;max-width:min(320px,48vw);box-shadow:var(--shadow-1);padding:var(--space-3)}.markdown{margin-top:var(--space-4)}.markdown :is(h1,h2,h3,h4){margin:var(--space-6)0 var(--space-3);line-height:1.2}.markdown :is(h1,h2,h3,h4,h5,h6) .headingAnchor{margin-left:var(--space-2);color:color-mix(in srgb,var(--muted)80%,var(--link)20%);opacity:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;transform:translateY(-.04em)}.markdown :is(h1,h2,h3,h4,h5,h6):hover .headingAnchor,.markdown :is(h1,h2,h3,h4,h5,h6):focus-within .headingAnchor,.markdown .headingAnchor:focus-visible{opacity:1}.markdown .headingAnchor .icon.icon-link:before{content:"#";font-size:.82em;font-weight:700;line-height:1}.markdown h1{font-size:clamp(1.7rem,2.7vw,2.05rem)}.markdown h2{font-size:clamp(1.35rem,2.2vw,1.65rem)}.markdown h3{font-size:clamp(1.12rem,1.7vw,1.34rem)}.markdown p{margin:var(--space-3)0;overflow-wrap:anywhere}.markdown :is(ul,ol){margin:var(--space-3)0 var(--space-3)1.2rem;padding:0}.markdown li{overflow-wrap:anywhere}.markdown blockquote{margin:var(--space-4)0;border-left:3px solid var(--border-strong);color:var(--muted);padding-left:var(--space-3)}.markdown img{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.markdown p+p>em:only-child{margin-top:calc(var(--space-2)*-1);color:var(--muted);font-size:.93rem;display:block}.markdownTableWrapper{margin:var(--space-4)0;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-1)82%,transparent);max-width:100%;overflow-x:auto}.markdownTableWrapper table{border-collapse:collapse;width:100%;min-width:520px}.markdownTableWrapper th,.markdownTableWrapper td{border-bottom:1px solid var(--border);padding:var(--space-2)var(--space-3);text-align:left;vertical-align:top}.markdownTableWrapper th{background:var(--surface-2);font-weight:700}.markdownTableWrapper tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-1)70%,transparent)}.markdown pre{border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;padding:var(--space-3);background:#0b1628eb;overflow:auto}.markdown .hljs{color:#dce9ff}.markdown .hljs-comment,.markdown .hljs-quote{color:#93a3bf;font-style:italic}.markdown .hljs-keyword,.markdown .hljs-selector-tag,.markdown .hljs-literal,.markdown .hljs-section,.markdown .hljs-link{color:#82cdf8}.markdown .hljs-string,.markdown .hljs-title,.markdown .hljs-name,.markdown .hljs-type,.markdown .hljs-attribute,.markdown .hljs-symbol,.markdown .hljs-bullet,.markdown .hljs-addition{color:#b7e399}.markdown .hljs-number,.markdown .hljs-built_in,.markdown .hljs-template-tag,.markdown .hljs-template-variable,.markdown .hljs-meta .hljs-string{color:#ffbf86}.markdown :not(pre)>code{background:var(--surface-2);border:1px solid var(--border);border-radius:.4rem;padding:.12em .36em;font-size:.95em}.markdown code{font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.projectCaseStudy{gap:var(--space-5);display:grid}.projectHero{gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-3),var(--surface-1));box-shadow:var(--shadow-1);padding:clamp(var(--space-4),2.8vw,var(--space-6));grid-template-columns:minmax(0,1fr);display:grid}.projectHeroText{gap:var(--space-3);display:grid}.projectSummary{max-width:74ch;color:var(--muted);margin:0}.projectLinkList{gap:var(--space-2);flex-wrap:wrap;display:flex}.projectHeroMedia{border:1px solid color-mix(in srgb,var(--border)94%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-2)86%,transparent);overflow:hidden}.projectHeroMedia img{object-fit:cover;width:100%;min-height:100%}.projectLayout{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.projectAside,.projectMain{min-width:0}.projectAsideSticky{gap:var(--space-3);display:grid}.projectMain{gap:var(--space-4);display:grid}.projectSectionTitle,.tableOfContentsTitle{margin:0 0 var(--space-3);letter-spacing:.02em;font-size:.96rem;font-weight:700}.projectMetaList{gap:var(--space-2);margin:0;display:grid}.projectMetaList dt{color:var(--muted);font-size:.88rem;font-weight:650}.projectMetaList dd{overflow-wrap:anywhere;margin:0}.projectHighlightsList{gap:var(--space-2);margin:0;padding-left:1.15rem;display:grid}.tableOfContentsList{gap:var(--space-2);margin:0;padding-left:1rem;display:grid}.tableOfContentsItem{line-height:1.3}.tableOfContentsItemDepth3{margin-left:var(--space-3)}.tableOfContents a{color:color-mix(in srgb,var(--link)80%,#e1f2ff 20%);text-decoration:none}.tableOfContents a:hover{text-decoration:underline}.screenshotGallery{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.screenshotGalleryItem{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-2)86%,transparent);margin:0;overflow:hidden}.screenshotGalleryItem img{aspect-ratio:auto;object-fit:cover;width:100%}.screenshotCaption{padding:var(--space-3);color:var(--muted);margin:0;font-size:.9rem}.projectMarkdown{min-width:0}@media (min-width:720px){.projectsToolbarField{grid-column:span 6}.projectsSortField{grid-column:span 3}.projectsClearButton{grid-column:span 3;justify-self:end}}@media (min-width:960px){.projectHero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.projectLayout,.postLayoutWithAside{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start}.postHeaderWithAside{max-width:calc(280px + var(--space-4) + 74ch)}.postAsideSticky,.projectAsideSticky{top:var(--space-6);position:sticky}}@media (max-width:860px){.hero{gap:var(--space-4);grid-template-columns:1fr}.heroMedia{justify-content:flex-start}.portrait{max-width:min(260px,72vw)}}@media (max-width:520px){.container{padding-inline:var(--space-4);padding-block:var(--space-5)}.nav{justify-content:flex-start}.projectsClearButton{justify-self:stretch;width:100%}}@media (prefers-reduced-motion:no-preference){.card,.button,.chip,.tagChip,.navLink,.screenshotGalleryItem{transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s}.projectCardMedia img{transition:transform .21s}.card:hover,.screenshotGalleryItem:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.projectCard:hover .projectCardMedia img{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}