.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-primary: "Newsreader Variable", "Newsreader", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display-1: 300 36px/1.1 var(--font-primary);--display-2: 500 20px/1.2 var(--font-primary);--display-2-mobile: 500 18px/1.2 var(--font-primary);--display-3: 700 16px/1.3 var(--font-primary);--body: 400 16px/1.4 var(--font-primary);--body-small: 400 12px/1.4 var(--font-primary);--type-display: var(--display-1);--type-section: var(--display-2);--type-title: var(--display-2);--type-support: var(--display-3);--type-label: var(--display-3);--type-body: var(--body);--type-body-small: var(--body-small);--type-meta: 400 12px/1.4 var(--font-mono);--track-caps: .08em;--space-1: 12px;--space-2: 16px;--space-3: 20px;--space-4: 36px;--space-5: 54px;--space-6: 72px;--space-7: 112px;--case-gutter: var(--space-3);--case-inset: var(--space-3);--case-edge: max(var(--case-gutter), calc((100cqi - var(--shell)) / 2 + var(--case-gutter)));--feature-card-padding: var(--space-4);--target-min: 44px;--gutter: var(--space-4);--section: var(--space-6);--shell: 1000px;--measure: 68ch;--measure-title: 24ch;--measure-work-title: var(--measure-title);--tone-100-l: .96;--tone-100-c: .01;--tone-200-l: .8;--tone-200-c: .04;--tone-300-l: .68;--tone-300-c: .06;--tone-400-l: .56;--tone-400-c: .075;--tone-500-l: .47;--tone-500-c: .08;--hue-green: 153;--hue-pink: 331.46;--hue-blue: 266.12;--hue-violet: 283.82;--hue-teal: 212.22;--neutral-100: oklch(1 0 0);--neutral-900: oklch(.15 0 0);--neutral-1000: oklch(0 0 0);--green-100: oklch(var(--tone-100-l) var(--tone-100-c) var(--hue-green));--green-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-green));--green-300: oklch(var(--tone-300-l) var(--tone-300-c) var(--hue-green));--green-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-green));--green-500: oklch(var(--tone-500-l) var(--tone-500-c) var(--hue-green));--pink-100: oklch(var(--tone-100-l) var(--tone-100-c) var(--hue-pink));--pink-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-pink));--pink-300: oklch(var(--tone-300-l) var(--tone-300-c) var(--hue-pink));--pink-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-pink));--pink-500: oklch(var(--tone-500-l) var(--tone-500-c) var(--hue-pink));--blue-100: oklch(var(--tone-100-l) var(--tone-100-c) var(--hue-blue));--blue-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-blue));--blue-300: oklch(var(--tone-300-l) var(--tone-300-c) var(--hue-blue));--blue-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-blue));--blue-500: oklch(var(--tone-500-l) var(--tone-500-c) var(--hue-blue));--violet-100: oklch(var(--tone-100-l) var(--tone-100-c) var(--hue-violet));--violet-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-violet));--violet-300: oklch(var(--tone-300-l) var(--tone-300-c) var(--hue-violet));--violet-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-violet));--violet-500: oklch(var(--tone-500-l) var(--tone-500-c) var(--hue-violet));--teal-100: oklch(var(--tone-100-l) var(--tone-100-c) var(--hue-teal));--teal-200: oklch(var(--tone-200-l) var(--tone-200-c) var(--hue-teal));--teal-300: oklch(var(--tone-300-l) var(--tone-300-c) var(--hue-teal));--teal-400: oklch(var(--tone-400-l) var(--tone-400-c) var(--hue-teal));--teal-500: oklch(var(--tone-500-l) var(--tone-500-c) var(--hue-teal));--page-site: var(--neutral-100);--page: var(--page-site);--text: var(--neutral-1000);--primary: var(--green-500);--page-dark: var(--neutral-900);--text-dark: var(--neutral-100);--accent-l: var(--tone-500-l);--accent-c: var(--tone-500-c);--accent-l-dark: var(--tone-200-l);--accent-c-dark: var(--tone-200-c);--accent-hue-mix: 55;--accent-hue-msft: var(--hue-blue);--accent-hue-drive: var(--hue-teal);--accent-hue-verse: var(--hue-pink);--border-width: 1px;--focus-width: 2px;--focus-offset: 2px;--opacity-disabled: .34;--opacity-muted: .55;--opacity-moving: .45;--duration: .15s;--duration-slow: .45s;--layer-base: 0;--layer-sticky: 1;--layer-overlay: 2;--bp-mobile: 810px;--field-gain: .45}*,:before,:after{--text-muted: color-mix(in srgb, var(--text) 72%, var(--page));--line: color-mix(in srgb, var(--text) 15%, var(--page));--surface: color-mix(in srgb, var(--text) 5%, var(--page));--primary-hover: color-mix(in srgb, var(--primary) 85%, var(--text));--accent: oklch(var(--accent-l) var(--accent-c) var(--accent-hue));--accent-soft: color-mix(in srgb, var(--accent) 12%, var(--page))}[data-theme=dark]{--page-site: var(--page-dark);--text: var(--text-dark);--primary: var(--green-200);--accent-l: var(--accent-l-dark);--accent-c: var(--accent-c-dark);--field-gain: 1}[data-accent]{--page: oklch(from var(--page-site) l c var(--accent-hue))}@media(max-width:809.98px){:root{--case-gutter: var(--space-2);--feature-card-padding: var(--space-3);--type-display: var(--display-2);--type-section: var(--display-2-mobile);--type-title: var(--display-2-mobile)}}@media(prefers-reduced-motion:reduce){:root{--duration: 0ms;--duration-slow: 0ms}}@property --stack-pigment{syntax: "<color>"; inherits: true; initial-value: transparent;}.stack-prototype,[data-case-color-prototype]{--accent-hue-drive: var(--hue-green)}[data-case-color-prototype],[data-case-color-prototype] *{--primary: var(--accent)}.stack-prototype{--stack-color-0: oklch(var(--accent-l) var(--accent-c) var(--accent-hue-verse));--stack-color-1: oklch(var(--accent-l) var(--accent-c) var(--accent-hue-msft));--stack-color-2: oklch(var(--accent-l) var(--accent-c) var(--accent-hue-mix));--stack-color-3: oklch(var(--accent-l) var(--accent-c) var(--accent-hue-drive));--stack-pigment: var(--stack-color-0);--primary: var(--stack-pigment);--stack-swap-duration: .48s;--stack-easing: cubic-bezier(.22,.61,.36,1);--stack-blend-duration: .1s;--stack-blend-easing: linear;--stack-card-height: 324px;--stack-ambient-layer: -1;--stack-glow: .28}.stack-prototype [data-case-index="0"]{--accent-hue: var(--accent-hue-verse)}.stack-prototype [data-case-index="1"]{--accent-hue: var(--accent-hue-msft)}.stack-prototype [data-case-index="2"]{--accent-hue: var(--accent-hue-mix)}.stack-prototype [data-case-index="3"]{--accent-hue: var(--accent-hue-drive)}.stack-prototype .stack-ambient i{--stack-gradient: linear-gradient(to bottom, transparent 50%, var(--accent) 100%)}@media(prefers-reduced-motion:reduce){.stack-prototype{--stack-swap-duration: 0ms;--stack-blend-duration: 0ms}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--text);font:var(--type-body);-webkit-font-smoothing:antialiased;min-height:100dvh}#field{position:fixed;inset:0;z-index:var(--layer-base);pointer-events:none;color:var(--primary)}.shell{position:relative;z-index:var(--layer-base);max-width:var(--shell);margin:0 auto;padding:var(--gutter) var(--gutter) var(--section)}*:focus-visible{outline:var(--focus-width) solid var(--primary);outline-offset:var(--focus-offset)}a{color:inherit}:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark}.type-display{font:var(--type-display);text-wrap:balance}.type-section{font:var(--type-section);text-wrap:balance}.type-title{font:var(--type-title);text-wrap:balance}.type-support{font:var(--type-support)}.type-label{font:var(--type-label)}.type-body{font:var(--type-body)}.type-body-small{font:var(--type-body-small)}.type-meta{font:var(--type-meta);text-transform:uppercase;letter-spacing:var(--track-caps)}.site-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--section)}.mark{width:var(--space-4);height:var(--space-4);flex:0 0 var(--space-4);display:block;text-decoration:none}.mark img{display:block;width:100%;height:100%}[data-theme=dark] .mark img{filter:invert(1)}.nav-right{display:flex;align-items:center;gap:var(--space-3)}.nav-right :where(a){color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .nav-right :where(a:hover){color:var(--text)}:where(.resume,.btn,.back,.egg-play,.egg-close){display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface);border:var(--border-width) solid var(--line)}.resume{color:var(--text);transition:border-color var(--duration) ease-out,background var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .resume:hover{border-color:var(--primary)}kbd{font:var(--type-meta);padding:0 var(--space-1);background:var(--surface);border:var(--border-width) solid var(--line);color:var(--text-muted);transition:background var(--duration) ease-out,color var(--duration) ease-out,border-color var(--duration) ease-out}kbd.hot{background:var(--primary);border-color:var(--primary);color:var(--page)}.hero h1{margin:0 0 var(--space-4)}.hero h1 a{text-decoration:none;border-bottom:var(--border-width) solid var(--line);transition:border-color var(--duration) ease-out,color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .hero h1 a:hover{border-color:var(--primary);color:var(--primary)}.skills-label{text-transform:none;color:var(--text-muted);margin-bottom:var(--space-1)}.skills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.skills span{text-transform:none;padding:var(--space-1);border:var(--border-width) solid var(--line);background:var(--surface);color:var(--text-muted);transition:border-color var(--duration) ease-out,background var(--duration) ease-out,color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .skills span:hover{border-color:var(--primary);color:var(--text)}.card.close-card{margin-top:var(--space-7);padding:var(--feature-card-padding);gap:0;cursor:pointer}.close-card .close-line{color:var(--text);margin:0 0 var(--space-3);text-wrap:balance}.close-card .close-actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.btn{text-decoration:none;color:var(--text-muted);transition:border-color var(--duration) ease-out,background var(--duration) ease-out,color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .btn:hover{border-color:var(--primary);color:var(--text)}.btn.primary{border-color:var(--primary);color:var(--text)}:where(html:not(.is-coarse-pointer)) .btn.primary:hover{background:var(--surface);color:var(--primary-hover)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin:var(--section) 0 var(--space-3)}.section-head h2{color:var(--text-muted);margin:0}.section-head .count{color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--surface);border:var(--border-width) solid var(--line);text-decoration:none;cursor:pointer;transition:border-color var(--duration) ease-out,background var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .card:hover{border-color:var(--primary)}.card i{position:absolute;width:var(--space-1);height:var(--space-1);opacity:var(--opacity-muted);pointer-events:none;transition:opacity var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .card:hover i{opacity:1}.card i.tl{top:var(--space-1);left:var(--space-1);border-top:var(--border-width) solid var(--primary);border-left:var(--border-width) solid var(--primary)}.card i.tr{top:var(--space-1);right:var(--space-1);border-top:var(--border-width) solid var(--primary);border-right:var(--border-width) solid var(--primary)}.card i.bl{bottom:var(--space-1);left:var(--space-1);border-bottom:var(--border-width) solid var(--primary);border-left:var(--border-width) solid var(--primary)}.card i.br{bottom:var(--space-1);right:var(--space-1);border-bottom:var(--border-width) solid var(--primary);border-right:var(--border-width) solid var(--primary)}.meta{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.badge{padding:0 var(--space-1);background:var(--surface);border:var(--border-width) solid var(--line);color:var(--text-muted)}.org{color:var(--text-muted)}.card h2,.card p{margin:0;color:var(--text)}.grid>.card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:var(--space-1)}.grid>.card h2{text-wrap:balance}.grid>.card p{text-wrap:pretty}.cta{margin-top:auto;padding-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1);color:var(--text)}.site-footer{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-1);color:var(--text-muted)}.site-footer a{color:var(--text-muted);text-decoration:none;transition:color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .site-footer a:hover{color:var(--primary)}.social{display:flex;gap:var(--space-2);flex-wrap:wrap}.footer-right{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media(max-width:809.98px){.shell{padding:var(--space-3) var(--space-3) var(--section)}.site-nav{margin-bottom:var(--space-5)}.section-head{margin-top:var(--space-5)}.card.close-card{margin-top:var(--section)}.grid{grid-template-columns:1fr}.nav-right{gap:var(--space-2)}.nav-right kbd{display:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.case-header{margin-bottom:var(--section)}.case-header h1{font:var(--type-display);margin:0 0 var(--space-4)}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--space-7),1fr));gap:var(--space-1);background:var(--line);border:var(--border-width) solid var(--line)}.case-meta>div{background:var(--page);padding:var(--space-2)}.case-meta dt{font:var(--type-meta);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-muted);margin:0 0 var(--space-1)}.case-meta dd{margin:0;font:var(--type-body);color:var(--text)}.prose{max-width:var(--measure);font:var(--type-body);color:var(--text)}.prose h2{font:var(--type-section);color:var(--text);margin:var(--space-5) 0 var(--space-2)}.prose h3{font:var(--type-support);color:var(--text);margin:var(--space-4) 0 var(--space-1)}.prose p{margin:0 0 var(--space-3)}.prose strong{color:var(--text)}.prose a{color:var(--primary);text-decoration:none;border-bottom:var(--border-width) solid var(--line);transition:border-color var(--duration) ease-out,color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .prose a:hover{border-color:var(--primary);color:var(--primary-hover)}.prose ul,.prose ol{margin:0 0 var(--space-3);padding-left:var(--space-3)}.prose li{margin-bottom:var(--space-1)}.prose blockquote{margin:var(--space-4) 0;padding:0 0 0 var(--space-3);border-left:var(--border-width) solid var(--line);font:var(--type-body);color:var(--text)}.prose code{font:var(--type-meta);padding:0 var(--space-1);background:var(--surface);border:var(--border-width) solid var(--line)}.prose pre{margin:0 0 var(--space-3);padding:var(--space-2);background:var(--surface);border:var(--border-width) solid var(--line);overflow-x:auto}.prose pre code{padding:0;background:none;border:none;font:var(--type-meta)}.figure{position:relative;margin:var(--space-4) 0;padding:var(--space-1);background:var(--surface);border:var(--border-width) solid var(--line)}.figure img,.figure video{display:block;width:100%;height:auto}.figure figcaption{font:var(--type-meta);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-muted);padding:var(--space-1) 0 0}.figure.wide{max-width:none}.metric{margin:var(--space-4) 0;max-width:var(--measure-title)}.metric .bar{display:flex;gap:var(--space-1);margin-bottom:var(--space-1)}.metric .bar span{flex:1;height:var(--space-1);background:var(--line)}.metric .bar span.on{background:var(--primary)}.metric .cap{font:var(--type-meta);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-muted)}.case-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--section)}.case-nav .card{padding:var(--space-3);gap:var(--space-1)}.case-nav .dir{font:var(--type-meta);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-muted)}.case-nav h4{font:var(--type-title);margin:0;color:var(--text)}.case-nav .next{text-align:left;align-items:flex-start}@media(max-width:809.98px){.case-nav{grid-template-columns:1fr}}.view{display:block}@keyframes ed-page-leave{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(-1 * var(--space-4)));opacity:0}}@keyframes ed-page-enter{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation:ed-page-leave var(--duration-slow) ease-out both}::view-transition-new(root){animation:ed-page-enter var(--duration-slow) ease-out both}.view.is-entering>*{opacity:0;transform:translateY(var(--space-3))}.view.is-entered>*{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) ease-out,transform var(--duration-slow) ease-out}.view.is-entering .grid>*,.view.is-entering .work-head{opacity:0;transform:translateY(var(--space-3))}.view.is-entered .grid>*,.view.is-entered .work-head{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) ease-out,transform var(--duration-slow) ease-out}.more-row{display:flex;justify-content:center;margin-top:var(--space-3)}.work-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-3)}.work-head :is(h1,h2){margin:0}.back-row{margin-bottom:var(--space-4)}.back{color:var(--text-muted);text-decoration:none;cursor:pointer;transition:border-color var(--duration) ease-out,background var(--duration) ease-out,color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .back:hover{border-color:var(--primary);color:var(--text)}button.btn{cursor:pointer}@media(prefers-reduced-motion:reduce){.view.is-leaving,.view.is-entering>*,.view.is-entered>*,.view.is-entering .grid>*,.view.is-entered .grid>*{transform:none!important;opacity:1!important}}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start;margin-bottom:var(--space-4)}.prose .lead{color:var(--text)}.portrait{margin:0;padding:var(--space-1);position:relative;background:var(--surface);border:var(--border-width) solid var(--line)}.portrait img{display:block;width:100%;height:auto}.about-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-5)}.view-work-card{cursor:pointer}.view-work-card .close-line{margin:0}@media(max-width:809.98px){.about-layout{grid-template-columns:1fr}}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;color:var(--text-muted);cursor:pointer;transition:color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .theme-toggle:hover{color:var(--text)}.switch{position:relative;flex:none;width:var(--space-4);height:var(--space-2);background:var(--surface);border:var(--border-width) solid var(--line);transition:background var(--duration) ease-out,border-color var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .theme-toggle:hover .switch{border-color:var(--primary)}.switch:after{content:"";position:absolute;inset:0;margin:auto;width:var(--space-1);height:var(--space-1);background:var(--primary);transform:translate(calc((var(--space-4) - var(--space-1) - var(--border-width) * 2) / 2));transition:transform var(--duration) ease-out,background var(--duration) ease-out}[data-theme=dark] .switch:after{background:var(--text-muted);transform:translate(calc((var(--space-4) - var(--space-1) - var(--border-width) * 2) / -2))}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}.figure a{display:block;border-bottom:none;text-decoration:none}.figure a:focus-visible{outline-offset:0}.case-body .prose{max-width:none}.case-body .prose>p,.case-body .prose>h2,.case-body .prose>h3,.case-body .prose>ul,.case-body .prose>ol,.case-body .prose>pre,.case-body .prose>blockquote,.case-body .prose>.figure{max-width:var(--measure)}.case-body .prose>.figure.wide{max-width:none}.skip-link{position:absolute;left:0;top:0;transform:translateY(-100%);z-index:var(--layer-sticky);padding:var(--space-1) var(--space-2);background:var(--surface);border:var(--border-width) solid var(--line);color:var(--text);text-decoration:none}.skip-link:focus-visible{left:var(--space-1);top:var(--space-1);transform:translateY(0)}.case-body{margin-bottom:var(--space-4)}#field{view-transition-name:field}::view-transition-group(field){animation:none}::view-transition-old(field){display:none}::view-transition-new(field){animation:none}html:has(.about-page){overscroll-behavior-y:none}.about-page .shell{padding-bottom:0}.egg-pocket{position:relative;height:var(--section);overflow:hidden}.egg-play{position:absolute;left:0;right:0;width:fit-content;margin-inline:auto;top:var(--section);transform:translateY(0)}.egg-play,.egg-close{color:var(--text);cursor:pointer;transition:border-color var(--duration) ease-out,background var(--duration) ease-out}:where(html:not(.is-coarse-pointer)) .egg-play:hover,:where(html:not(.is-coarse-pointer)) .egg-close:hover{border-color:var(--primary)}.egg-scrim{position:fixed;inset:0;z-index:var(--layer-overlay);background:var(--page);opacity:0;pointer-events:none}.egg-sheet{position:fixed;inset:0;z-index:var(--layer-overlay);transform:translateY(100%);background:var(--page);border-top:var(--border-width) solid var(--line);display:flex;flex-direction:column}.egg-sheet[hidden]{display:none}.egg-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-bottom:var(--border-width) solid var(--line);color:var(--text-muted)}.egg-status{flex:1;margin:0;color:var(--text-muted)}.egg-canvas{flex:1;width:100%;display:block;touch-action:none;color:var(--text);caret-color:var(--line);accent-color:var(--primary)}@media(prefers-reduced-motion:reduce){.about-page .egg-play{transform:translateY(calc(-1 * var(--section)))}}.card.close-card:not([href]):not([data-href]){cursor:default}.resume-icon{width:var(--space-2);height:var(--space-2);flex:none}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
