code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{color-scheme:light dark;--color-bg: #ffffff;--color-bg-elevated: #f6f5f3;--color-text: #1a1a1a;--color-text-muted: #5f5f5f;--color-accent: #2b6cb0;--color-accent-hover: #1a4971;--color-border: #e4e2df;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: var(--font-sans);--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-base: 1.0625rem;--font-size-sm: .875rem;--font-size-lg: 1.25rem;--font-size-h1: clamp(1.75rem, 4vw, 2.5rem);--font-size-h2: clamp(1.4rem, 3vw, 1.85rem);--font-size-h3: 1.35rem;--font-size-h4: 1.15rem;--line-height-base: 1.65;--measure: 75ch;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4rem;--radius: 10px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--bg-pattern-opacity: .12;--hexagon-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.96 90' width='51.96' height='90'%3E%3Cg fill='none' stroke='white' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpolygon points='25.98,-7.5 0,7.5 0,37.5 25.98,52.5 51.96,37.5 51.96,7.5'/%3E%3Cpolygon points='25.98,82.5 0,97.5 0,127.5 25.98,142.5 51.96,127.5 51.96,97.5'/%3E%3Cpolygon points='0,37.5 -25.98,52.5 -25.98,82.5 0,97.5 25.98,82.5 25.98,52.5'/%3E%3Cpolygon points='51.96,37.5 25.98,52.5 25.98,82.5 51.96,97.5 77.94,82.5 77.94,52.5'/%3E%3Cpolygon points='0,-52.5 -25.98,-37.5 -25.98,-7.5 0,7.5 25.98,-7.5 25.98,-37.5'/%3E%3Cpolygon points='51.96,-52.5 25.98,-37.5 25.98,-7.5 51.96,7.5 77.94,-7.5 77.94,-37.5'/%3E%3C/g%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root:not([data-color-scheme]){--color-bg: #121212;--color-bg-elevated: #1c1c1e;--color-text: #e8e6e3;--color-text-muted: #a3a3a3;--color-accent: #6ea8dc;--color-accent-hover: #8fc0ea;--color-border: #2e2e30;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--bg-pattern-opacity: .06}}[data-color-scheme=dark]{--color-bg: #121212;--color-bg-elevated: #1c1c1e;--color-text: #e8e6e3;--color-text-muted: #a3a3a3;--color-accent: #6ea8dc;--color-accent-hover: #8fc0ea;--color-border: #2e2e30;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--bg-pattern-opacity: .06}[data-font=serif]{--font-heading: Georgia, "Times New Roman", Times, serif}[data-palette=warm]{--color-bg: #fbf7f1;--color-bg-elevated: #f2e9dc;--color-text: #2b1e14;--color-text-muted: #6b5a48;--color-accent: #b5541f;--color-accent-hover: #8a3e13;--color-border: #e4d5bf;--shadow-card: 0 1px 3px rgba(60, 40, 20, .12), 0 1px 2px rgba(60, 40, 20, .08)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme])[data-palette=warm]{--color-bg: #1c1410;--color-bg-elevated: #261c15;--color-text: #f0e6da;--color-text-muted: #c2ac93;--color-accent: #e8935a;--color-accent-hover: #f2ab7c;--color-border: #3a2c22;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3)}}[data-color-scheme=dark][data-palette=warm]{--color-bg: #1c1410;--color-bg-elevated: #261c15;--color-text: #f0e6da;--color-text-muted: #c2ac93;--color-accent: #e8935a;--color-accent-hover: #f2ab7c;--color-border: #3a2c22;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}.bg-pattern{position:fixed;top:-20vh;left:0;right:0;height:140vh;z-index:-1;pointer-events:none;background-color:var(--color-text);opacity:var(--bg-pattern-opacity);-webkit-mask-image:var(--hexagon-pattern);mask-image:var(--hexagon-pattern);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:20px 34.64px;mask-size:20px 34.64px}[data-bg-gradient-preview=fade] .bg-pattern{-webkit-mask-image:var(--hexagon-pattern),linear-gradient(to bottom,black,transparent);mask-image:var(--hexagon-pattern),linear-gradient(to bottom,black,transparent);-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-size:20px 34.64px,100% 100%;mask-size:20px 34.64px,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}[data-bg-gradient-preview=wash] .bg-pattern:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--color-accent),transparent 60%);opacity:.35;pointer-events:none}[data-bg-gradient-preview=radial] .bg-pattern{-webkit-mask-image:var(--hexagon-pattern),radial-gradient(ellipse at top,black,transparent 70%);mask-image:var(--hexagon-pattern),radial-gradient(ellipse at top,black,transparent 70%);-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-size:20px 34.64px,100% 100%;mask-size:20px 34.64px,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.bg-pattern{animation:bg-pattern-drift linear both;animation-timeline:scroll(root block);animation-range:0 100%;will-change:transform}}}@keyframes bg-pattern-drift{0%{transform:translateY(0)}to{transform:translateY(-16vh)}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.25;font-weight:700;margin:var(--space-5) 0 var(--space-3)}h1{font-size:var(--font-size-h1);margin-top:0}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{margin:0 0 var(--space-3)}.site-header{position:sticky;top:0;z-index:10;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;flex-direction:column;gap:var(--space-3);padding-block:var(--space-3)}.site-header__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-header__brand{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text);font-weight:700;font-size:var(--font-size-h2);line-height:1}.site-header__brand:hover{color:var(--color-accent);text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.site-nav a{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-1) 0}.site-nav a:hover{color:var(--color-accent);text-decoration:none}.site-nav a.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}.page{padding-block:var(--space-5)}.prose{max-width:var(--measure);margin:0 auto;padding-inline:var(--space-5)}.avatar{display:block;width:160px;height:160px;margin:0 0 var(--space-4);border-radius:50%;object-fit:cover;box-shadow:var(--shadow-card)}.resume-link{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--color-accent);color:#fff;font-weight:600;text-decoration:none;transition:background-color .12s ease}.resume-link:hover{background:var(--color-accent-hover)}.page-wide{max-width:1200px;margin:0 auto;padding-inline:var(--space-5)}.page-description{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-lg)}@media(max-width:480px){.page{padding-block:var(--space-4)}.page-wide,.prose{padding-inline:var(--space-3)}}.blog-list{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-4)}.blog-list-item{display:flex;gap:var(--space-4);align-items:stretch;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-elevated);box-shadow:var(--shadow-card);color:inherit;text-decoration:none;transition:transform .12s ease,border-color .12s ease}.blog-list-item--reverse{flex-direction:row-reverse}a.blog-list-item:hover{transform:translateY(-2px);border-color:var(--color-accent);text-decoration:none}.blog-list-item__image{flex:0 0 240px;width:240px;height:160px;object-fit:cover;border-radius:calc(var(--radius) - 4px);background:var(--color-border)}.blog-list-item__content{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;justify-content:center;gap:var(--space-2)}.blog-list-item__content h2{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.blog-list-item__content p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.blog-list-item__content time,.article-meta,.blog-list-item__meta{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm)}.blog-list-item__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.blog-list-item__tag{padding:.125rem var(--space-2);border-radius:999px;background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:.75rem;font-weight:600}.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-elevated);box-shadow:var(--shadow-card);color:inherit;text-decoration:none;transition:transform .12s ease,border-color .12s ease}.blog-card:hover{transform:translateY(-2px);border-color:var(--color-accent);text-decoration:none}.blog-card__image{width:100%;height:160px;object-fit:cover;background:var(--color-border)}.blog-card__content{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.blog-card__content h2,.blog-card__content h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.blog-card__content p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.article-meta{margin-bottom:var(--space-4)}.content-hero{margin:0 0 var(--space-5)}.content-hero img{display:block;width:100%;height:auto;aspect-ratio:2.4 / 1;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-card)}.content-hero figcaption{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.75rem}.content-hero figcaption a{color:var(--color-text-muted)}.content-hero figcaption a:hover{color:var(--color-accent)}@media(max-width:700px){.blog-list-item,.blog-list-item--reverse{flex-direction:column}.blog-list-item__image{width:100%;height:180px}}article{padding-bottom:var(--space-5)}.back-link{display:inline-block;padding:var(--space-2) 0;margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.back-link--bottom{margin-top:var(--space-4);margin-bottom:0}markdown p,markdown li{color:var(--color-text)}markdown ul,markdown ol{padding-left:var(--space-4);margin:0 0 var(--space-3)}markdown blockquote{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-accent);color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:0 var(--radius) var(--radius) 0}markdown code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-elevated);padding:.15em .4em;border-radius:4px}markdown pre{background:linear-gradient(to left,#00000059,#0000 12px) 100% 0 / 24px 100% no-repeat local,linear-gradient(to right,#00000059,#0000 12px) 0 0 / 24px 100% no-repeat local,#272822;border-radius:var(--radius);padding:var(--space-3);overflow-x:auto;margin:0 0 var(--space-3)}markdown pre code{background:none;padding:0}markdown img{max-width:100%;border-radius:var(--radius)}markdown hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}