:root{--sidebar:#142033;--sidebar-end:#0f1929;--sidebar-soft:#1d2b42;--sidebar-text:#d8e6f4;--sidebar-muted:#b7c8dc;--sidebar-role:#86c6dc;--sidebar-link-bg:hsla(0,0%,100%,.08);--sidebar-link-hover:hsla(0,0%,100%,.12);--sidebar-link-ring:rgba(134,198,220,.46);--sidebar-photo-border:hsla(0,0%,100%,.14);--bg:#f5f7fa;--surface:#fff;--surface-muted:#eef2f7;--text:#405064;--text-strong:#172033;--muted:#738196;--line:#dbe2eb;--accent:#0f6b8e;--accent-soft:#e7f4f8;--accent-border-soft:rgba(15,107,142,.34);--accent-hover:#0b5a78;--focus-ring:rgba(15,107,142,.35);--button-hover:#fff;--primary-button-text:#fff;--toggle-track:#dbe2eb;--toggle-thumb:#fff;--toggle-thumb-text:#172033;--shadow:0 16px 48px rgba(23,32,51,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--sidebar:#0b1220;--sidebar-end:#070d18;--sidebar-soft:#141e2d;--sidebar-text:#d7e4f2;--sidebar-muted:#a8b7ca;--sidebar-role:#7dd3fc;--sidebar-link-bg:hsla(0,0%,100%,.07);--sidebar-link-hover:rgba(125,211,252,.14);--sidebar-link-ring:rgba(125,211,252,.5);--sidebar-photo-border:hsla(0,0%,100%,.18);--bg:#0f1724;--surface:#151f2e;--surface-muted:#1e2a3a;--text:#c6d1df;--text-strong:#f4f7fb;--muted:#92a2b7;--line:#2c3a4d;--accent:#67c6e3;--accent-soft:#132b38;--accent-border-soft:rgba(103,198,227,.36);--accent-hover:#91dbf2;--focus-ring:rgba(103,198,227,.38);--button-hover:#1b2737;--primary-button-text:#06111b;--toggle-track:#26364a;--toggle-thumb:#67c6e3;--toggle-thumb-text:#07111d;--shadow:0 18px 54px rgba(0,0,0,.28);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit}a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}dl,h1,h2,h3,h4,p,ul{margin:0}dl,ul{padding:0}li{list-style:none}.icon-sprite{width:0;height:0}.icon-sprite,.sr-only{position:absolute;overflow:hidden}.sr-only{width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}#app,.site-shell{min-height:100vh}.site-shell{display:grid;grid-template-columns:320px minmax(0,1fr)}.portfolio-main{min-width:0}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;scrollbar-gutter:stable;padding:34px 28px;color:var(--sidebar-text);background:linear-gradient(180deg,var(--sidebar),var(--sidebar-end));overscroll-behavior:contain}.sidebar-photo{width:156px;aspect-ratio:1;border:4px solid var(--sidebar-photo-border);border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 18%;object-position:center 18%;background:var(--sidebar-soft)}.role,.section-kicker{color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.sidebar .role{margin-top:24px;color:var(--sidebar-role)}h1,h2,h3,h4{color:var(--text-strong);letter-spacing:0}.sidebar h1{margin-top:10px;color:#fff;font-size:2.45rem;line-height:1}.sidebar-nav{display:grid;gap:6px;margin-top:30px;margin-bottom:18px}.sidebar-nav a{border-radius:8px;text-decoration:none;padding:11px 12px;color:var(--sidebar-text);font-size:.94rem;font-weight:800;transition:background-color .16s ease,color .16s ease,transform .16s ease}.sidebar-nav a:focus-visible,.sidebar-nav a:hover{background:var(--sidebar-link-hover);transform:translate(2px)}.mobile-links,.sidebar-links{display:flex;flex-wrap:wrap;gap:8px}.sidebar-links{margin-top:18px;padding-bottom:2px}.profile-link{--profile-link-brand:var(--accent);--profile-link-soft:var(--accent-soft);--profile-link-hover:rgba(15,107,142,.18);--profile-link-ring:var(--accent-border-soft)}.profile-link-mail{--profile-link-brand:#49bfd8;--profile-link-soft:rgba(73,191,216,.13);--profile-link-hover:rgba(73,191,216,.2);--profile-link-ring:rgba(73,191,216,.28)}.profile-link-resume{--profile-link-brand:#d99d46;--profile-link-soft:rgba(217,157,70,.13);--profile-link-hover:rgba(217,157,70,.21);--profile-link-ring:rgba(217,157,70,.28)}.profile-link-github{--profile-link-brand:#29303b;--profile-link-soft:rgba(191,200,214,.12);--profile-link-hover:rgba(191,200,214,.19);--profile-link-ring:rgba(191,200,214,.24)}[data-theme=dark] .profile-link-github{--profile-link-brand:#f0f6fc}.profile-link-linkedin{--profile-link-brand:#3fa7d6;--profile-link-soft:rgba(63,167,214,.13);--profile-link-hover:rgba(63,167,214,.22);--profile-link-ring:rgba(63,167,214,.3)}.profile-link-youtube{--profile-link-brand:#e35b5b;--profile-link-soft:rgba(227,91,91,.13);--profile-link-hover:rgba(227,91,91,.22);--profile-link-ring:rgba(227,91,91,.3)}.mobile-links a,.sidebar-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;text-decoration:none;color:var(--sidebar-text);background:var(--sidebar-link-bg);box-shadow:inset 0 0 0 1px transparent;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.mobile-links .profile-link,.sidebar-links .profile-link{color:var(--profile-link-brand);background:var(--profile-link-soft);box-shadow:inset 0 0 0 1px var(--profile-link-ring)}.sidebar-links a:focus-visible,.sidebar-links a:hover{background:var(--sidebar-link-hover);box-shadow:inset 0 0 0 1px var(--sidebar-link-ring),0 10px 24px #0000002e;color:#fff;transform:translateY(-2px) scale(1.04)}.sidebar-links .profile-link:focus-visible,.sidebar-links .profile-link:hover{color:var(--profile-link-brand);background:var(--profile-link-hover);box-shadow:inset 0 0 0 1px var(--profile-link-ring),0 10px 24px #0000002e}.mobile-links a{color:var(--text-strong);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.mobile-links a:focus-visible,.mobile-links a:hover{border-color:var(--accent);background:var(--button-hover);color:var(--accent);transform:translateY(-2px)}.mobile-links .profile-link:focus-visible,.mobile-links .profile-link:hover{border-color:var(--profile-link-ring);color:var(--profile-link-brand);background:var(--profile-link-hover)}.sidebar-links a:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;z-index:1;padding:6px 8px;border-radius:6px;color:var(--sidebar);background:var(--sidebar-text);box-shadow:0 8px 22px #0003;font-size:.72rem;font-weight:850;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .16s ease,transform .16s ease}.sidebar-links a:focus-visible:after,.sidebar-links a:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.link-icon{width:18px;height:18px;flex:0 0 auto;transition:transform .18s ease}.sidebar-links .link-icon{width:21px;height:21px}.mobile-links a:focus-visible .link-icon,.mobile-links a:hover .link-icon,.sidebar-links a:focus-visible .link-icon,.sidebar-links a:hover .link-icon{transform:scale(1.08)}.focus-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.focus-chips li{padding:6px 10px;border:1px solid var(--sidebar-link-bg);border-radius:999px;color:var(--sidebar-text);background:var(--sidebar-link-bg);font-size:.78rem;font-weight:850;line-height:1}.theme-toggle{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;margin-top:26px;padding:7px 10px 7px 8px;border:1px solid var(--line);border-radius:999px;color:var(--text-strong);background:var(--surface);font:inherit;font-size:.86rem;font-weight:850;cursor:pointer;box-shadow:var(--shadow)}.sidebar .theme-toggle{margin-top:auto;color:var(--sidebar-text);border-color:var(--sidebar-link-bg);background:var(--sidebar-link-bg);box-shadow:none}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.theme-toggle-track{position:relative;display:inline-flex;align-items:center;width:42px;height:24px;padding:2px;border-radius:999px;background:var(--toggle-track)}.theme-toggle-thumb{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--toggle-thumb-text);background:var(--toggle-thumb);font-size:.82rem;line-height:1;transform:translate(0);transition:transform .2s ease,background .2s ease,color .2s ease}[data-theme=dark] .theme-toggle-thumb{transform:translate(18px)}.content{width:min(100%,1040px);padding:58px 64px 74px}.mobile-intro{display:none}.section{padding:54px 0;border-bottom:1px solid var(--line)}.section:first-of-type{padding-top:0}.section-kicker{margin-bottom:12px}h2{max-width:760px;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08}h3{font-size:1.18rem}h3,h4{line-height:1.25}h4{font-size:1.12rem}.intro{max-width:790px;margin-top:22px;font-size:1.08rem;line-height:1.8}.credibility-line{width:-moz-fit-content;width:fit-content;margin-top:22px;padding:10px 14px;color:var(--text-strong);font-weight:850;line-height:1.45}.blog-callout,.credibility-line{max-width:790px;border:1px solid var(--accent-border-soft);border-radius:8px;background:var(--accent-soft)}.blog-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:20px}.blog-callout-bottom{margin-top:8px}.blog-callout .section-kicker{margin-bottom:6px}.blog-callout p:last-child{max-width:500px;color:var(--text-strong);font-weight:750;line-height:1.55}.blog-callout-link{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--accent);border-radius:8px;color:var(--primary-button-text);background:var(--accent);font-weight:900;text-decoration:none;transition:background-color .18s ease,color .18s ease,transform .18s ease}.blog-callout-link:focus-visible,.blog-callout-link:hover{color:var(--primary-button-text);background:var(--accent-hover);transform:translateY(-2px)}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}.summary-grid div{min-height:112px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.summary-grid dt{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.summary-grid dd{margin:9px 0 0;color:var(--text-strong);font-weight:750;line-height:1.5}.section-header{display:flex;align-items:end;justify-content:space-between;gap:24px}.text-link{position:relative;display:inline-flex;width:-moz-fit-content;width:fit-content;color:var(--accent);font-weight:900;text-decoration:none;transition:color .16s ease}.text-link:after{content:"";position:absolute;right:0;bottom:-3px;left:0;height:2px;border-radius:999px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.text-link:focus-visible,.text-link:hover{color:var(--accent-hover)}.text-link:focus-visible:after,.text-link:hover:after{transform:scaleX(1)}.timeline{position:relative;display:grid;gap:18px;margin-top:34px;padding-left:26px}.timeline:before{content:"";position:absolute;top:4px;bottom:4px;left:6px;width:2px;background:var(--line)}.timeline-item{position:relative;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.timeline-item:before{content:"";position:absolute;top:28px;left:-27px;width:12px;height:12px;border:3px solid var(--accent);border-radius:50%;background:var(--bg)}.timeline-item p{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.timeline-item h3{margin-top:8px}.timeline-item span{display:block;margin-top:10px;line-height:1.65}.work-sections{display:grid;gap:34px;margin-top:30px}.work-section-title{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:14px}.work-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{position:relative;display:grid;gap:16px;min-height:300px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.work-card-clickable{cursor:pointer}.work-card-clickable:focus-within,.work-card-clickable:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 24px 60px #0f172a24,0 0 0 3px var(--focus-ring)}.work-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.work-card-link:focus{outline:none}.work-card-link:focus-visible{outline:none}.work-card-featured{gap:0;overflow:hidden;padding:0}.work-card-content{display:grid;gap:16px}.work-card-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.work-card-action{position:relative;z-index:2;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--accent);background:var(--surface-muted);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.work-card-action:focus-visible,.work-card-action:hover{border-color:var(--accent);color:var(--primary-button-text);background:var(--accent);transform:translateY(-1px)}.work-card-action-icon{width:17px;height:17px}.work-card-featured .work-card-content{padding:22px}.work-media{position:relative;display:block;border-bottom:1px solid var(--line);background:var(--line)}.work-media-video{z-index:2}.work-media picture{display:block}.work-media img,.work-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;max-height:340px;background:var(--surface-muted);-o-object-fit:contain;object-fit:contain}.work-media video{background:#07111d}.work-card p{line-height:1.65;white-space:pre-line}.skill-cloud,.work-card ul{display:flex;flex-wrap:wrap;gap:8px}.work-card ul{align-self:end}.skill-cloud li,.work-card li{border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--text-strong);font-size:.82rem;font-weight:850}.work-card li{padding:6px 10px}@media(prefers-reduced-motion:reduce){.work-card{transition:none}.work-card-clickable:focus-within,.work-card-clickable:hover{transform:none}}.skill-groups{display:grid;gap:22px;margin-top:28px}.skill-group{display:grid;gap:12px;padding-top:20px;border-top:1px solid var(--line)}.skill-group h3{color:var(--text-strong);font-size:.95rem;font-weight:900}.skill-cloud li{padding:10px 13px}.contact{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:start;border-bottom:0}.contact p:not(.section-kicker){max-width:650px;margin-top:18px;line-height:1.7}.contact-actions{display:grid;gap:10px}.button{justify-content:flex-start;gap:10px;min-height:46px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-strong);font-weight:900;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.button,.button-icon{display:inline-flex;align-items:center}.button-icon{justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--accent);background:var(--accent-soft);transition:background-color .18s ease,color .18s ease,transform .18s ease}.button:focus-visible,.button:hover{border-color:var(--accent);background:var(--button-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.button:focus-visible .button-icon,.button:hover .button-icon{transform:scale(1.08)}.button.profile-link:not(.primary){border-color:var(--profile-link-ring);background:linear-gradient(90deg,var(--profile-link-soft),transparent 72%),var(--surface)}.button.profile-link:not(.primary) .button-icon{color:var(--profile-link-brand);background:var(--profile-link-soft)}.button.profile-link:not(.primary):focus-visible,.button.profile-link:not(.primary):hover{border-color:var(--profile-link-ring);color:var(--profile-link-brand);background:linear-gradient(90deg,var(--profile-link-hover),transparent 72%),var(--button-hover)}.button.primary{border-color:var(--accent);color:var(--primary-button-text);background:var(--accent)}.button.primary .button-icon{color:var(--accent);background:var(--primary-button-text)}.button.resume{border-color:var(--profile-link-ring);background:linear-gradient(90deg,var(--profile-link-soft),transparent 66%),var(--surface)}.button.resume:focus-visible,.button.resume:hover{border-color:var(--profile-link-ring);color:var(--profile-link-brand)}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:focus-visible,.button:hover,.mobile-links a:focus-visible,.mobile-links a:hover,.sidebar-links a:focus-visible,.sidebar-links a:hover,.sidebar-nav a:focus-visible,.sidebar-nav a:hover,.work-card a:focus-visible,.work-card a:hover{transform:none}}@media(max-width:1020px){.site-shell{grid-template-columns:1fr}.sidebar{display:none}.content,.portfolio-main{width:min(100%,760px);margin:0 auto}.content{padding:28px 22px 54px}.mobile-intro{display:block;padding:12px 0 38px}.mobile-photo{width:156px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 18%;object-position:center 18%;background:var(--surface-muted);box-shadow:var(--shadow)}.mobile-intro .role{margin-top:18px}.mobile-name{margin-top:8px;color:var(--text-strong);font-size:3.2rem;font-weight:800;line-height:1}.mobile-intro .focus-chips{max-width:460px}.mobile-blog-link{margin-top:18px}.mobile-intro .focus-chips li{color:var(--text-strong);border-color:var(--line);background:var(--surface-muted)}.mobile-links{margin-top:18px}.section:first-of-type{padding-top:42px}.contact,.summary-grid,.work-grid,.work-grid-featured{grid-template-columns:1fr}.blog-callout{align-items:start;flex-direction:column}.work-card{grid-column:auto;min-height:auto}}@media(max-width:560px){.content{padding-inline:16px}.section{padding:44px 0}.section-header{display:grid;align-items:start}.timeline{padding-left:20px}.timeline-item{padding:18px}.timeline-item:before{left:-24px}.work-media img,.work-media video{max-height:none}}.blog-shell{--muted:#5f6d80;display:flex;min-height:100vh;flex-direction:column;background:var(--bg)}html[data-theme=dark] .blog-shell{--muted:#92a2b7}.skip-link{position:fixed;top:10px;left:16px;z-index:10;padding:9px 12px;border-radius:6px;color:var(--primary-button-text);background:var(--accent);font-weight:850;text-decoration:none;transform:translateY(-160%)}.skip-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;transform:translateY(0)}.blog-site-header{border-bottom:1px solid var(--line);background:var(--bg)}.blog-site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(100% - 32px,960px);margin:0 auto;padding:22px 0}.blog-brand{display:grid;gap:4px}.article-navigation a,.blog-back-link,.blog-site-header nav a,.blog-site-name,.error-page a,.rss-icon-link{font-weight:850;text-decoration:none}.blog-site-name{color:var(--text-strong);font-size:1.05rem}.blog-site-header nav a:focus-visible,.blog-site-header nav a:hover,.blog-site-name:focus-visible,.blog-site-name:hover{color:var(--accent)}.blog-brand p{color:var(--muted);font-size:.78rem;font-weight:750}.blog-header-actions{display:flex;align-items:center;gap:22px}.blog-site-header nav{display:flex;align-items:center;gap:18px}.blog-site-header nav a{display:inline-flex;align-items:center;min-height:36px;padding-inline:3px;color:var(--text-strong);font-size:.88rem}.blog-site-header nav a.is-section-active,.blog-site-header nav a.router-link-active{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.rss-icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;border-radius:999px;color:var(--text-strong);text-decoration:none}.rss-icon-link:focus-visible,.rss-icon-link:hover{color:var(--accent);background:var(--surface-muted)}.rss-icon-link svg{width:100%;height:100%;fill:currentcolor}.blog-header-actions .theme-toggle{margin-top:0;box-shadow:none}.blog-content,.error-page{width:min(100% - 32px,760px);margin:0 auto}.blog-content{flex:1 0 auto;padding:52px 0 84px}.error-page{padding:64px 0 84px}.article-header,.blog-index-header{border-bottom:1px solid var(--line)}.blog-index-header{padding-bottom:38px}.article-header h1,.blog-index-header h1{max-width:720px}.blog-index-header h1{font-size:clamp(2.25rem,5vw,3.4rem)}.article-header h1{font-size:clamp(2.15rem,5vw,3.15rem)}.article-description,.blog-empty-state p,.blog-index-header>p:last-child,.error-page p{max-width:680px;margin-top:22px;font-size:1.08rem;line-height:1.75}.article-list{display:grid;margin-top:24px}.blog-portfolio-callout{margin-top:48px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.blog-portfolio-callout h2{margin-top:10px;font-size:clamp(1.35rem,3vw,1.75rem)}.blog-portfolio-callout p:not(.section-kicker){max-width:620px;margin-top:10px;color:var(--muted);line-height:1.65}.blog-portfolio-callout a{display:inline-block;margin-top:18px;color:var(--accent);font-weight:850;text-decoration:none}.blog-portfolio-callout a:focus-visible,.blog-portfolio-callout a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.article-card{padding:30px 0;border-bottom:1px solid var(--line)}.article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.article-card-meta ul{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0;padding:0}.article-card-meta li{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.09em;list-style:none;text-transform:uppercase}.article-card-date,.article-published-date{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.article-draft-label{display:inline-flex;padding:3px 7px;border:1px solid var(--accent-border-soft);border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:.68rem;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.article-card-link{display:block;margin:8px -12px 0;padding:10px 12px 12px;border-radius:8px;color:inherit;text-decoration:none;transition:background-color .16s ease}.article-card-link:hover{background:var(--surface-muted)}.article-card-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;background:var(--surface-muted)}.article-card-link h2{margin:0;color:var(--text-strong);font-size:clamp(1.45rem,3vw,1.8rem);line-height:1.25}.article-card-link:focus-visible h2,.article-card-link:hover h2{color:var(--accent)}.article-card-link p{max-width:66ch;margin-top:10px;color:var(--muted);line-height:1.65}.article-date{color:var(--muted);font-size:.78rem;font-weight:800;white-space:nowrap}.blog-empty-state{margin-top:36px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.article-navigation a,.blog-back-link,.error-page a{color:var(--accent)}.blog-back-link{display:inline-block;margin-bottom:38px}.article-header{padding-bottom:34px}.article-published-date{margin-top:20px}.article-header>ul{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:18px;padding:0}.article-header>ul li{display:inline-flex;align-items:center;color:var(--muted);font-size:.78rem;font-weight:850;letter-spacing:.04em;list-style:none;text-transform:uppercase}.article-header>ul li+li:before{margin:0 8px;color:var(--muted);content:"·"}.article-toc{margin-top:28px;padding:18px 20px;border-left:3px solid var(--accent);background:var(--surface-muted)}.article-toc summary,.article-toc>p{color:var(--text-strong);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.article-toc ol{display:grid;gap:8px;margin-top:12px;padding:0}.article-toc li{list-style:none}.article-toc a{color:var(--text-strong);font-size:.9rem;font-weight:750;line-height:1.4;text-decoration:none}.article-toc a:focus-visible,.article-toc a:hover{color:var(--accent)}.article-toc-mobile{display:none}.article-toc-mobile summary{cursor:pointer}.prose>:not(.article-header){max-width:72ch}.prose>blockquote,.prose>figure,.prose>ol,.prose>p,.prose>pre,.prose>table,.prose>ul{margin-top:24px}.prose h2,.prose h3,.prose h4{position:relative;margin-top:46px;scroll-margin-top:28px}.prose h2{font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.2}.prose h3{font-size:clamp(1.3rem,2.2vw,1.55rem);line-height:1.25}.prose h4{font-size:1.1rem;line-height:1.3}.heading-permalink{display:inline-flex;margin-left:.38em;color:var(--muted);font-size:.68em;font-weight:850;text-decoration:none;opacity:0;transition:color .16s ease,opacity .16s ease}.heading-permalink:focus-visible,.prose h2:hover .heading-permalink,.prose h3:hover .heading-permalink,.prose h4:hover .heading-permalink{color:var(--accent);opacity:1}.prose li,.prose p{line-height:1.8}.prose ol,.prose ul{padding-left:24px}.prose ul li{list-style:disc}.prose ol li{list-style:decimal}.prose a{color:var(--accent);font-weight:750;text-decoration-thickness:2px}.prose a[rel~=nofollow]:after{display:inline-block;margin-left:.22em;font-size:.72em;line-height:1;text-decoration:none;vertical-align:.16em;content:"↗"}.prose code{padding:.14em .35em;border-radius:4px;color:var(--text-strong)}.prose code,.prose pre{background:var(--surface-muted)}.prose pre{position:relative;max-width:100%;overflow-x:auto;padding:18px;border:1px solid var(--line);border-radius:8px;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.prose pre:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.prose pre code{display:block;min-width:-moz-max-content;min-width:max-content;padding:0;background:transparent}.code-copy-button{position:absolute;display:grid;place-items:center;z-index:1;top:9px;right:9px;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:5px;color:var(--text-strong);background:color-mix(in srgb,var(--surface) 86%,transparent);cursor:pointer}.code-copy-button svg{width:16px;height:16px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.code-copy-button:hover{border-color:var(--accent);color:var(--accent)}.code-copy-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.prose pre.shiki{color:#24292e}html[data-theme=dark] .prose pre.shiki{color:#e1e4e8}html[data-theme=dark] .shiki span{color:var(--shiki-dark);background:var(--shiki-dark-bg);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);-webkit-text-decoration:var(--shiki-dark-text-decoration);text-decoration:var(--shiki-dark-text-decoration)}.prose blockquote{padding-left:18px;border-left:4px solid var(--accent);color:var(--muted)}.prose img,.prose table{max-width:100%}.prose figure{margin-top:32px}.prose figure img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.prose figcaption{max-width:64ch;margin:10px auto 0;color:var(--muted);font-size:.82rem;line-height:1.55;text-align:center}.prose table{display:block;overflow-x:auto;border-collapse:collapse}.prose td,.prose th{padding:10px;border:1px solid var(--line);text-align:left}.article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}.article-navigation-item{display:grid;align-content:start;gap:8px;min-height:124px;padding:18px;border:1px solid var(--line);border-radius:10px;color:var(--text-strong);background:var(--surface);transition:border-color .16s ease,background-color .16s ease}.article-navigation-item:hover{border-color:var(--accent);background:var(--surface-muted)}.article-navigation-item:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-color:var(--accent);background:var(--surface-muted)}.article-navigation-item span{color:var(--muted);font-size:.74rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.article-navigation-item strong{font-size:1rem;line-height:1.45}.article-navigation-item-older{grid-column:2;text-align:right}.article-all-posts-link{margin-top:30px;text-align:center}.article-all-posts-link a{color:var(--accent);font-weight:850;text-decoration:none}.article-all-posts-link a:focus-visible,.article-all-posts-link a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.blog-site-footer{border-top:1px solid var(--line);background:var(--surface)}.blog-site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100% - 32px,960px);margin:0 auto;padding:22px 0}.blog-site-footer p{color:var(--muted);font-size:.78rem;font-weight:750}.blog-site-footer nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}.blog-site-footer a{color:var(--text-strong);font-size:.8rem;font-weight:800;text-decoration:none}.blog-site-footer a:focus-visible,.blog-site-footer a:hover{color:var(--accent)}.error-page{min-height:100vh}@media(max-width:720px){.blog-site-header-inner{align-items:center;flex-direction:row;gap:10px;padding-block:12px}.blog-brand{min-width:0}.blog-brand p{display:none}.blog-site-name{font-size:.98rem;white-space:nowrap}.blog-header-actions{width:auto;margin-left:auto;gap:6px}.blog-site-header nav{gap:4px}.blog-site-header nav a{min-height:40px;font-size:.82rem}.rss-icon-link{width:40px;height:40px;padding:10px}.blog-header-actions .theme-toggle{min-width:0;gap:0;padding:7px}.article-toc-desktop,.blog-header-actions .theme-toggle>span:last-child{display:none}.article-toc-mobile{display:block}}@media(hover:none){.heading-permalink{opacity:.55}}@media(max-width:560px){.blog-site-header-inner{gap:6px;width:min(100% - 20px,960px);padding-block:10px}.blog-site-name{font-size:.92rem}.blog-header-actions{gap:4px}.blog-site-header nav{flex-wrap:nowrap;gap:2px}.blog-site-header nav a{min-height:40px;padding-inline:3px;font-size:.78rem}.rss-icon-link{width:40px;height:40px;padding:11px}.blog-header-actions .theme-toggle{min-height:40px;padding:6px}.blog-header-actions .theme-toggle-track{width:38px;height:22px}.blog-header-actions .theme-toggle-thumb{width:18px;height:18px}[data-theme=dark] .blog-header-actions .theme-toggle-thumb{transform:translate(16px)}.blog-site-footer-inner{align-items:flex-start;flex-direction:column;gap:12px;padding-block:18px}.blog-site-footer nav{justify-content:flex-start;gap:8px 14px}.blog-content,.error-page{padding-top:36px}.blog-back-link{margin-bottom:24px}.blog-index-header{padding-bottom:30px}.blog-index-header h1{font-size:clamp(2rem,10vw,2.8rem)}.article-header h1{font-size:clamp(1.95rem,9.5vw,2.65rem)}.article-description,.blog-index-header>p:last-child{margin-top:16px}.article-header{padding-bottom:24px}.article-published-date{margin-top:16px}.article-header>ul{gap:5px 0;margin-top:14px}.article-header>ul li{font-size:.74rem}.article-header>ul li+li:before{margin-inline:6px}.article-card-meta{align-items:flex-start;flex-direction:column;gap:12px}.article-date{white-space:normal}.article-navigation{grid-template-columns:1fr}.article-navigation-item-older{grid-column:1;text-align:left}}:root{--sidebar:#b9e7f7;--sidebar-end:#7fc8e3;--sidebar-soft:#e8f6fb;--sidebar-text:#0d0f12;--sidebar-muted:#454d54;--sidebar-role:#4242fa;--sidebar-link-bg:hsla(0,0%,100%,.44);--sidebar-link-hover:hsla(0,0%,100%,.72);--sidebar-link-ring:rgba(66,66,250,.28);--sidebar-photo-border:hsla(0,0%,100%,.78);--bg:#fff;--surface:#fff;--surface-muted:#f2f5f7;--text:#454d54;--text-strong:#0d0f12;--muted:#66717c;--line:#c8cad0;--accent:#4242fa;--accent-soft:rgb(66 66 250/8%);--accent-border-soft:rgba(66,66,250,.3);--accent-hover:#2f2fd6;--focus-ring:rgba(66,66,250,.34);--button-hover:#f7f8fb;--primary-button-text:#fff;--toggle-track:#e6e8f0;--toggle-thumb:#fff;--toggle-thumb-text:#4242fa;--shadow:0 2px 0 rgb(13 15 18/7%),0 14px 30px rgb(13 15 18/8%);--playful-blue:#4242fa;--playful-cyan:#6ac;--playful-pink:#ff1981;--playful-purple:#9a6bff;--playful-yellow:#ffd500;--playful-green:#0a7;--hero-hill:#fff;--hero-hill-back:#84b8cc;--article-code-bg:#e8f1fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--sidebar:#111b27;--sidebar-end:#265973;--sidebar-soft:#182939;--sidebar-text:#f2f5f7;--sidebar-muted:#b9c4d0;--sidebar-role:#809fff;--sidebar-link-bg:hsla(0,0%,100%,.07);--sidebar-link-hover:rgba(128,159,255,.14);--sidebar-link-ring:rgba(128,159,255,.34);--sidebar-photo-border:hsla(0,0%,100%,.16);--bg:#0d0f12;--surface:#13171b;--surface-muted:#1a1f23;--text:#e3e6e8;--text-strong:#f2f5f7;--muted:#9ca8b4;--line:#454d54;--accent:#809fff;--accent-soft:rgba(128,159,255,.1);--accent-border-soft:rgba(128,159,255,.32);--accent-hover:#a7baff;--focus-ring:rgba(128,159,255,.38);--button-hover:#1a1f23;--primary-button-text:#0d0f12;--toggle-track:#2d343b;--toggle-thumb:#809fff;--toggle-thumb-text:#0d0f12;--shadow:0 2px 0 rgba(0,0,0,.22),0 18px 34px rgba(0,0,0,.28);--playful-blue:#809fff;--playful-cyan:#6ac;--playful-pink:#ff1981;--playful-purple:#e6b3ff;--playful-yellow:#ffd500;--playful-green:#0c8;--hero-hill:#0d0f12;--hero-hill-back:#182939;--article-code-bg:#1a1f23}body{background:var(--bg)}.article-card-link h2,.blog-site-name,h1,h2,h3,h4{font-family:Trebuchet MS,Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em}.article-card-meta li,.article-header>ul li,.article-navigation-item span,.article-toc summary,.article-toc>p,.role,.section-kicker,.work-section-title{color:var(--accent);letter-spacing:.11em}.section-kicker:before,.work-section-title:before{display:inline-block;width:.9em;height:3px;margin-right:.55em;border-radius:999px;background:currentcolor;vertical-align:.2em;content:""}.sidebar{isolation:isolate;overflow-x:hidden;color:var(--sidebar-text);background:linear-gradient(180deg,var(--sidebar),var(--sidebar-end))}.sidebar:before{top:20px;left:32px;z-index:0;width:312px;height:220px;background:url(../theme/pipeline-spectrum-desktop.svg) top/contain no-repeat;opacity:.3}.sidebar:after,.sidebar:before{position:absolute;content:"";pointer-events:none}.sidebar:after{top:126px;left:-52px;z-index:1;width:410px;height:104px;border-radius:50% 50% 0 0;background:linear-gradient(165deg,var(--hero-hill-back),var(--hero-hill));transform:rotate(-4deg)}.sidebar>*{position:relative;z-index:2}.mobile-photo,.sidebar-photo{border-radius:44% 56% 48% 52%/52% 45% 55% 48%;box-shadow:0 0 0 6px #ffffff75,0 14px 30px #16284a29;transform:rotate(-2deg)}.sidebar .role{margin-top:52px;line-height:1.35}.mobile-name,.sidebar h1{font-weight:900}.sidebar h1{color:var(--sidebar-text)}.sidebar-nav{gap:8px}.sidebar-nav a{border:1px solid transparent;border-radius:14px;background:#ffffff2e}.sidebar-nav a:focus-visible,.sidebar-nav a:hover{border-color:var(--sidebar-link-ring);background:var(--sidebar-link-hover);box-shadow:0 7px #4242fa1f;transform:translateY(-2px)}.article-card-meta li,.article-header>ul li,.focus-chips li,.skill-cloud li,.work-card li{border-radius:999px}.focus-chips li{border-color:#ffffff7a;background:#ffffff57}.mobile-links a,.rss-icon-link,.sidebar-links a,.work-card-action{border-radius:14px}.sidebar-links a:focus-visible,.sidebar-links a:hover{box-shadow:inset 0 0 0 1px var(--sidebar-link-ring),0 7px #4242fa1f;transform:translateY(-2px)}.theme-toggle{border-width:2px;border-color:var(--line);box-shadow:0 4px #0d0f121a}.sidebar .theme-toggle{border-color:#ffffff5c;background:#fff3}.content{width:min(100%,1080px)}.section{position:relative;border-bottom:0}.section+.section:before{position:absolute;top:0;right:0;left:0;border-top:1px solid var(--line);content:"";opacity:.8}h2{max-width:820px;font-weight:900;line-height:1.04}.intro{color:var(--text)}.article-navigation-item,.article-toc,.blog-callout,.blog-empty-state,.button,.credibility-line,.summary-grid div,.timeline-item,.work-card{border-width:2px}.credibility-line{border-radius:16px 16px 16px 5px;background:linear-gradient(135deg,hsla(0,0%,100%,.45),transparent),var(--accent-soft);box-shadow:0 5px #ff19811f}.blog-callout{position:relative;overflow:hidden;border-radius:22px;background:var(--accent-soft);box-shadow:0 8px #ff19811f}.blog-callout:before{position:absolute;top:-24px;right:-18px;width:120px;height:74px;border:10px solid hsla(0,0%,100%,.44);border-radius:50%;content:"";transform:rotate(-14deg)}.blog-callout>*{position:relative;z-index:1}.blog-callout-link,.button.primary{border-width:0 0 4px;border-color:var(--accent-hover);border-radius:14px;box-shadow:0 3px #0d0f121f}.blog-callout-link:focus-visible,.blog-callout-link:hover,.button.primary:focus-visible,.button.primary:hover{transform:translateY(-1px)}.summary-grid{gap:18px}.summary-grid div{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 7px #4242fa17}.summary-grid div:nth-child(4n+1){border-color:#4242fa57;background:linear-gradient(145deg,rgb(66 66 250/7%),var(--surface))}.summary-grid div:nth-child(4n+2){border-color:#ff198157;background:linear-gradient(145deg,rgb(255 25 129/7%),var(--surface))}.summary-grid div:nth-child(4n+3){border-color:#00aa7757;background:linear-gradient(145deg,rgb(0 170 119/7%),var(--surface))}.summary-grid div:nth-child(4n){border-color:#9a6bff4d;background:linear-gradient(145deg,rgb(154 107 255/7%),var(--surface))}.summary-grid dt,.timeline-item p,.work-section-title{letter-spacing:.09em}.timeline{padding-left:30px}.timeline:before{width:4px;border-radius:999px;background:linear-gradient(var(--playful-blue),var(--playful-pink),var(--playful-yellow))}.timeline-item{border-radius:18px;box-shadow:0 6px #4242fa14}.timeline-item:before{width:15px;height:15px;border-width:4px;border-color:var(--playful-pink);box-shadow:0 0 0 4px var(--bg)}.timeline-motion-ready .timeline-item{opacity:0;transform:translateY(18px)}.timeline-motion-ready:before{transform:scaleY(0);transform-origin:top}.timeline-motion-ready.timeline-line-visible:before{animation:timeline-line-enter .76s cubic-bezier(.22,1,.36,1) both}.timeline-motion-ready .timeline-item.is-visible{animation:timeline-item-enter .52s var(--timeline-entry-delay) cubic-bezier(.22,1,.36,1) both}.timeline-motion-ready .timeline-item.is-visible:before{animation:timeline-node-enter .44s var(--timeline-entry-delay) cubic-bezier(.22,1,.36,1) both}.work-grid{gap:20px}.work-card{border-radius:20px;box-shadow:0 8px #4242fa1a}.work-card:nth-child(3n+2){box-shadow:0 8px #ff19811a}.work-card:nth-child(3n){box-shadow:0 8px #00aa771a}.work-card-clickable:focus-within,.work-card-clickable:hover{border-color:var(--playful-blue);box-shadow:0 10px #4242fa21,0 0 0 4px var(--focus-ring);transform:translateY(-4px) rotate(-.25deg)}.work-card-featured{border-radius:24px}.work-media{background:linear-gradient(135deg,#e8f1fc,#fff0f7)}[data-theme=dark] .work-media{background:linear-gradient(135deg,#111b27,#265973)}.work-card-action{border-width:2px;color:var(--playful-blue)}.work-card-action:focus-visible,.work-card-action:hover{border-color:var(--playful-blue);background:var(--playful-blue)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.work-card-clickable .work-card-action-icon,.work-card-clickable .work-media img{transition:transform .22s ease}.work-card-clickable:focus-within .work-media img,.work-card-clickable:hover .work-media img{transform:scale(1.025)}.work-card-clickable:focus-within .work-card-action-icon,.work-card-clickable:hover .work-card-action-icon{transform:translate(2px,-2px)}}.skill-cloud li,.work-card li{border-width:2px}.skill-group{border-top-style:solid;border-top-width:1px}.skill-cloud li:nth-child(4n+1){border-color:#4242fa4d;background:#4242fa12}.skill-cloud li:nth-child(4n+2){border-color:#ff19814d;background:#ff198112}.skill-cloud li:nth-child(4n+3){border-color:#00aa774d;background:#00aa7712}.skill-cloud li:nth-child(4n){border-color:#9a6bff47;background:#9a6bff12}.contact{position:relative;overflow:hidden;margin-top:54px;padding:30px;border:2px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 9px #ff19811a}.button{border-radius:14px;box-shadow:0 5px #0d0f1217}.button:focus-visible,.button:hover{box-shadow:0 7px #4242fa1f}.mobile-intro{position:relative;overflow:hidden}@media(max-width:1020px){.mobile-intro{isolation:isolate;margin:-28px -22px 0;padding:32px 22px 44px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-end))}.mobile-intro:before{position:absolute;top:0;right:-32px;z-index:0;width:min(520px,92vw);height:190px;background:url(../theme/pipeline-spectrum.svg) 50%/contain no-repeat;content:"";opacity:.3;pointer-events:none}.mobile-intro:after{position:absolute;right:-10%;bottom:-42px;width:120%;height:76px;border-radius:50% 50% 0 0;z-index:1;background:var(--bg);content:""}.mobile-intro>*{position:relative;z-index:2}.mobile-intro .role,.mobile-name{color:var(--sidebar-text)}.mobile-intro .focus-chips li{border-color:#ffffff6b;background:#ffffff57}.mobile-links a{border-width:2px;box-shadow:0 5px #4242fa17}}@media(max-width:1020px)and (prefers-reduced-motion:no-preference){.mobile-intro>*{animation:mobile-intro-enter .46s cubic-bezier(.22,1,.36,1) both}.mobile-intro .mobile-photo{animation-name:mobile-photo-enter}.mobile-intro .role{animation-delay:60ms}.mobile-intro .mobile-name{animation-delay:.11s}.mobile-intro .focus-chips{animation-delay:.16s}.mobile-intro .mobile-blog-link{animation-delay:.21s}.mobile-intro .mobile-links{animation-delay:.26s}.mobile-intro .theme-toggle{animation-delay:.31s}}@media(min-width:1021px)and (prefers-reduced-motion:no-preference){.sidebar:before{animation:pipeline-spectrum-enter .72s cubic-bezier(.22,1,.36,1) .12s both}.sidebar>*{animation:mobile-intro-enter .46s cubic-bezier(.22,1,.36,1) both}.sidebar>:first-child{animation:none}.sidebar .sidebar-photo{animation:mobile-photo-enter .46s cubic-bezier(.22,1,.36,1) both}.sidebar .role{animation-delay:60ms}.sidebar h1{animation-delay:.11s}.sidebar .focus-chips{animation-delay:.16s}.sidebar .sidebar-links{animation-delay:.21s}.sidebar .sidebar-nav{animation-delay:.26s}.sidebar .theme-toggle{animation-delay:.31s}}@media(max-width:1020px)and (prefers-reduced-motion:no-preference){.mobile-intro:before{animation:pipeline-spectrum-enter .72s cubic-bezier(.22,1,.36,1) .12s both}}@keyframes mobile-intro-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-photo-enter{0%{opacity:0;transform:translateY(14px) rotate(-4deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}}@keyframes pipeline-spectrum-enter{0%{opacity:0;transform:translate(24px,-8px) scale(.94)}to{opacity:.3;transform:translate(0) scale(1)}}@keyframes timeline-item-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes timeline-line-enter{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes timeline-node-enter{0%{box-shadow:0 0 0 4px var(--bg),0 0 0 10px transparent;transform:scale(.7)}to{box-shadow:0 0 0 4px var(--bg),0 0 0 10px transparent;transform:scale(1)}}.blog-shell{--muted:#66717c}html[data-theme=dark] .blog-shell{--muted:#9ca8b4}.blog-site-header{position:relative;overflow:hidden;border-bottom:0;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-end))}.blog-site-header:after{position:absolute;right:-8%;bottom:-54px;width:116%;height:84px;border-radius:50% 50% 0 0;background:var(--bg);content:""}.blog-site-header-inner{position:relative;z-index:1;padding-bottom:40px}.blog-brand p,.blog-header-actions .theme-toggle,.blog-site-header nav a,.blog-site-name,.rss-icon-link{color:var(--sidebar-text)}.blog-site-header nav a.is-section-active,.blog-site-header nav a.router-link-active{color:var(--sidebar-text);box-shadow:inset 0 -3px var(--playful-pink)}.blog-site-header nav a:focus-visible,.blog-site-header nav a:hover,.blog-site-name:focus-visible,.blog-site-name:hover,.rss-icon-link:focus-visible,.rss-icon-link:hover{color:var(--sidebar-text);background:#ffffff47}.blog-header-actions .theme-toggle{border-color:#fff6;background:#ffffff3d}.blog-content{width:min(100% - 32px,800px);padding-top:46px}.blog-content:has(>.blog-back-link){width:min(100% - 32px,760px);padding-top:42px}.blog-index-header{padding-bottom:26px;border-bottom:0}.article-header{padding-bottom:30px;border-bottom:1px solid var(--line)}.article-header h1,.blog-index-header h1{max-width:760px;font-weight:900;line-height:1.03}.blog-index-header>p:last-child{color:var(--text)}.article-description{color:var(--muted)}.article-list{gap:18px;margin-top:18px}.article-card{position:relative;padding:20px 22px 18px;border:2px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 8px #4242fa17}.article-card:nth-child(2n){box-shadow:0 8px #ff198117}.article-card-link{margin-inline:-8px;border-radius:14px}.article-card-link:focus-visible,.article-card-link:hover{background:var(--surface-muted)}.article-card-link h2{font-weight:900}.article-card-meta li{padding:4px 8px;border:1px solid rgba(255,25,129,.28);background:#ff198114}.blog-back-link{display:inline-flex;margin-bottom:34px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.9rem}.blog-back-link:focus-visible,.blog-back-link:hover{color:var(--accent-hover);background:transparent}.article-header>ul li{padding:4px 8px;border:1px solid rgba(255,25,129,.24);background:#ff198112}.article-header>ul li+li:before{display:none}.article-toc{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;background:var(--surface-muted);box-shadow:none}.prose>:not(.article-header){max-width:68ch}.prose h2{padding-bottom:0;border-bottom:0}.prose h2,.prose h3,[data-theme=dark] .prose h3{color:var(--text-strong)}.prose code{background:var(--article-code-bg)}.prose blockquote{padding:18px 20px;border:1px solid color-mix(in srgb,var(--playful-yellow) 32%,var(--line));border-left:4px solid var(--playful-yellow);border-radius:8px;color:var(--text);background:color-mix(in srgb,var(--playful-yellow) 8%,var(--surface))}.prose figure img,.prose pre,.prose table{border-width:1px;border-radius:10px;box-shadow:none}.prose figure img,.prose pre,.prose th{background:var(--article-code-bg)}.code-copy-button{border-width:1px;border-radius:8px}.article-navigation{gap:14px;border-top:1px solid var(--line)}.article-navigation-item,.article-navigation-item-older{border-width:1px;border-radius:12px;background:var(--surface);box-shadow:none}.article-navigation-item:focus-visible,.article-navigation-item:hover{border-color:var(--accent);background:var(--surface-muted);transform:none}.article-all-posts-link a{display:inline-flex;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.blog-site-footer{border-top:0;background:linear-gradient(180deg,transparent,rgb(102 170 204/8%)),var(--surface)}.blog-site-footer-inner{border-top:1px solid var(--line)}@media(max-width:720px){.blog-site-header-inner{padding-bottom:34px}}@media(max-width:560px){.article-card{padding-inline:16px}.contact{padding:22px}}@media(prefers-reduced-motion:reduce){.article-navigation-item:focus-visible,.article-navigation-item:hover,.sidebar-nav a:focus-visible,.sidebar-nav a:hover,.work-card-clickable:focus-within,.work-card-clickable:hover{transform:none}}.blog-shell{position:relative;--blog-night:#0b1422;--blog-deep:#0c0f15;--blog-ink:#eaf1f8;--blog-mist:#aebdcd;--blog-signal:#8ca8ff;--blog-section-heading:#e6b3ff;--blog-sky-start:#172b42;--blog-sky-end:#0c1a2a;--blog-hero-text:#f4f7fb;--blog-hero-muted:#c4d0dd;--blog-hero-kicker:#aebeff;--blog-header-control:hsla(0,0%,100%,.08);--blog-header-control-border:hsla(0,0%,100%,.24);background:var(--blog-deep)}.blog-page-layout{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.blog-page-layout .blog-shell{min-width:0}html[data-theme=light] .blog-shell{--blog-deep:#f6f8fb;--blog-ink:#152235;--blog-mist:#526174;--blog-signal:#4055b6;--blog-section-heading:#5d3c99;--blog-sky-start:#a8d8ef;--blog-sky-end:#91c6e1;--blog-hero-text:#152235;--blog-hero-muted:#30465e;--blog-hero-kicker:#4055b6;--blog-header-control:hsla(0,0%,100%,.34);--blog-header-control-border:rgba(21,34,53,.2)}.blog-site-header{position:absolute;top:0;right:0;left:0;z-index:5;overflow:visible;border:0;background:transparent;box-shadow:none}.blog-site-header:after{display:none}.blog-site-header-inner{width:min(100% - 40px,1080px);padding:13px 0}.blog-brand{display:block}.blog-brand p{display:none}.blog-header-actions .theme-toggle,.blog-site-header nav a,.blog-site-name,.rss-icon-link{color:var(--blog-hero-text)}.blog-site-name{font-family:Trebuchet MS,Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif;font-size:1rem;letter-spacing:-.035em}.blog-site-header nav{gap:12px}.blog-site-header nav a{min-height:32px;padding-inline:8px;border-radius:999px;font-size:.82rem}.blog-site-header nav a.is-section-active,.blog-site-header nav a.router-link-active{color:var(--blog-hero-text);box-shadow:inset 0 -2px var(--playful-pink)}.blog-site-header nav a:focus-visible,.blog-site-header nav a:hover,.blog-site-name:focus-visible,.blog-site-name:hover,.rss-icon-link:focus-visible,.rss-icon-link:hover{color:var(--blog-hero-text);background:var(--blog-header-control)}.rss-icon-link{width:32px;height:32px;padding:7px}.blog-header-actions{gap:10px}.blog-header-actions .theme-toggle{min-height:32px;padding:4px 8px;border-width:1px;border-color:var(--blog-header-control-border);background:var(--blog-header-control);box-shadow:none}.blog-hero{position:relative;isolation:isolate;min-height:390px;overflow:hidden;color:var(--blog-hero-text);background:linear-gradient(155deg,var(--blog-sky-start) 0,var(--blog-sky-end) 78%)}.blog-hero-inner{position:relative;z-index:4;width:min(100% - 40px,1080px);margin:0 auto;padding:140px 0 150px}.blog-hero-cloud-seam{position:absolute;right:0;bottom:-49px;left:0;z-index:1;display:block;width:100%;height:clamp(96px,12vw,180px);color:var(--blog-deep);pointer-events:none}.article-header,.blog-index-header,.error-page{max-width:690px;padding:0;border:0}.blog-index-header .section-kicker,.error-page .section-kicker{margin-bottom:16px;color:var(--blog-hero-kicker)}.article-header h1,.blog-index-header h1,.error-page h1{max-width:680px;margin:0;color:var(--blog-hero-text);font-family:Trebuchet MS,Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.5rem,5.3vw,4.35rem);font-weight:800;letter-spacing:-.055em;line-height:.98}.article-description,.blog-index-header>p:last-child,.error-page>p:not(.section-kicker){max-width:62ch;margin-top:22px;color:var(--blog-hero-muted);font-size:1.05rem;line-height:1.7}.article-published-date{margin-top:22px;color:var(--blog-hero-muted);font-size:.82rem}.article-header>ul{gap:7px;margin-top:16px}.article-header>ul li{padding:3px 0;border:0;background:transparent;color:var(--blog-hero-kicker);font-size:.72rem;letter-spacing:.08em}.article-header>ul li+li:before{display:inline;margin:0 8px;color:color-mix(in srgb,var(--blog-hero-text) 42%,transparent)}.blog-content{width:min(100% - 40px,760px);padding:42px 0 94px}.blog-index-content{padding-top:28px}.blog-article-content{padding-top:56px}.article-toc{max-width:62ch;margin:0 0 34px;padding:0 0 0 18px;border:0;border-left:2px solid rgba(140,168,255,.48);border-radius:0;color:var(--blog-mist);background:transparent}.article-toc summary{color:var(--blog-mist);font-size:.7rem;font-weight:850;cursor:pointer;list-style:none;text-transform:uppercase}.article-toc summary::-webkit-details-marker{display:none}.article-toc summary:after{margin-left:.65em;color:var(--blog-signal);content:"+"}.article-toc[open] summary:after{content:"−"}.article-toc nav{padding-top:10px}.article-toc ol{gap:5px}.article-toc a{color:var(--blog-mist);font-size:.84rem;font-weight:700}.article-toc a:focus-visible,.article-toc a:hover{color:var(--blog-signal)}.prose{color:var(--blog-ink)}.prose>:not(.article-header){max-width:686px;margin-inline:auto}.prose>div>p{margin-top:24px;font-size:18px;line-height:27px}.prose>div>h2+p{margin-top:8px}.prose>div>ol,.prose>div>ul{margin-top:26px;font-size:1.0625rem;line-height:1.65}.prose>div>blockquote,.prose>div>figure,.prose>div>pre,.prose>div>table{margin-top:32px}.prose h2,.prose h3{color:var(--blog-section-heading);font-family:Trebuchet MS,Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}.prose h2{margin-top:72px;margin-bottom:2px;font-size:clamp(1.8rem,2.5vw,2.2rem);line-height:1.2}.prose h3{margin-top:44px;margin-bottom:22px;font-size:clamp(1.3rem,2vw,1.55rem);line-height:1.2}.heading-permalink,.prose a{color:var(--blog-signal)}.prose code,.prose figure img,.prose pre,.prose th{border-color:#8ca8ff3b;background:color-mix(in srgb,var(--blog-deep) 90%,#8ca8ff)}.prose blockquote{border-color:#f3c66b;color:var(--blog-ink);background:color-mix(in srgb,#f3c66b 7%,var(--blog-deep))}.article-list{gap:0;margin:0}.article-card{padding:30px 0 34px;border:0;border-bottom:1px solid color-mix(in srgb,var(--blog-mist) 28%,transparent);border-radius:0;background:transparent}.article-card,.article-card:nth-child(2n){box-shadow:none}.article-card-meta{align-items:center}.article-card-meta ul{gap:8px}.article-card-meta li{padding:0;border:0;background:transparent;color:var(--blog-signal);font-size:.68rem}.article-card-meta li+li:before{margin-right:8px;color:var(--blog-mist);content:"·"}.article-date{color:var(--blog-mist)}.article-card-link{margin:10px 0 0;padding:0;border-radius:0}.article-card-link:focus-visible,.article-card-link:hover{background:transparent}.article-card-link h2{color:var(--blog-ink);font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.08}.article-card-link:focus-visible h2,.article-card-link:hover h2{color:var(--blog-signal)}.article-card-link p{color:var(--blog-mist)}.article-card-action{display:inline-flex;gap:.45em;margin-top:18px;color:var(--blog-signal);font-size:.82rem;font-weight:850;letter-spacing:.01em}.article-card-link:focus-visible .article-card-action,.article-card-link:hover .article-card-action{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.article-navigation,.article-navigation-item,.blog-site-footer-inner{border-color:color-mix(in srgb,var(--blog-mist) 28%,transparent)}.article-navigation-item{color:var(--blog-ink);background:transparent}.article-navigation-item:focus-visible,.article-navigation-item:hover{border-color:var(--blog-signal);background:color-mix(in srgb,var(--blog-deep) 92%,#8ca8ff)}.article-all-posts-link a,.article-navigation-item span{color:var(--blog-signal)}.blog-empty-state{padding:42px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--blog-mist) 28%,transparent);border-radius:0;color:var(--blog-ink);background:transparent;box-shadow:none}.blog-empty-state p,.blog-site-footer{color:var(--blog-mist)}.blog-site-footer{background:var(--blog-deep)}.blog-site-footer a,.blog-site-footer p{color:var(--blog-mist)}.blog-site-footer a:focus-visible,.blog-site-footer a:hover{color:var(--blog-signal)}.portfolio-main .blog-site-footer{--blog-deep:var(--surface);--blog-mist:var(--muted);--blog-signal:var(--accent)}.error-page-links{display:flex;gap:18px;width:min(100% - 40px,760px);margin:0 auto;padding:42px 0 94px}.error-page-links a{color:var(--blog-signal);font-weight:800;text-decoration-thickness:2px}.blog-index-hero{min-height:285px}.blog-index-hero .blog-hero-inner{padding:114px 0 88px}.blog-index-hero .blog-index-header h1{max-width:560px;font-size:clamp(2.3rem,4.3vw,3.5rem)}.blog-index-hero .blog-index-header>p:last-child{max-width:58ch;margin-top:14px;font-size:.98rem}.blog-index-content{width:min(100% - 40px,1080px);padding-top:82px}.blog-index-content .article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px}.blog-index-content .article-card{min-height:270px;padding:25px 28px 27px;border:1px solid color-mix(in srgb,var(--blog-mist) 34%,transparent);border-radius:14px;background:color-mix(in srgb,var(--blog-deep) 92%,#253a56);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.blog-index-content .article-card:focus-within,.blog-index-content .article-card:hover{border-color:color-mix(in srgb,var(--blog-signal) 65%,transparent);background:color-mix(in srgb,var(--blog-deep) 85%,#253a56);transform:translateY(-3px)}.blog-index-content .article-card-link{display:flex;height:calc(100% - 24px);flex-direction:column}.blog-index-content .article-card-action{margin-top:auto}.blog-article-hero{min-height:340px}.blog-article-hero .blog-hero-inner{padding:120px 0 112px}.blog-article-hero .article-header h1{max-width:620px;font-size:clamp(2.45rem,4.6vw,3.8rem)}.blog-article-hero .article-description{margin-top:17px;font-size:1rem}.blog-article-hero .article-published-date{margin-top:16px}@media(min-width:1021px){.blog-page-layout .blog-site-header{display:none}.blog-page-layout .blog-hero-inner{padding-top:78px}.blog-page-layout .blog-index-hero .blog-hero-inner{padding-top:74px}.blog-page-layout .blog-article-hero .blog-hero-inner{padding-top:80px}}@media(max-width:720px){.blog-hero-inner,.blog-site-header-inner{width:min(100% - 32px,1080px)}.blog-site-header-inner{padding:11px 0}.blog-site-header nav a{padding-inline:5px}.blog-hero{min-height:410px}.blog-hero-inner{padding:116px 0 158px}.article-header h1,.blog-index-header h1,.error-page h1{font-size:clamp(2.45rem,12.5vw,3.5rem)}.article-toc-desktop{display:block}.article-toc-mobile{display:none;margin-bottom:36px}.blog-index-hero{min-height:300px}.blog-index-hero .blog-hero-inner{padding:96px 0 78px}.blog-index-content .article-list{grid-template-columns:1fr}.blog-index-content .article-card{min-height:0}.blog-index-content .article-card-link{height:auto}.blog-index-content .article-card-action{margin-top:18px}.blog-article-hero{min-height:360px}.blog-article-hero .blog-hero-inner{padding:106px 0 118px}}@media(max-width:1020px){.blog-page-layout{grid-template-columns:1fr}.blog-index-hero{padding-bottom:24px}.blog-index-hero .blog-hero-cloud-seam{bottom:-25px}}