@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}:root{--font-sans:"Inter Variable", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", monospace;--radius:14px;--container:1080px;--bg:#fff;--surface:#f6f6f7;--text:#18181b;--muted:#5f5f6b;--border:#e4e4e7;--accent:#dc2626;--accent-hover:#b91c1c;--accent-soft:#fef2f2;--on-accent:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0b0b0d;--surface:#161619;--text:#f4f4f5;--muted:#a1a1aa;--border:#27272a;--accent:#f87171;--accent-hover:#fca5a5;--accent-soft:#2a1213;--on-accent:#0b0b0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65;transition:background-color .2s,color .2s}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:800}h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700}h3{font-size:1.15rem;font-weight:600}p{margin:0 0 1em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{max-width:var(--container);margin:0 auto;padding:0 1.5rem}.muted{color:var(--muted)}.eyebrow{color:var(--accent);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.8rem}.settings{z-index:10;position:fixed;top:1.25rem;right:1.25rem}.icon-button{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:12px;place-items:center;transition:border-color .15s,color .15s;display:grid;box-shadow:0 4px 16px -8px #00000040}.icon-button:hover,.icon-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .4s}.icon-button[aria-expanded=true] svg{transform:rotate(90deg)}@media (hover:hover) and (pointer:fine){.settings-trigger:hover svg{transform:rotate(90deg)}.settings-trigger[aria-expanded=true] svg{transform:rotate(360deg)}}.settings-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);grid-template-columns:auto auto;align-items:center;gap:.75rem 1rem;padding:1rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 40px -16px #00000059}.settings-panel .label{margin:0}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px;display:flex}.segmented button{color:var(--muted);font:600 .85rem var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:.3rem .75rem}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.dot-nav{z-index:9;position:fixed;top:50%;right:calc(1.25rem + 14px);transform:translateY(-50%)}.dot-nav ol{flex-direction:column;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.dot-nav ol:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;right:5px}.dot-nav a{color:var(--muted);justify-content:flex-end;align-items:center;gap:.75rem;font-size:.85rem;font-weight:600;display:flex}.dot-nav-dot{background:var(--bg);border:2px solid var(--muted);border-radius:50%;flex:none;width:12px;height:12px;transition:transform .3s,background-color .3s,border-color .3s;position:relative}.dot-nav-label{background:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:.1rem .55rem;transition:opacity .25s,transform .25s,color .25s;transform:translate(8px)}.dot-nav a:hover{color:var(--text)}.dot-nav a:hover .dot-nav-dot{border-color:var(--accent)}.dot-nav a:is(:hover,:focus-visible,[aria-current]) .dot-nav-label{opacity:1;transform:none}.dot-nav a[aria-current]{color:var(--accent)}.dot-nav a[aria-current] .dot-nav-dot{background:var(--accent);border-color:var(--accent);transform:scale(1.35)}@media (width<=640px){.snap-section:not(.snap-home),main .page{padding-right:1.25rem}.snap-section:not(.snap-home){padding-top:5rem}.settings{top:.75rem;right:.75rem}.dot-nav{right:1rem}.dot-nav ol{gap:1.25rem}.dot-nav-label{display:none}.dot-nav-dot{width:10px;height:10px}.dot-nav ol:before{right:4px}}.snap-section{flex-direction:column;justify-content:center;min-height:100svh;padding:5rem 0;display:flex}.snap-home{padding:0}.section-title{font-size:clamp(2.2rem,5vw,3.25rem)}.subsection-title{margin-top:4rem;font-size:clamp(1.5rem,3vw,2rem)}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(48px)scale(.97)}.in-view .reveal{opacity:1;transform:none}.in-view .reveal:nth-child(2),.in-view .grid>.reveal:nth-child(2){transition-delay:80ms}.in-view .reveal:nth-child(3),.in-view .grid>.reveal:nth-child(3){transition-delay:.16s}.in-view .reveal:nth-child(4),.in-view .grid>.reveal:nth-child(4){transition-delay:.24s}.in-view .reveal:nth-child(n+5){transition-delay:.32s}@supports (animation-timeline:view()){.snap-home .hero{animation:linear both hero-exit;animation-timeline:view();animation-range:exit exit 80%}@keyframes hero-exit{to{opacity:0;transform:scale(.9)translateY(-6vh)}}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.snap-home .hero{animation:none}}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.button{border:1px solid var(--border);height:44px;color:var(--text);border-radius:10px;align-items:center;padding:0 1.25rem;font-size:.95rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.button:hover{border-color:var(--accent);color:var(--accent)}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.page{padding:4rem 0 5rem}.page>h1{font-size:clamp(2.2rem,5vw,3.25rem)}.section{padding:4.5rem 0 0}.section-subtitle{color:var(--muted);max-width:60ch;margin-bottom:2rem}.hero{grid-template-columns:1fr auto;align-items:center;gap:3rem;min-height:100svh;padding:4rem 0;display:grid}.hero-stack{font-family:var(--font-mono);color:var(--muted);margin-bottom:2rem}.avatar{border:4px solid var(--surface);width:200px;height:200px;box-shadow:0 0 0 1px var(--border);border-radius:50%}.hero-stack-icons{gap:.75rem;display:none}.hero-action .nav-icon{width:22px;height:22px;display:none}@media (width<=640px){.hero-stack-text{display:none}.hero-stack-icons{display:flex}.hero-stack-icons .tile{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;fill:var(--accent);border-radius:12px;padding:10px}.hero-action{border-radius:14px;justify-content:center;width:56px;height:56px;padding:0}.hero-action:not(.button-primary){background:var(--surface);color:var(--accent)}.hero-action:not(.button-primary):is(:hover,:active){border-color:var(--accent)}.hero-action .nav-icon{display:block}.hero-action-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=720px){.hero{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:2rem}.hero .hero-stack-icons,.hero .hero-actions{justify-content:center}.avatar{order:-1;width:112px;height:112px}}.about{grid-template-columns:3fr 2fr;gap:3rem;display:grid}.about p{color:var(--muted)}@media (width<=720px){.about{grid-template-columns:1fr;gap:1.5rem}}.timeline{max-width:720px;margin:0;padding:0;list-style:none}.timeline-item{border-left:2px solid var(--border);padding:0 0 2.5rem 2rem;position:relative}.timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.timeline-item:before{content:"";background:var(--bg);border:2px solid var(--muted);border-radius:50%;width:12px;height:12px;position:absolute;top:.35rem;left:-7px}.timeline-item.current:before{border-color:var(--accent);background:var(--accent)}.timeline-item h3{margin-bottom:.15rem}.timeline-item h3 a{color:var(--text)}.timeline-item h3 a:hover{color:var(--accent)}.timeline-meta{color:var(--muted);margin:0;font-size:.9rem;display:block}.timeline-description{color:var(--muted);margin:.75rem 0 1rem}.timeline-roles{gap:.75rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.timeline-role{font-weight:600;display:block}.tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tags li{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.2rem .65rem;font-size:.78rem;font-weight:500}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{color:var(--text);border-color:var(--accent);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-3px)}.card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.card-body p{color:var(--muted);flex:1;font-size:.95rem}.card:hover h3{color:var(--accent)}.media{aspect-ratio:16/9;background:var(--surface);position:relative;overflow:hidden}.card .media{border-bottom:1px solid var(--border)}.media img{width:100%;height:100%;position:absolute;inset:0}.media-cover img{object-fit:cover}.media-contain img{object-fit:contain;padding:1.5rem}.media-placeholder{letter-spacing:-.04em;color:var(--accent);background:var(--accent-soft);place-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:800;display:grid;position:absolute;inset:0}.back-link{color:var(--muted);margin-bottom:2rem;font-size:.95rem;display:inline-block}.back-link:hover{color:var(--accent)}.project-header{margin-bottom:2.5rem}.project-header .tags{margin-bottom:1.5rem}.lead{color:var(--muted);max-width:65ch;font-size:1.2rem}.project-page>.media{border:1px solid var(--border);border-radius:var(--radius)}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.gallery img{border:1px solid var(--border);border-radius:10px}.not-found{text-align:center;place-content:center;justify-items:center;min-height:100svh;display:grid}