.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(98.5% .004 270);--surface:oklch(100% 0 0);--surface-muted:oklch(95.5% .006 270);--surface-strong:oklch(92% .008 270);--text:oklch(20% .012 270);--muted:oklch(40% .016 270);--faint:oklch(55% .014 270);--border:oklch(86% .01 270);--border-strong:oklch(72% .012 270);--accent:oklch(55% .11 205);--accent-strong:oklch(45% .1 205);--amber:oklch(63% .13 70);--teal:oklch(55% .1 178);--danger:oklch(52% .17 25);--focus:oklch(58% .15 250);--theme-duration:.22s;--max:1120px;--content:720px;--radius:8px;--font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(16% .006 270);--surface:oklch(19% .008 270);--surface-muted:oklch(23% .01 270);--surface-strong:oklch(28% .012 270);--text:oklch(93% .004 270);--muted:oklch(76% .008 270);--faint:oklch(62% .01 270);--border:oklch(31% .012 270);--border-strong:oklch(42% .014 270);--accent:oklch(72% .1 205);--accent-strong:oklch(80% .09 205);--amber:oklch(75% .12 75);--teal:oklch(73% .09 178);--danger:oklch(72% .15 25);--focus:oklch(76% .13 250)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(98.5% .004 270);--surface:oklch(100% 0 0);--surface-muted:oklch(95.5% .006 270);--surface-strong:oklch(92% .008 270);--text:oklch(20% .012 270);--muted:oklch(40% .016 270);--faint:oklch(55% .014 270);--border:oklch(86% .01 270);--border-strong:oklch(72% .012 270);--accent:oklch(55% .11 205);--accent-strong:oklch(45% .1 205);--amber:oklch(63% .13 70);--teal:oklch(55% .1 178);--danger:oklch(52% .17 25);--focus:oklch(58% .15 250)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(16% .006 270);--surface:oklch(19% .008 270);--surface-muted:oklch(23% .01 270);--surface-strong:oklch(28% .012 270);--text:oklch(93% .004 270);--muted:oklch(76% .008 270);--faint:oklch(62% .01 270);--border:oklch(31% .012 270);--border-strong:oklch(42% .014 270);--accent:oklch(72% .1 205);--accent-strong:oklch(80% .09 205);--amber:oklch(75% .12 75);--teal:oklch(73% .09 178);--danger:oklch(72% .15 25);--focus:oklch(76% .13 250)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}html.theme-transition body{animation:theme-fade var(--theme-duration) ease}::view-transition-old(root){animation:.12s cubic-bezier(.25,1,.5,1) both page-fade-out}::view-transition-new(root){animation:.15s cubic-bezier(.25,1,.5,1) both page-fade-in}@keyframes page-fade-out{0%{opacity:1}to{opacity:0}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes theme-fade{0%{opacity:.94}to{opacity:1}}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}body:before{content:"";pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.18;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 44rem);mask-image:linear-gradient(#000,#0000 44rem)}a{color:inherit;-webkit-text-decoration-color:color-mix(in oklch, currentColor 38%, transparent);text-decoration-color:color-mix(in oklch, currentColor 38%, transparent);text-underline-offset:.18em}a:hover{color:var(--accent-strong)}button,summary,a{-webkit-tap-highlight-color:transparent}button,summary{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}img{max-width:100%;height:auto;display:block}code,pre,kbd{font-family:var(--mono)}pre{overflow-x:auto}.skip-link{z-index:100;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:.65rem .85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.header-inner{justify-content:flex-start;align-items:center;gap:1rem;min-height:4rem;display:flex}.brand{align-items:center;gap:.7rem;min-height:44px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);letter-spacing:0;place-items:center;width:2rem;height:2rem;font-size:.82rem;transition:border-color .16s,color .16s,transform .16s;display:inline-grid}.brand:hover .brand-mark{border-color:var(--accent-strong);color:var(--accent-strong);transform:rotate(-2deg)}.desktop-nav,.header-actions,.footer-nav,.social-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.desktop-nav{margin-left:auto}.header-actions{margin-left:.25rem}.desktop-nav a,.mobile-menu a,.footer-nav a,.social-row a{border-radius:var(--radius);min-height:44px;color:var(--muted);align-items:center;padding:.45rem .7rem;font-size:.92rem;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.social-row{justify-content:flex-end;margin-top:.4rem}.social-row a{justify-content:center;width:44px;padding:0;font-size:1.05rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.desktop-nav a[aria-current=page],.desktop-nav a:hover,.mobile-menu a[aria-current=page],.mobile-menu a:hover{background:var(--surface-muted);color:var(--text)}.theme-toggle,.icon-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;place-items:center;transition:border-color .16s,color .16s,transform .12s;display:inline-grid}.theme-toggle:hover,.icon-button:hover{border-color:var(--border-strong);color:var(--accent-strong)}.theme-toggle svg{grid-area:1/1;width:1.05rem;height:1.05rem;transition:opacity .18s,transform .18s}.theme-toggle .moon{opacity:0;transform:rotate(-35deg)scale(.75)}[data-theme=dark] .theme-toggle .sun{opacity:0;transform:rotate(35deg)scale(.75)}[data-theme=dark] .theme-toggle .moon{opacity:1;transform:none}.theme-toggle:active,.button:active,.filter-button:active{transform:translateY(1px)}.social-icon{flex:none;width:1em;height:1em}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(18rem,100vw - 2rem);padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.mobile-panel nav{flex-direction:column;display:flex}.page-main{flex:1}.site-footer{border-top:1px solid var(--border);background:color-mix(in oklch, var(--surface-muted) 62%, transparent);margin-top:4rem}.footer-inner{grid-template-columns:1fr auto;align-items:end;gap:1.5rem;padding-block:2rem;display:grid}.footer-title{margin:0 0 .35rem;font-weight:750}.footer-note{max-width:44rem;color:var(--muted);margin:0;font-size:.92rem}.eyebrow{color:var(--muted);font-family:var(--mono);margin:0 0 .65rem;font-size:.78rem}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.section-heading h2,.section-heading h1{letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.08}.section-heading p{max-width:32rem;color:var(--muted);margin:0;font-size:.95rem}.intro-grid{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);align-items:start;gap:clamp(1rem,4vw,3rem);padding-block:clamp(2.2rem,8vw,5rem);display:grid}.intro-simple{grid-template-columns:minmax(0,1fr) minmax(15rem,21rem);align-items:center;gap:clamp(1.5rem,6vw,4rem);padding-block:clamp(2.2rem,8vw,4.5rem);display:grid}.intro-simple .intro-copy{max-width:54rem}.intro-copy h1{letter-spacing:0;text-wrap:balance;max-width:15ch;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.intro-copy p{max-width:46rem;color:var(--muted);margin:0 0 1.25rem;font-size:clamp(1rem,2vw,1.18rem)}.intro-actions,.button-row{flex-wrap:wrap;gap:.65rem;display:flex}.home-selfie{justify-self:end;width:min(100%,21rem);margin:0}.home-selfie img{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);object-fit:cover;width:100%;display:block}.home-selfie figcaption{color:var(--muted);font-family:var(--mono);margin-top:.55rem;font-size:.78rem;line-height:1.4}.button{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .85rem;font-weight:650;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s,transform .12s;display:inline-flex}.button.primary{background:var(--text);color:var(--bg)}.button:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.button.primary:hover{background:var(--accent-strong);color:var(--bg)}.mini-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem}.mini-panel h2,.mini-panel h3{margin:0 0 .7rem;font-size:1rem}.mini-panel ul,.meta-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.mini-panel li,.meta-list li{border-top:1px solid var(--border);color:var(--muted);grid-template-columns:minmax(7rem,max-content) minmax(0,1fr);gap:1rem;padding-top:.65rem;font-size:.9rem;display:grid}.mini-panel li{grid-template-columns:1fr;gap:.2rem}.mini-panel li:first-child,.meta-list li:first-child{border-top:0;padding-top:0}.mini-panel strong,.meta-list strong{color:var(--text)}.public-link-label,.sidebar-link-label{align-items:center;gap:.45rem;display:inline-flex}.mini-panel span,.meta-list span{overflow-wrap:anywhere;text-align:right;min-width:0}.mini-panel span{text-align:left}.sidebar-links a{min-width:0;min-height:44px;color:var(--accent-strong);overflow-wrap:anywhere;align-items:center;display:inline-flex}.stack{gap:1rem;display:grid}.section-block{border-top:1px solid var(--border);padding-block:clamp(2.5rem,7vw,5rem)}.featured-layout{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.75fr);gap:1rem;display:grid}.more-project-links{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.more-project-links span,.more-project-links a{border:1px solid var(--border);border-radius:var(--radius);align-items:center;min-height:44px;padding:.45rem .7rem;font-size:.9rem;display:inline-flex}.more-project-links span{color:var(--muted);font-family:var(--mono);border-color:#0000}.more-project-links a{color:var(--text);text-decoration:none}.more-project-links a:hover{border-color:var(--border-strong);color:var(--accent-strong)}.project-card,.article-card,.callout,.work-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.project-card{transition:border-color .16s,transform .16s;overflow:hidden}.project-card:hover,.article-card:hover,.work-card:hover{border-color:var(--border-strong)}.project-card a,.article-card a{height:100%;color:inherit;text-decoration:none;display:block}.project-media{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:var(--surface-muted);overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .26s}.project-card:hover .project-media img{transform:scale(1.025)}.project-body,.article-card{padding:1rem}.project-card.featured .project-body{padding:1.1rem}.project-kicker,.article-meta,.meta{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:.45rem .7rem;font-size:.78rem;display:flex}.status-chip{border:1px solid color-mix(in oklch, var(--teal) 42%, var(--border));background:color-mix(in oklch, var(--teal) 10%, var(--surface));color:color-mix(in oklch, var(--text) 84%, var(--teal));white-space:nowrap;border-radius:999px;padding:.08rem .42rem}.status-list{flex-wrap:wrap;justify-content:flex-start;gap:.35rem;display:flex}.meta-list .status-list{text-align:left;justify-content:flex-start}.project-card h3,.article-card h2,.article-card h3,.work-card h3{text-wrap:balance;margin:.55rem 0 .45rem;font-size:1.2rem;line-height:1.2}.project-card.featured h3{font-size:clamp(1.5rem,4vw,2.1rem)}.project-card p,.article-card p,.work-card p,.callout p{color:var(--muted);margin:0}.card-link{color:var(--accent-strong);font-family:var(--mono);margin-top:.9rem;font-size:.8rem;display:inline-flex}.work-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.project-index-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.project-index-grid .project-card{grid-column:span 4}.project-index-grid .project-card:first-child{grid-column:span 8}.filter-button{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);font-family:var(--mono);cursor:pointer;border-radius:999px;min-height:44px;padding:.28rem .55rem;font-size:.75rem}.filter-button[aria-pressed=true]{border-color:var(--text);background:var(--text);color:var(--bg)}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.filter-list{flex-wrap:wrap;gap:.45rem;display:flex}.count{color:var(--muted);font-family:var(--mono);font-size:.82rem}.article-list{gap:1rem;display:grid}.article-card{gap:.55rem;display:grid}.article-card .arrow{color:var(--accent-strong);font-family:var(--mono);font-size:.82rem}.callout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.1rem;display:grid}.callout h2,.callout h3{margin:0 0 .45rem}.detail-grid{grid-template-columns:minmax(13rem,.32fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem);padding-block:clamp(2rem,6vw,4rem);display:grid}.article-shell{grid-template-columns:minmax(13rem,.36fr) minmax(0,1fr) minmax(13rem,.34fr);align-items:start;gap:clamp(1rem,3vw,2rem);padding-block:clamp(2rem,6vw,4rem);display:grid}.detail-main,.article-main{min-width:0}.detail-hero,.article-hero{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.3rem}.detail-hero h1,.article-hero h1,.page-title{letter-spacing:0;text-wrap:balance;margin:.5rem 0;font-size:clamp(2rem,6vw,4.4rem);line-height:1}.article-hero h1{max-width:12ch}.detail-hero p,.article-hero p,.page-lede{max-width:48rem;color:var(--muted);margin:0;font-size:1.08rem}.side-rail{gap:1rem;display:grid;position:sticky;top:5.5rem}.toc{border-left:1px solid var(--border);padding-left:1rem}.toc h2{margin:0 0 .7rem;font-size:.95rem}.toc a{min-height:34px;color:var(--muted);align-items:center;font-size:.9rem;text-decoration:none;display:flex}.toc a:hover{color:var(--accent-strong)}.prose{color:var(--text)}.prose>*{max-width:var(--content)}.prose h2,.prose h3{text-wrap:balance;margin:2rem 0 .7rem;line-height:1.15}.prose h2{font-size:clamp(1.45rem,3vw,2rem)}.prose p,.prose li{color:color-mix(in oklch, var(--text) 88%, var(--muted))}.prose a{color:var(--accent-strong)}.prose ul,.prose ol{padding-left:1.3rem}.prose blockquote{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);margin:1.4rem 0;padding:1rem}.prose pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);max-width:100%;padding:1rem;font-size:.86rem}.prose :not(pre)>code{border:1px solid var(--border);background:var(--surface-muted);border-radius:5px;padding:.12rem .25rem;font-size:.86em}.prose figure{max-width:100%;margin:1.5rem 0}.prose figcaption,.caption{color:var(--muted);margin-top:.5rem;font-size:.88rem}.article-nav{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding-top:1rem;display:grid}.article-nav a{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-decoration:none}.article-nav span{color:var(--muted);font-family:var(--mono);font-size:.76rem;display:block}.not-found{padding-block:5rem}@media (width<=900px){.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-menu{display:block}.intro-grid,.intro-simple,.featured-layout,.detail-grid,.article-shell,.footer-inner,.callout{grid-template-columns:1fr}.home-selfie{justify-self:start;width:min(100%,18rem)}.side-rail{position:static}.detail-main,.article-main{order:1}.detail-meta,.article-toc{order:2}.article-related{order:3}.project-index-grid{grid-template-columns:1fr}.project-index-grid .project-card,.project-index-grid .project-card:first-child{grid-column:auto}.section-heading{display:grid}}@media (width<=620px){body:before{background-size:32px 32px}.container{width:min(100% - 1rem, var(--max))}.header-inner{min-height:3.6rem}.brand span:last-child{display:none}.article-nav{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}