:root{color-scheme:light;--color-bg: #fff;--color-action: #202020;--color-text: rgba(32, 32, 32, .7);--color-link: rgba(32, 32, 32, .7);--color-subtle: rgba(32, 32, 32, .5);--color-faint: rgba(32, 32, 32, .32);--color-tag-bg: rgba(32, 32, 32, .25);--color-underline: rgba(32, 32, 32, .17);--color-code-bg: color-mix(in srgb, var(--color-action) 8%, var(--color-bg));--color-footer-fade: rgba(255, 255, 255, .92);--overlay-dark: rgba(0, 0, 0, .16);--image-icon-filter: none;--content-width: 500px;--radius-control: 3px;--radius-media: 4px;--shadow-media-stroke: inset 0 0 0 1px rgba(0, 0, 0, .18);--shadow-layered: rgba(42, 51, 70, .033) 0 1px 1px -.5px, rgba(42, 51, 70, .044) 0 2px 2px -1px, rgba(42, 51, 70, .044) 0 3px 3px -1.5px, rgba(42, 51, 70, .033) 0 5px 5px -2.5px, rgba(42, 51, 70, .033) 0 10px 10px -5px, rgba(42, 51, 70, .033) 0 24px 24px -8px, rgba(0, 0, 0, .028) 0 16px 8px, rgba(0, 0, 0, .02) 0 32px 16px;--control-padding-inline: .4rem;--control-padding-block: .125rem;--button-padding: .625rem;--footer-height: 3.5rem;--font-size-body: 1rem;--font-size-meta: .886rem;--font-size-title-sm: 1.436rem;--font-size-title-md: 1.823rem;--font-size-title-lg: 2.045rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 3.5rem;--space-medium: var(--space-4)}html[data-theme=dark]{color-scheme:dark;--color-bg: #181818;--color-action: #f4f4f4;--color-text: rgba(244, 244, 244, .7);--color-link: rgba(244, 244, 244, .7);--color-subtle: rgba(244, 244, 244, .5);--color-faint: rgba(244, 244, 244, .32);--color-tag-bg: rgba(244, 244, 244, .25);--color-underline: rgba(244, 244, 244, .2);--color-footer-fade: rgba(24, 24, 24, .92);--overlay-dark: rgba(0, 0, 0, .16);--image-icon-filter: invert(1)}html[data-theme=blue]{color-scheme:dark;--color-bg: #0946f1;--color-action: #fff;--color-text: #fff;--color-link: #fff;--color-subtle: rgba(255, 255, 255, .7);--color-faint: rgba(255, 255, 255, .45);--color-tag-bg: rgba(255, 255, 255, .25);--color-underline: rgba(255, 255, 255, .26);--color-footer-fade: rgba(9, 70, 241, .92);--overlay-dark: rgba(0, 0, 0, .16);--image-icon-filter: invert(1)}html,body{margin:0;padding:0;min-height:100%;min-height:100dvh}body{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-body);line-height:1.35;letter-spacing:-.025em;font-weight:600;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-weight:inherit;font-synthesis:none}a,button,.work-project-title{transition:color .12s ease,background-color .12s ease,box-shadow .12s ease,background-size .16s ease}html.is-theme-switching *,html.is-theme-switching *:before,html.is-theme-switching *:after{transition:none!important}a,a:visited{color:var(--color-link);text-decoration:none}:is(img,svg){display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.theme-toggle{display:inline-grid;place-items:center;width:1.5rem;min-height:1.5rem;padding:0;border:0;border-radius:var(--radius-control);background:var(--color-bg);color:var(--color-text);cursor:pointer}.theme-toggle-dot{width:14px;height:14px;border-radius:50%;background:currentColor;transition:background-color .12s ease}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--color-faint)}.site-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.site-footer{margin-top:auto;position:relative;position:sticky;bottom:0;z-index:10;background:var(--color-bg)}.site-footer:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--space-8);pointer-events:none;background:linear-gradient(to bottom,transparent 0%,var(--color-footer-fade) 100%)}.header-row,.footer-row,.page-shell{width:100%;max-width:var(--content-width);margin:0;padding-left:var(--space-4);padding-right:var(--space-4)}.header-row,.footer-row{display:flex;gap:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-4)}.header-row{justify-content:space-between;align-items:flex-start}.footer-row{align-items:center;justify-content:space-between;color:var(--color-text);font-size:var(--font-size-meta)}.page-shell{flex:1;padding-top:var(--space-6);padding-bottom:calc(var(--space-6) + var(--footer-height))}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3) var(--space-5)}.brand-mark{color:var(--color-text);text-decoration:none;background:none}.menu-toggle{display:none;align-items:center;justify-content:center;min-height:1.5rem;padding:var(--control-padding-block) var(--control-padding-inline);border:0;border-radius:var(--radius-control);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--font-size-meta);line-height:1;letter-spacing:0;cursor:pointer}.nav-link,.nav-link:visited{color:var(--color-text)}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem;padding:var(--control-padding-block) var(--control-padding-inline);font-size:var(--font-size-meta);line-height:1;letter-spacing:0;border-radius:var(--radius-control);background:var(--color-bg)}.is-hidden{display:none}.nav-link:hover,.nav-link:focus-visible,.menu-toggle:hover,.menu-toggle:focus-visible,.site-header[data-menu-open] .menu-toggle{color:var(--color-bg);background-color:var(--color-text)}.process-card-link:hover,.process-card-link:focus-visible{color:var(--color-bg);background-color:var(--color-action)}.prose a,.lede a,.checklist a,.about-links a,.work-project-title{background-image:linear-gradient(var(--color-link),var(--color-link)),linear-gradient(var(--color-underline),var(--color-underline));background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:0 1px,100% 1px}.prose a:hover,.prose a:focus-visible,.lede a:hover,.lede a:focus-visible,.checklist a:hover,.checklist a:focus-visible,.about-links a:hover,.about-links a:focus-visible,.work-project-link:hover .work-project-title,.work-project-link:focus-visible .work-project-title{background-size:100% 1px,100% 1px}.page-intro,.stack-list,.gallery-grid,.narrow-flow{width:100%;max-width:var(--content-width)}.eyebrow{display:inline-block;margin-bottom:var(--space-3);color:var(--color-tag-bg);font-size:var(--font-size-meta)}.tag-pill,.process-card-meta{padding:2px 6px;border-radius:var(--radius-media);background:var(--color-tag-bg);color:var(--color-bg);font-size:var(--font-size-meta)}.display-title{margin:0 0 var(--space-5);font-size:var(--font-size-title-lg);line-height:1.08}h1,h2,h3{font-weight:inherit;line-height:1.08;letter-spacing:-.02em}b,strong{font-weight:inherit}.lede,.prose p,.process-card p,.checklist li{color:var(--color-text)}.lede{margin:0;max-width:92%;line-height:1.55}.lede+.lede{margin-top:var(--space-5)}.lede-word{display:inline-block;position:relative}.lede-word:hover{color:var(--color-subtle)}.lede-word-card{position:absolute;left:50%;bottom:calc(100% - 28px);z-index:20;width:64px;height:48px;pointer-events:none;opacity:0;object-fit:cover;transform:translate(-50%,var(--space-2));transition:opacity .16s ease,transform .16s ease}.is-card-disabled .lede-word-card{display:none}.lede-word--with-card:hover .lede-word-card{opacity:1;transform:translate(-50%)}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}.footer-icon-links{display:flex;align-items:center;gap:var(--space-2)}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;min-height:1.5rem;border-radius:var(--radius-control);color:var(--color-text);background:var(--color-bg)}.icon-link:before{content:"";display:block;width:1rem;height:1rem;background:currentColor}.icon-link--dribbble:before{-webkit-mask:url(/icons/dribbble.svg) center / contain no-repeat;mask:url(/icons/dribbble.svg) center / contain no-repeat}.icon-link--github:before{-webkit-mask:url(/icons/github.svg) center / contain no-repeat;mask:url(/icons/github.svg) center / contain no-repeat}.icon-link:hover,.icon-link:focus-visible{color:var(--color-faint)}.about-portrait{width:72px;height:72px;margin-bottom:var(--space-medium);object-fit:cover}html[data-theme=blue] .about-portrait{mix-blend-mode:lighten}.about-current{display:grid;gap:var(--space-4);margin-top:var(--space-7)}.about-current-title{margin:0 0 var(--space-2);color:var(--color-subtle);font-size:var(--font-size-body)}.about-current-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.about-current-media{position:relative;aspect-ratio:1;border-radius:var(--radius-media);background:var(--color-code-bg);overflow:hidden;transition:box-shadow .16s ease}.about-current-media:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-media-stroke);pointer-events:none}.about-current-media:hover{box-shadow:var(--shadow-layered)}.about-current-item{width:100%;height:100%;object-fit:cover}.about-links-title{margin:var(--space-7) 0 0;color:var(--color-subtle);font-size:var(--font-size-body)}.about-links{display:grid;gap:var(--space-2);list-style:none;margin-top:var(--space-2);padding:0}.button-primary{position:relative;display:inline-block;min-width:44px;min-height:44px;padding:var(--button-padding);border:0;border-radius:var(--radius-control);background:var(--color-text);box-shadow:inset 0 0 0 0 var(--overlay-dark);color:var(--color-bg);font-size:inherit;cursor:pointer;text-decoration:none}.copy-email-button:after{content:attr(data-email);position:absolute;top:50%;left:calc(100% + var(--space-2));transform:translateY(-50%);opacity:0;color:var(--color-link);white-space:nowrap;pointer-events:none}.button-label{display:inline-block}.button-status{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none}.button-primary:hover,.button-primary:focus-visible{box-shadow:inset 0 0 0 999px var(--overlay-dark);color:var(--color-bg)}.button-primary:active{transform:translateY(1px)}.copy-email-button:hover:after,.copy-email-button:focus-visible:after{opacity:1}.button-primary.is-copied{box-shadow:inset 0 0 0 999px var(--overlay-dark)}.button-primary.is-copied .button-label{opacity:0}.button-primary.is-copied .button-status{opacity:1}.button-icon{width:16px;height:16px;filter:var(--image-icon-filter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stack-list,.gallery-grid{display:grid;gap:var(--space-8);padding-bottom:var(--space-10)}.work-project{display:grid;gap:var(--space-2);padding-bottom:var(--space-4)}.work-project-images{display:grid;gap:var(--space-4)}.work-project-link{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content}.gallery-item{margin:0;border-radius:var(--radius-media);overflow:hidden}.gallery-item img{width:100%;height:auto;border-radius:inherit}.process-card-meta{display:inline-flex;margin-bottom:var(--space-3)}.process-card h2,.post-header h1{margin:0 0 var(--space-4);font-size:var(--font-size-title-md);line-height:1.16}.process-card p{margin:0;line-height:1.55}.process-card-link{display:inline;padding:.05em .08em .12em;border-radius:var(--radius-control);-webkit-box-decoration-break:clone;box-decoration-break:clone}.post-shell{max-width:760px}.back-link{display:inline-block;margin-bottom:var(--space-3);color:var(--color-link)}.back-link img{width:24px;height:24px;filter:var(--image-icon-filter)}.post-header{margin-bottom:var(--space-8)}.prose{max-width:680px}.prose p,.prose ul,.prose ol{margin:0 0 var(--space-5);line-height:1.6}.prose code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.92em;letter-spacing:0}.prose :not(pre)>code{padding:.08em .35em;border-radius:var(--radius-control);background:var(--color-code-bg)}.prose pre{margin:0 0 var(--space-5);padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-code-bg);overflow-x:auto}.prose pre.astro-code{background:var(--color-code-bg)!important;color:var(--color-subtle)!important}.prose pre.astro-code code,.prose pre.astro-code span{color:var(--color-subtle)!important;background:transparent!important}.prose pre code{display:block;padding:0;background:transparent;color:var(--color-subtle);font-size:var(--font-size-meta);line-height:1.55;white-space:pre}.prose h2,.prose h3{margin:var(--space-8) 0 var(--space-4);font-size:var(--font-size-title-sm);line-height:1.2}.prose ul,.prose ol,.checklist{padding-left:var(--space-5)}.checklist{margin:0}.checklist li+li{margin-top:var(--space-2)}@media(max-width:720px){.header-row{align-items:center;flex-wrap:wrap}.menu-toggle{display:inline-flex}.site-nav{display:flex;flex-direction:column;align-items:flex-end;width:100%;max-height:0;gap:var(--space-2);overflow:hidden;opacity:0;pointer-events:none;transform:translateY(calc(var(--space-1) * -1));visibility:hidden;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1),max-height .2s cubic-bezier(.22,1,.36,1),visibility 0s linear .2s}.site-header[data-menu-open] .site-nav{max-height:8rem;opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1),max-height .2s cubic-bezier(.22,1,.36,1)}.page-shell{padding-bottom:var(--space-9)}.display-title{font-size:var(--font-size-title-md)}.process-card-meta{flex-direction:column;gap:var(--space-1)}.stack-list{gap:var(--space-7);padding-bottom:var(--space-8)}}@media(prefers-reduced-motion:reduce){.site-nav,.theme-toggle-dot{transition:none}}