@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dg_dQHbK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-normal-Czevyj-6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-normal-DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-italic-DxWqP7Ku.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-italic-CGbN9UgK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-italic-lSdLDfvT.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display:"Fraunces Variable", Georgia, "Times New Roman", serif;--font-body:"Geist Variable", "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--size-name:clamp(3.2rem, 9vw, 7.5rem);--size-heading:clamp(2rem, 4.5vw, 3.4rem);--size-body:1rem;--line-body:1.7;--radius-card:14px;--radius-pill:999px;--shadow-nav:0 8px 30px #0000002e;--space-section:clamp(36px, 4.5vw, 64px);--gut:24px;--ease:cubic-bezier(.16, 1, .3, 1);--dur-colour:.25s;--dur-move:.5s;--dur-reveal:.7s;--max-width:1200px;--bg:#f6f4ee;--surface:#fff;--surface-soft:#efece3;--border:#dcd8cc;--border-strong:#bdb8a9;--text:#15171a;--soft:#3a3d40;--muted:#5e625f;--muted-soft:#bdb8a9;--accent:#a84f06;--on-accent:#fff;--status:#1e9e55;--highlight:#8a5a00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#080808;--surface:#111;--surface-soft:#161616;--border:#222224;--border-strong:#353537;--text:#efeee9;--soft:#c2c1bb;--muted:#86857f;--muted-soft:#5c5b56;--accent:#f2a65a;--on-accent:#080808;--status:#6fd88f;--highlight:#f2c94c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--line-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--dur-colour) var(--ease), color var(--dur-colour) var(--ease);overflow-x:hidden}#root{z-index:1;position:relative}a{color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:min(100% - var(--gut) * 2, var(--max-width));margin-inline:auto}.section{padding:var(--space-section) 0;position:relative}.grid-12{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}@media (width<=680px){.container{width:min(100% - 36px, var(--max-width))}}.section-label{color:var(--accent);font-family:var(--font-mono);margin-bottom:.8rem;font-size:.8rem;font-weight:400}.section-rule{background:var(--border);height:1px;margin-bottom:clamp(24px,3vw,40px)}.reveal{transition:opacity var(--dur-reveal) var(--ease), transform var(--dur-reveal) var(--ease);transition-delay:calc(var(--i,0) * 70ms)}.js .reveal:not(.is-visible){opacity:0;transform:translateY(16px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.15s!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js .reveal:not(.is-visible){transform:none}}@media print{.reveal{opacity:1!important;transform:none!important}.nms-box{display:none!important}}.nms-box{z-index:40;border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);pointer-events:none;position:absolute}.nms-box--winner{border-color:var(--accent)}.nms-tag{background:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--on-accent);font-family:var(--font-mono);white-space:nowrap;padding:1px 6px;font-size:10.5px;line-height:1.4;position:absolute;bottom:calc(100% + 2px);left:-1px}.nms-box--winner .nms-tag{background:var(--accent)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-pill);width:34px;height:34px;color:var(--text);cursor:pointer;transition:border-color var(--dur-colour) var(--ease), color var(--dur-colour) var(--ease);background:0 0;flex-shrink:0;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:16px;height:16px;transition:opacity var(--dur-colour) var(--ease), transform var(--dur-move) var(--ease);grid-area:1/1}.theme-toggle-sun{opacity:0;transform:rotate(-45deg)scale(.6)}:root[data-theme=dark] .theme-toggle-sun{opacity:1;transform:none}:root[data-theme=dark] .theme-toggle-moon{opacity:0;transform:rotate(45deg)scale(.6)}.nav{z-index:50;pointer-events:none;transition:transform var(--dur-move) var(--ease);justify-content:center;padding-inline:14px;display:flex;position:fixed;top:14px;left:0;right:0}.nav.is-hidden{transform:translateY(calc(-100% - 20px))}.nav-pill{z-index:2;border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 85%, transparent);max-width:100%;box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(14px);pointer-events:auto;transition:background-color var(--dur-colour) var(--ease), border-color var(--dur-colour) var(--ease);align-items:center;gap:18px;padding:6px 6px 6px 18px;display:flex;position:relative}.nav-brand{color:var(--text);font-family:var(--font-mono);letter-spacing:-.02em;flex-shrink:0;font-size:13.5px;font-weight:500;text-decoration:none}.nav-brand span{color:var(--accent)}.nav-links{font-family:var(--font-mono);font-size:12.5px;display:flex;position:relative}.nav-marker{border-radius:var(--radius-pill);background:var(--surface-soft);clip-path:inset(0 100% 0 0 round 999px);opacity:0;transition:clip-path var(--dur-move) var(--ease), opacity var(--dur-colour) var(--ease);position:absolute;inset:0}.nav-marker.is-shown{opacity:1}.nav-links a{border-radius:var(--radius-pill);color:var(--muted);transition:color var(--dur-colour) var(--ease);padding:7px 13px;text-decoration:none;position:relative}.nav-links a:hover,.nav-links a.is-active{color:var(--text)}.nav-time{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0;font-size:12px}.nav-time span{color:var(--text)}.nav-menu-button{display:none}.nav-sheet{z-index:1;background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-move) var(--ease), visibility 0s linear var(--dur-move);flex-direction:column;justify-content:space-between;padding:110px 28px 40px;display:flex;position:fixed;inset:0}.nav.is-menu-open .nav-sheet{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--dur-move) var(--ease)}.nav-sheet li{overflow:hidden}.nav-sheet a{color:var(--text);font-family:var(--font-display);letter-spacing:-.03em;transition:transform var(--dur-move) var(--ease);padding:6px 0;font-size:clamp(2.4rem,11vw,3.6rem);line-height:1.1;text-decoration:none;display:inline-block;transform:translateY(100%)}.nav.is-menu-open .nav-sheet a{transition-delay:calc(80ms + var(--i,0) * 60ms);transform:none}.nav-sheet a:hover{color:var(--accent)}.nav-sheet-close{border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);cursor:pointer;background:0 0;align-self:flex-start;padding:8px 16px;font-size:13px}@media (width<=899.98px){.nav-pill{justify-content:space-between;gap:10px;width:100%;padding-left:16px}.nav-links,.nav-time{display:none}.nav-brand{margin-right:auto}.nav-menu-button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--text);color:var(--bg);font-family:var(--font-mono);cursor:pointer;padding:7px 14px;font-size:12.5px;display:block}}@media (width>=900px){.nav-sheet{display:none}}.scroll-progress{z-index:100;background:var(--accent);transform-origin:0;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.hero{padding:clamp(86px,8vw,92px) 0 clamp(24px,3vw,40px);position:relative}.hero-grid{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:48px;display:grid}.hero-main{grid-column:1/9;min-width:0}.hero-card{grid-column:9/13}.js .hero-word-inner{animation:hero-rise var(--dur-reveal) var(--ease) backwards;animation-delay:calc(80ms + var(--w,0) * 80ms)}.js .hero-fade{animation:hero-fade var(--dur-reveal) var(--ease) backwards;animation-delay:calc(.36s + var(--s,0) * 90ms)}@keyframes hero-rise{0%{transform:translateY(105%)}}@keyframes hero-fade{0%{opacity:0;transform:translateY(14px)}}.hero-meta{display:none}@media (width<=899.98px){.hero-meta{display:flex}}.hero-meta{color:var(--muted);font-family:var(--font-mono);flex-wrap:wrap;gap:8px;font-size:12.5px}.hero-name{color:var(--text);font-family:var(--font-display);font-size:var(--size-name);letter-spacing:-.045em;margin:34px 0 0 -.04em;font-weight:400;line-height:.95}.hero-word{vertical-align:top;padding-bottom:.08em;display:inline-block;overflow:hidden}.hero-word-inner{display:inline-block}.hero-tagline{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;margin-top:34px;font-size:clamp(1.45rem,2.6vw,2.2rem);font-weight:400;line-height:1.2}.hero-accent{color:var(--accent);font-style:italic}.hero-note{max-width:36rem;color:var(--muted);margin-top:14px;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3vw,40px);display:flex}.hero-button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);font-family:var(--font-mono);transition:translate var(--dur-move) var(--ease), background-color var(--dur-colour) var(--ease), border-color var(--dur-colour) var(--ease), color var(--dur-colour) var(--ease);padding:12px 22px;font-size:13.5px;text-decoration:none}.hero-button:hover{border-color:var(--text)}.hero-button--primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.hero-button--primary:hover{border-color:var(--text);background:var(--text);color:var(--bg)}.hero-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:8px 20px}.hero-row{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.hero-row+.hero-row{border-top:1px solid var(--border)}.hero-row dt{color:var(--muted);font-family:var(--font-mono);font-size:12px;line-height:1.7}.hero-row dd{color:var(--text);font-size:14.5px;line-height:1.55}.hero-row-link{color:var(--accent);text-underline-offset:3px;transition:text-decoration-color var(--dur-colour) var(--ease);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.hero-row-link:hover,.hero-row-link:focus-visible{text-decoration-color:currentColor}.hero-status-dot{vertical-align:.08em;background:var(--status);width:7px;height:7px;animation:hero-pulse 2.4s var(--ease) infinite;border-radius:50%;margin-right:8px;display:inline-block}@keyframes hero-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--status) 45%, transparent)}60%{box-shadow:0 0 0 6px color-mix(in srgb, var(--status) 0%, transparent)}}.detect-box{z-index:2;border:1px solid var(--accent);pointer-events:none;animation:detect-box 2.6s var(--ease) forwards;border-radius:4px;position:absolute}.detect-label{background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);white-space:nowrap;border-radius:3px;padding:1px 6px;font-size:10.5px;line-height:1.4;position:absolute;bottom:calc(100% + 3px);left:-1px}@keyframes detect-box{0%{opacity:0;transform:scale(1.04)}15%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (width<=1000px){.hero-main,.hero-card{grid-column:1/-1}.hero-card{max-width:30rem}}@media (prefers-reduced-motion:reduce){.hero-status-dot{animation:none}}@media print{.detect-box{display:none!important}}.section-header{max-width:46rem;margin-bottom:48px}.section-header-label{color:var(--accent);font-family:var(--font-mono);font-size:12.5px;font-weight:400}.section-header-title{color:var(--text);font-family:var(--font-display);font-size:var(--size-heading);letter-spacing:-.03em;margin-top:30px;font-weight:400;line-height:1.05}.section-header-sub{max-width:68ch;color:var(--muted);margin-top:16px}.project-thumb{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);background:var(--bg);width:100%;height:auto;transition:opacity .4s var(--ease);display:block}.js img.project-thumb:not(.is-loaded){opacity:0}.project-thumb--code{background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), var(--bg);flex-direction:column;justify-content:center;gap:12px;padding:clamp(16px,4%,32px);display:flex;overflow:hidden}.project-thumb-file{color:var(--muted);font-family:var(--font-mono);font-size:11px}.project-thumb--code pre{color:var(--soft);font:12px/1.7 var(--font-mono);white-space:pre;margin:0;overflow:hidden}.chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--soft);font-family:var(--font-mono);white-space:nowrap;padding:3px 10px;font-size:12px;line-height:1.5;display:inline-block}.tech-list{flex-wrap:wrap;gap:6px;display:flex}.tech-list--one-row{flex-wrap:nowrap;overflow:hidden}.ps-split{grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:start;gap:40px;display:grid}.ps-nav{position:relative}.ps-indicator{z-index:1;background:var(--accent);transform-origin:top;opacity:0;width:2px;height:1px;transition:transform .55s var(--ease);position:absolute;top:0;left:0}.ps-indicator.is-placed{opacity:1}.ps-group+.ps-group{margin-top:22px}.ps-group-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;margin:0 0 6px 20px;font-size:11.5px}.ps-select{text-align:left;cursor:pointer;width:100%;transition:background-color var(--dur-colour) var(--ease);background:0 0;border:0;flex-direction:column;gap:2px;padding:11px 16px 11px 20px;display:flex}.ps-select:hover{background:var(--surface-soft)}.ps-select:focus-visible{outline-offset:-2px;border-radius:0}.ps-index{color:var(--muted);font-family:var(--font-mono);transition:color var(--dur-colour) var(--ease);font-size:11.5px}.ps-title{color:var(--muted);font-family:var(--font-display);letter-spacing:-.02em;transition:color var(--dur-colour) var(--ease), transform var(--dur-move) var(--ease);font-size:clamp(17px,1.6vw,20px);line-height:1.25}.ps-tech{color:var(--muted);font-family:var(--font-mono);font-size:11.5px}.ps-select:hover .ps-title{color:var(--soft)}.ps-item.is-active .ps-index{color:var(--accent)}.ps-item.is-active .ps-title{color:var(--text);transform:translate(4px)}.ps-progress{background:var(--border);height:1px;display:block;overflow:hidden}.ps-fill{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ps-stage{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;gap:12px;height:min(640px,100vh - 140px);padding:14px 16px 16px;display:flex;position:sticky;top:96px}.ps-slides{flex:1;min-height:0;display:grid}.ps-preview--stage{opacity:0;pointer-events:none;flex-direction:column;grid-area:1/1;gap:14px;min-height:0;display:flex}.ps-preview--stage.is-active{z-index:1;opacity:1;pointer-events:auto}.js .ps-preview--stage.is-leaving{animation:ps-leave .25s var(--ease) both}.js .ps-preview--stage.is-active{animation:ps-enter .55s var(--ease) both}.js .ps-preview--stage.is-active .ps-wipe{animation:ps-wipe var(--dur-reveal) var(--ease) both}.js .ps-preview--stage.is-active .ps-settle{animation:ps-settle var(--dur-reveal) var(--ease) both}@keyframes ps-leave{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(var(--dir,1) * -24px))}}@keyframes ps-enter{0%{opacity:0;transform:translateY(calc(var(--dir,1) * 24px))}}@keyframes ps-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ps-settle{0%{transform:scale(1.04)}}.ps-controls{justify-content:flex-end;align-items:center;gap:14px;display:flex}.ps-count{--line:1.15em;color:var(--muted);font-family:var(--font-mono);font-size:22px;line-height:var(--line);font-variant-numeric:tabular-nums;align-items:flex-end;display:flex}.ps-count-roll{height:var(--line);color:var(--text);overflow:hidden}.ps-count-strip{transform:translateY(calc(var(--n,0) * var(--line) * -1));transition:transform var(--dur-move) var(--ease);flex-direction:column;display:flex}.ps-count-strip span{height:var(--line)}.ps-count-total{white-space:pre;font-size:14px;line-height:1.9}.ps-arrows{gap:6px;display:flex}.ps-arrows button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;width:34px;height:34px;transition:border-color var(--dur-colour) var(--ease), color var(--dur-colour) var(--ease);background:0 0;place-items:center;display:grid}.ps-arrows button:hover{border-color:var(--accent);color:var(--accent)}.ps-arrows svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:15px;height:15px}.ps-window{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-soft);min-height:0;color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex;overflow:hidden}.ps-window-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;height:28px;padding:0 12px;display:flex}.ps-window-dots{background:var(--border-strong);width:7px;height:7px;box-shadow:11px 0 0 var(--border-strong), 22px 0 0 var(--border-strong);border-radius:50%;margin-right:16px}.ps-window-id{color:var(--muted);font-family:var(--font-mono);font-size:11.5px}.ps-window-body{flex:1;min-height:0;padding:16px;display:flex}.ps-wipe,.ps-settle{flex:1;min-width:0;min-height:0;display:flex}.ps-window .project-thumb{aspect-ratio:auto;background:0 0;border:0;width:100%;height:100%}.ps-window img.project-thumb{object-fit:contain}.ps-text{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.ps-team{color:var(--accent);font-family:var(--font-mono);font-size:11.5px}.ps-preview h3{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(19px,1.8vw,24px);font-weight:400;line-height:1.2}.ps-preview h3 a{color:var(--text);transition:color var(--dur-colour) var(--ease);text-decoration:none}.ps-preview h3 a:hover{color:var(--accent)}.ps-what{max-width:68ch;color:var(--soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.ps-links{font-family:var(--font-mono);flex-wrap:wrap;gap:6px 18px;font-size:12.5px;display:flex}.ps-links a{border-bottom:1px solid var(--border-strong);color:var(--text);transition:color var(--dur-colour) var(--ease), border-color var(--dur-colour) var(--ease);padding-bottom:2px;text-decoration:none}.ps-links a:hover{border-color:var(--accent);color:var(--accent)}.ps-gallery{display:none}@media (width<=899.98px){.ps-split{display:none}.ps-gallery{display:block}.ps-gallery .ps-controls{justify-content:space-between;margin-bottom:12px}.ps-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:14px;display:flex;position:relative;overflow-x:auto}.ps-scroller::-webkit-scrollbar{display:none}.ps-scroller:before,.ps-scroller:after{content:"";flex:0 0 calc(9% - 14px)}.ps-card{scroll-snap-align:center;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);opacity:.45;transition:opacity var(--dur-move) var(--ease), transform var(--dur-move) var(--ease);flex:0 0 82%;padding:12px;transform:scale(.92)}.ps-card.is-centered{opacity:1;transform:none}.ps-preview--card{flex-direction:column;gap:14px;display:flex}.ps-preview--card .ps-window-body{aspect-ratio:16/10}}@media (prefers-reduced-motion:reduce){.ps-progress{display:none}.js .ps-preview--stage.is-leaving,.js .ps-preview--stage.is-active,.js .ps-preview--stage.is-active .ps-wipe,.js .ps-preview--stage.is-active .ps-settle{animation:none}.ps-title,.ps-item.is-active .ps-title,.ps-card,.ps-card.is-centered{transform:none}.ps-count-strip,.ps-indicator{transition:none}}.tl{--when:220px;--col-gap:32px;--line-x:calc(var(--when) + var(--col-gap));position:relative}.tl-line{top:6px;bottom:0;left:var(--line-x);background:var(--border);width:1px;position:absolute}.tl-fill{background:var(--accent);transform-origin:top;position:absolute;inset:0}@supports (animation-timeline:view()){.tl{view-timeline:--timeline block}.tl-fill{animation:linear both tl-draw;animation-timeline:--timeline;animation-range:entry 30% exit 60%}}@keyframes tl-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.tl-role{grid-template-columns:var(--when) minmax(0, 1fr);column-gap:calc(var(--col-gap) * 2 + 1px);display:grid;position:relative}.tl-role+.tl-role{margin-top:clamp(32px,4vw,48px)}.tl-when{align-self:start;position:sticky;top:96px}.tl-when time{color:var(--soft);font-family:var(--font-mono);font-size:13px;display:block}.tl-when p{color:var(--muted);font-family:var(--font-mono);margin-top:4px;font-size:12.5px}.tl-dot{top:6px;left:calc(var(--line-x) - 5px);border:1px solid var(--border-strong);background:var(--bg);width:11px;height:11px;transition:background-color var(--dur-colour) var(--ease), border-color var(--dur-colour) var(--ease);border-radius:50%;position:absolute}.tl-role.is-reached .tl-dot{border-color:var(--accent);background:var(--accent)}.tl-main{max-width:68ch}.tl-company{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.6rem;font-weight:400;line-height:1.15}.tl-location{color:var(--muted);margin-top:2px;font-size:.95rem}.tl-summary{color:var(--soft);margin-top:12px}.tl-points{color:var(--soft);gap:8px;margin-top:12px;display:grid}.tl-points li{padding-left:18px;position:relative}.tl-points li:before{background:var(--muted);content:"";width:8px;height:1px;position:absolute;top:.8em;left:0}.tl-more{transition:grid-template-rows var(--dur-move) var(--ease);grid-template-rows:1fr;display:grid}.tl-more-inner{min-height:0;overflow:hidden}.js .tl-more:not(.is-open){grid-template-rows:0fr}.js .tl-more:not(.is-open) .tl-more-inner{visibility:hidden;transition:visibility 0s linear var(--dur-move)}.tl-toggle{display:none}.js .tl-toggle{border:0;border-bottom:1px solid var(--border-strong);color:var(--text);font-family:var(--font-mono);cursor:pointer;transition:color var(--dur-colour) var(--ease), border-color var(--dur-colour) var(--ease);background:0 0;margin-top:12px;padding:0 0 2px;font-size:12.5px;display:inline-block}.tl-toggle:hover{border-color:var(--accent);color:var(--accent)}.tl-stack{margin-top:16px}@media (width<=760px){.tl{--line-x:5px}.tl-role{grid-template-columns:1fr;padding-left:32px}.tl-when{margin-bottom:10px;position:static}.tl-dot{top:4px}}@media (prefers-reduced-motion:reduce){.tl-fill{animation:none}}.edu-list{gap:var(--gut);display:grid}@media (width>=800px){.edu-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.edu-slot{display:grid}.edu-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);transition:border-color var(--dur-colour) var(--ease);padding:24px}.edu-card:hover{border-color:var(--accent)}.edu-card h3{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.4rem;font-weight:400;line-height:1.2}.edu-meta{color:var(--muted);font-family:var(--font-mono);margin-top:8px;font-size:12.5px;line-height:1.6}.edu-card ul{color:var(--soft);gap:6px;margin-top:16px;display:grid}.edu-card li{padding-left:18px;position:relative}.edu-card li:before{background:var(--muted);content:"";width:8px;height:1px;position:absolute;top:.8em;left:0}.hello-about{max-width:68ch}.hello-skills{margin-top:48px}.hello-about .k,.hello-skills .k{border-bottom:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);margin-bottom:14px;padding-bottom:8px;font-size:12px}.hello-skills .k{font-weight:400}.hello-lead{color:var(--text);font-size:1.125rem;line-height:1.6}.hello-sub{color:var(--soft);margin-top:12px}.credits{column-gap:var(--gut);border-top:1px solid var(--border-strong);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:32px;margin-top:clamp(28px,3.4vw,48px);padding-top:18px;display:grid}.cr-say{grid-column:1/7}.cr-links{grid-column:7/9}.cr-resume{grid-column:9/13}.cr .k{color:var(--muted);font-family:var(--font-mono);margin-bottom:8px;font-size:11.5px}.sign-sub{max-width:68ch;color:var(--soft)}.mail-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;display:flex}.email-link{border-bottom:1px solid var(--border-strong);color:var(--text);font-family:var(--font-mono);letter-spacing:-.03em;overflow-wrap:anywhere;transition:border-color var(--dur-colour) var(--ease), color var(--dur-colour) var(--ease);padding-bottom:3px;font-size:15px;text-decoration:none}.email-link:hover{border-color:var(--accent);color:var(--accent)}.copy{color:var(--muted);font-family:var(--font-mono);cursor:pointer;transition:color var(--dur-colour) var(--ease);background:0 0;border:0;padding:2px 0;font-size:11px}.copy:hover{color:var(--accent)}.socials{font-family:var(--font-mono);gap:8px;margin:8px 0 0;font-size:12.5px;display:grid}.socials a{color:var(--soft);transition:color var(--dur-colour) var(--ease), transform var(--dur-move) var(--ease);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.social-icon{width:14px;height:14px}.socials a:hover{color:var(--accent);transform:translate(4px)}.resume-link{margin-top:14px;display:inline-block}@media (width<=700px){.cr-say,.cr-links,.cr-resume{grid-column:1/-1}}.arch{margin:0}.arch-scroll{border:1px solid var(--border);background:var(--surface);overflow-x:auto}.arch-svg{width:100%;min-width:760px;height:auto;font-family:var(--font-mono);display:block}.arch-group rect{fill:none;stroke:var(--border-strong);stroke-dasharray:3 4}.arch-group text{fill:var(--muted);font-size:11px}.arch-edge line{stroke:var(--muted);stroke-width:1px;transition:stroke .2s var(--ease), opacity .2s var(--ease)}.arch-edge.is-dashed line{stroke-dasharray:4 4}.arch-edge text{fill:var(--muted);font-size:11px}.arch-arrow{fill:var(--muted)}.arch-arrow--on{fill:var(--accent)}.arch-node{cursor:default;outline:none}.arch-node rect{fill:var(--bg);stroke:var(--border-strong);transition:stroke .2s var(--ease), opacity .2s var(--ease)}.arch-title{fill:var(--text);font-size:13px}.arch-sub{fill:var(--muted);font-size:11px}.has-active .arch-node,.has-active .arch-edge{opacity:.35;transition:opacity .2s var(--ease)}.has-active .arch-node.is-related,.has-active .arch-node.is-active,.has-active .arch-edge.is-on{opacity:1}.arch-node.is-active rect{stroke:var(--accent)}.arch-node:focus-visible rect{stroke:var(--accent);stroke-width:2px}.arch-edge.is-on line{stroke:var(--accent)}.arch figcaption{min-height:3.2em;color:var(--soft);margin-top:10px;font-size:14px;line-height:1.55}.arch figcaption b{color:var(--accent);font-family:var(--font-mono);margin-right:6px;font-size:12.5px;font-weight:400}.case{padding-top:clamp(24px,4vw,56px)}.case-back{color:var(--muted);font-family:var(--font-mono);font-size:12px;text-decoration:none}.case-back:hover{color:var(--accent)}.case-head{max-width:46em;margin-top:clamp(20px,3vw,36px)}.case-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);font-size:clamp(30px,4.6vw,60px);font-weight:500;line-height:1.02}.case-what{color:var(--soft);margin:14px 0 18px;font-size:clamp(16px,1.6vw,19px);line-height:1.45}.case-links{font-family:var(--font-mono);flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:13px;display:flex}.case-links a{border-bottom:1px solid var(--border-strong);color:var(--text);padding-bottom:2px;text-decoration:none}.case-links a:hover{border-color:var(--accent);color:var(--accent)}.case-figure{max-width:960px;margin:clamp(28px,4vw,48px) 0 0}.case-figure figcaption,.case-code figcaption{color:var(--muted);font-family:var(--font-mono);margin-top:8px;font-size:11.5px}.case-notes{gap:0 var(--gut);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(32px,4vw,56px);display:grid}.case-note{border-top:1px solid var(--border);padding-top:14px}.case-note dt{color:var(--muted);font-family:var(--font-mono);font-size:11.5px}.case-note dd{color:var(--soft);margin-top:6px;font-size:15px;line-height:1.6}.case-note--proof{grid-column:1/-1;margin-top:28px}.case-note--proof dd{max-width:46em;color:var(--text);font-size:17px}.case-aside{color:var(--muted);font-family:var(--font-display);margin-top:18px;font-size:16px;font-style:italic;font-weight:300}.case-section{margin-top:clamp(36px,5vw,64px)}.case-section-title{color:var(--accent);font-family:var(--font-mono);margin-bottom:12px;font-size:.8rem;font-weight:400}.case-code{border:1px solid var(--border);background:var(--surface);margin:clamp(28px,4vw,44px) 0 0;padding:16px 18px;overflow-x:auto}.case-code figcaption{margin:0 0 10px}.case-code pre{color:var(--soft);font:12.5px/1.7 var(--font-mono);margin:0}.case-next{border-top:1px solid var(--border-strong);flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-top:clamp(40px,5vw,72px);padding-top:16px;display:flex}.case-next .k{color:var(--muted);font-family:var(--font-mono);font-size:11.5px}.case-next a{color:var(--text);font-family:var(--font-mono);font-size:clamp(15px,1.6vw,20px);text-decoration:none}.case-next a:hover{color:var(--accent)}@media (width<=900px){.case-notes{grid-template-columns:1fr;gap:18px}.case-note--proof{margin-top:10px}}.footer{border-top:1px solid var(--border);text-align:center;font-family:var(--font-mono);color:var(--muted);padding:1.6rem 0;font-size:.78rem}