:root{--color-paper: oklch(12% .004 250);--color-paper-2: oklch(16% .004 250);--color-paper-3: oklch(20% .005 250);--color-rule: oklch(28% .006 250);--color-ink: oklch(96% .003 250);--color-ink-2: oklch(72% .004 250);--color-ink-3: oklch(50% .005 250);--color-accent: oklch(96% .003 250);--color-accent-ink: oklch(12% .004 250);--color-focus: oklch(85% .006 250);--color-danger: oklch(68% .17 25);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-3xl: 3.0518rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--space-4xl: 6rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--rule-hairline: 1px;--measure: 65ch}html{overflow-x:clip}body{overflow-x:clip;background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-weight:400;font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.03em}p{max-width:var(--measure)}a{color:inherit}::-moz-selection{background:var(--color-accent);color:var(--color-accent-ink)}::selection{background:var(--color-accent);color:var(--color-accent-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{color-scheme:dark;font-synthesis:none}body{min-width:320px;min-height:100vh}.nav-edge{width:100%;max-width:840px;margin:0 auto;padding:var(--space-lg) clamp(1rem,4vw,1.5rem);display:flex;align-items:center;justify-content:space-between}.nav-edge__wordmark{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-decoration:none;color:var(--color-ink);transition:opacity var(--dur-fast) var(--ease-out);min-height:44px;display:inline-flex;align-items:center}.nav-edge__wordmark:hover,.nav-edge__wordmark:focus-visible{opacity:.6}.nav-edge__cta{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-decoration:none;color:var(--color-ink-2);min-height:44px;display:inline-flex;align-items:center;transition:color var(--dur-fast) var(--ease-out)}.nav-edge__cta:hover,.nav-edge__cta:focus-visible{color:var(--color-accent)}.foot-stmt{margin-top:var(--space-4xl)}.foot-stmt__inner{width:100%;max-width:840px;margin:0 auto;padding:var(--space-2xl) clamp(1rem,4vw,1.5rem) var(--space-xl);display:grid;gap:var(--space-lg)}.foot-stmt__line{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;line-height:1.05;letter-spacing:-.03em;max-width:20ch;color:var(--color-ink)}.foot-stmt__meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-sm) var(--space-lg);padding-block-start:var(--space-sm);border-top:var(--rule-hairline) solid var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-3)}.foot-stmt__wordmark{font-family:var(--font-mono)}.foot-stmt__links a{color:var(--color-ink-3);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.foot-stmt__links a:hover{color:var(--color-accent)}.home{min-height:100vh;display:flex;flex-direction:column}.home__main{max-width:840px;width:100%;margin:0 auto;padding:var(--space-xl) clamp(1rem,4vw,1.5rem) var(--space-2xl);flex:1}.home__intro{margin-bottom:var(--space-3xl)}.home__intro-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.home__avatar{width:96px;height:96px;border-radius:var(--radius-lg);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.home__name{font-size:var(--text-3xl);color:var(--color-ink);margin-bottom:var(--space-2xs)}.home__role{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-3)}.home__intro p{color:var(--color-ink-2);font-size:var(--text-md);line-height:1.65}.home__section{margin-bottom:var(--space-3xl)}.home__section-title{font-size:var(--text-xl);color:var(--color-ink);margin-bottom:var(--space-lg)}.row-list{list-style:none;border-top:var(--rule-hairline) solid var(--color-rule)}.row-list__item{border-bottom:var(--rule-hairline) solid var(--color-rule)}.row-list__link{display:flex;align-items:center;gap:var(--space-lg);padding-block:var(--space-lg);text-decoration:none;color:inherit;outline-offset:4px;transition:opacity var(--dur-fast) var(--ease-out)}.row-list__link:hover,.row-list__link:focus-visible{opacity:.6}.row-list__icon{width:40px;height:40px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.row-list__text{flex:1;min-width:0}.row-list__date{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-3);margin-bottom:var(--space-2xs)}.row-list__title{font-size:var(--text-md);color:var(--color-ink);margin-bottom:var(--space-2xs)}.row-list__description{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.5}.row-list__arrow{font-family:var(--font-mono);color:var(--color-ink-3);flex-shrink:0;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.row-list__link:hover .row-list__arrow,.row-list__link:focus-visible .row-list__arrow{color:var(--color-ink);transform:translate(3px)}.row-list__link--all{justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-2)}@media (max-width: 40rem){.home__avatar{width:72px;height:72px}.home__name{font-size:var(--text-2xl)}.row-list__link{gap:var(--space-md);align-items:flex-start}.row-list__arrow{display:none}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;background-color:#121212;font-family:Nunito,sans-serif}.content-wrapper{width:100%;max-width:600px;margin:0 auto;align-items:flex-start;justify-self:start}#root{width:100%}.portfolio-container{max-width:800px;width:100%;margin:0 auto;padding:1rem 2rem;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.avatar-bg{width:140px;height:140px;border-radius:12px;background-image:url(/assets/avatar-CCoIHzYA.jpg);background-size:400%;background-position:42% 45%;background-repeat:no-repeat;border:1px solid #2c2c2c}.desktop-name{display:flex;flex-direction:column;align-items:flex-start}.mobile-name{display:none}.main-title{font-size:2rem;font-weight:600;margin-bottom:1rem}.subtitle{font-size:1rem;color:#bbb;max-width:600px;line-height:1.6;margin:0 0 .5rem;text-align:left}.section-title{font-size:1.7rem;font-weight:600;margin:2rem 0 1rem}.section-subtitle{color:#888;font-size:.95rem;margin:-.25rem 0 1.5rem}.profile-row{display:flex;align-items:center;justify-content:flex-start;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.name-text{display:flex;flex-direction:column;align-items:flex-start}.intro-small{font-size:1rem;color:#aaa;margin:0}.name-big{font-size:2rem;font-weight:600;margin:0}.footer{font-size:.75rem;color:#666;margin-top:2rem}.project-card{display:flex;align-items:center;gap:1.5rem;background-color:#111;border-radius:12px;border:.1rem solid #333;padding:1rem 1.25rem;margin:0 auto 2rem;max-width:650px;cursor:pointer;transition:all .25s ease}.project-card:hover{background-color:#191919;transform:translateY(-3px);box-shadow:0 6px 20px #ffffff0a}.project-icon-title{display:flex;flex-direction:column;align-items:center;width:80px;flex-shrink:0}.project-icon{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.project-title{font-size:.95rem;font-weight:600;color:#fff;text-align:center}.project-description{font-size:1.05rem;color:#bbb;line-height:1.5;text-align:left;flex:1}.social-grid{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap;margin-top:1.5rem}.social-card{background-color:#111;border:1px solid #333;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.4rem;color:#aaa;width:50px;height:50px}.social-card:hover{background-color:#191919;color:#fff;transform:scale(1.1)}.github:hover{color:#fff}.linkedin:hover{color:#0e76a8}.twitter:hover{color:#1da1f2}.instagram:hover{color:#e1306c}@media (max-width: 600px){body{overflow-x:hidden}.desktop-name{display:none}.mobile-name{display:flex;flex-wrap:wrap;align-items:center}.mobile-name .intro-small{font-size:1rem;margin:0 0 -.55rem;color:#aaa}.mobile-name .name-big{font-size:2rem;font-weight:600;color:#fff}.portfolio-container{align-items:flex-start;text-align:left}.profile-row{flex-direction:column;align-items:flex-start;gap:1rem}.name-text{align-items:flex-start}.intro-small,.name-big,.subtitle,.section-title,.section-subtitle,.footer{text-align:left}.project-card{flex-direction:column;align-items:flex-start;text-align:left}.project-icon-title{flex-direction:row;align-items:center;gap:1rem;width:100%;justify-content:flex-start}.project-title{font-size:1.2rem;font-weight:600;text-align:left;margin:0}.project-description{text-align:left;padding-top:0!important;font-size:.95rem;line-height:1.4}.social-icons{flex-wrap:wrap;gap:1rem}}.blog{min-height:100vh;display:flex;flex-direction:column}.blog__main{max-width:720px;width:100%;margin:0 auto;padding:var(--space-lg) clamp(1rem,4vw,1.5rem) var(--space-2xl);flex:1}.blog__title{font-size:var(--text-2xl);margin-top:var(--space-md);margin-bottom:var(--space-2xl);color:var(--color-ink)}.blog__empty{color:var(--color-ink-2)}.blog__list{list-style:none}.blog__entry{border-bottom:var(--rule-hairline) solid var(--color-rule)}.blog__entry:first-child{border-top:var(--rule-hairline) solid var(--color-rule)}.blog__entry-link{display:block;text-decoration:none;color:inherit;padding-block:var(--space-lg);transition:opacity var(--dur-fast) var(--ease-out)}.blog__entry-link:hover{opacity:.75}.blog__entry-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-3);letter-spacing:.02em}.blog__entry-title{font-size:var(--text-lg);color:var(--color-ink);margin-block:var(--space-2xs) var(--space-2xs)}.blog__entry-excerpt{font-size:var(--text-sm);color:var(--color-ink-2)}.blog__back{display:flex;width:-moz-fit-content;width:fit-content;font-size:var(--text-sm);color:var(--color-ink-2);text-decoration:none;margin-bottom:var(--space-md);min-height:44px;align-items:center}.blog__back:hover{color:var(--color-accent)}.blog__post-title{font-size:var(--text-2xl);margin-block:var(--space-xs) var(--space-xl);color:var(--color-ink);overflow-wrap:anywhere}.blog__post-body{color:var(--color-ink-2);font-size:var(--text-md);line-height:1.7;max-width:var(--measure)}.blog__post-body>*+*{margin-top:var(--space-md)}.blog__post-body h2{font-size:var(--text-xl);color:var(--color-ink);margin-top:var(--space-xl)}.blog__post-body h3{font-size:var(--text-lg);color:var(--color-ink);margin-top:var(--space-lg)}.blog__post-body a{color:var(--color-accent);text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:2px}.blog__post-body a:hover{text-decoration-color:currentColor}.blog__post-body ul,.blog__post-body ol{padding-left:var(--space-lg)}.blog__post-body code{font-family:var(--font-mono);font-size:.9em;background:var(--color-paper-2);padding:.15em .4em;border-radius:var(--radius-sm)}.blog__post-body pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-paper-2);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto}.blog__post-body pre code{background:none;padding:0}.blog__post-body blockquote{border-left:2px solid var(--color-accent);padding-left:var(--space-md);color:var(--color-ink-2);font-style:italic}