:root{--color-bg: #ffffff;--color-bg-subtle: #fafafa;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-accent: #c53030;--color-accent-hover: #9b2c2c;--color-border: #e5e7eb;--font-sans: "Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--space-6xl: 10rem;--content-width: 60rem;--content-width-wide: 72rem;--transition-fast: .12s ease;--transition-base: .15s ease;--transition-slow: .4s ease}html[data-theme=dark]{--color-bg: #111111;--color-bg-subtle: #1a1a1a;--color-text: #e5e5e5;--color-text-muted: #9ca3af;--color-accent: #ef4444;--color-accent-hover: #f87171;--color-border: #2a2a2a}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--color-bg);display:flex;align-items:center;justify-content:center;pointer-events:all}.page-loader__dot{width:12px;height:12px;background:var(--color-accent);border-radius:50%;animation:dotSequence 1.6s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}.page-loader{animation:loaderFade .4s ease 1.3s forwards}@keyframes dotSequence{0%{transform:scale(1);opacity:1}20%{transform:scale(2.2);opacity:.5}35%{transform:scale(1);opacity:1}55%{transform:scale(2.2);opacity:.5}65%{transform:scale(1);opacity:1}to{transform:scale(180);opacity:0}}@keyframes loaderFade{to{opacity:0;visibility:hidden;pointer-events:none}}.page-loader--done{opacity:0;visibility:hidden;pointer-events:none}.skip-link{position:absolute;top:-100%;left:var(--space-md);background:var(--color-accent);color:#fff!important;padding:var(--space-sm) var(--space-md);border-radius:0 0 6px 6px;font-size:.875rem;font-weight:600;z-index:999;transition:top .2s ease}.skip-link:focus{top:0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site-header{position:sticky;top:0;z-index:50;background:var(--color-bg)}.nav{max-width:var(--content-width-wide);margin:0 auto;padding:var(--space-lg) var(--space-xl);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.nav__logo{font-weight:700;font-size:1.25rem;color:var(--color-text);letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.nav__logo:hover{color:var(--color-text)}.nav__logo-dot{color:var(--color-accent);font-size:2.25rem;line-height:0;position:relative;top:0;left:2px}.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xl)}.nav__list a{color:var(--color-text-muted);font-size:.9375rem;font-weight:500}.nav__list a:hover{color:var(--color-text)}.nav__cv-link{background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:4px 12px;border-radius:6px;font-weight:600;color:var(--color-accent)!important;transition:all var(--transition-fast)}.nav__cv-link:hover{background:var(--color-accent);color:#fff!important;border-color:var(--color-accent)}.nav__list a.nav--active{color:var(--color-accent)}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:var(--space-sm);cursor:pointer;z-index:100}.nav__toggle-line{width:24px;height:2px;background:var(--color-text);transition:all .3s ease;border-radius:2px}.nav__toggle[aria-expanded=true] .nav__toggle-line:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.nav__toggle[aria-expanded=true] .nav__toggle-line:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] .nav__toggle-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.store{display:inline-flex;align-items:center;gap:4px}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:8px;padding:6px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-text)}.theme-toggle__icon{width:18px;height:18px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle--spin .theme-toggle__icon{transform:rotate(360deg) scale(1.15)}.theme-toggle__icon--sun{display:none}html[data-theme=dark] .theme-toggle__icon--sun{display:block}html[data-theme=dark] .theme-toggle__icon--moon,.hero__avatar--dark,html[data-theme=dark] .hero__avatar--light{display:none}html[data-theme=dark] .hero__avatar--dark{display:block}.store .external-icon{stroke:var(--color-accent);opacity:1}.external-icon{width:12px;height:12px;opacity:.6}main{max-width:var(--content-width);margin:0 auto;padding:0}.section{padding:var(--space-xl) 0;position:relative}.section:before{content:"";display:block;width:60px;height:3px;background:var(--color-accent);margin-bottom:var(--space-xl);border-radius:2px}#writing-heading,#freelance-heading{margin-bottom:0}.section__title{font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-xl)}.hero{padding:var(--space-6xl) 0 var(--space-xl);min-height:0}.hero__main{display:grid;grid-template-columns:1fr 400px;gap:var(--space-4xl);align-items:center;margin-bottom:var(--space-2xl)}.hero__content{max-width:600px}.hero__greeting{font-size:1rem;color:var(--color-text-muted);margin:0 0 var(--space-md);font-weight:700}.hero__title{font-size:clamp(3.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 var(--space-xl);color:var(--color-text)}.hero__title-wrapper{position:relative;display:inline-block;font-weight:800;clip-path:inset(0 100% 0 0);animation:nameReveal .8s cubic-bezier(.65,0,.35,1) .3s forwards}@keyframes nameReveal{to{clip-path:inset(0 0% 0 0)}}.hero__title-accent{position:absolute;left:0;bottom:0;width:6.5ch;height:4px;background:var(--color-accent);border-radius:2px;transform:scaleX(0);transform-origin:left;animation:accentGrow .5s ease 1s forwards}@keyframes accentGrow{to{transform:scaleX(1)}}.hero__subtitle{font-size:1.125rem;line-height:1.7;color:var(--color-text-muted);margin:0 0 var(--space-xl)}.hero__actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:0}.hero__cta{display:inline-block;padding:var(--space-md) var(--space-xl);font-weight:600;font-size:.9375rem;border-radius:8px;transition:all var(--transition-fast);text-align:center}.hero__cta--primary{background:var(--color-text);color:var(--color-bg)!important}.hero__cta--primary:hover{background:var(--color-accent);color:var(--color-bg)!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hero__cta--secondary{background:transparent;color:var(--color-text)!important;border:2px solid var(--color-border)}.hero__cta--secondary:hover{border-color:var(--color-accent);color:var(--color-text)!important;transform:translateY(-2px)}.hero__companies{padding-top:var(--space-3xl);border-top:1px solid var(--color-border);text-align:center}.hero__companies-label{font-size:.8125rem;color:var(--color-text-muted);margin:0 0 var(--space-xl);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hero__companies-logos{display:flex;gap:var(--space-3xl);align-items:center;justify-content:center;flex-wrap:wrap}.company-logo{height:32px;width:auto;filter:grayscale(1) opacity(.7);transition:all var(--transition-base)}.company-logo:hover{filter:grayscale(0) opacity(1)}.company-logo--light{display:block}.company-logo--dark,html[data-theme=dark] .company-logo--light{display:none}html[data-theme=dark] .company-logo--dark{display:block;filter:grayscale(1) brightness(1.2) opacity(.7)}html[data-theme=dark] .company-logo--dark:hover{filter:grayscale(0) brightness(1) opacity(1)}.hero__illustration{display:flex;align-items:center;justify-content:center;position:relative}.cv-badge{position:absolute;bottom:-30px;right:-60px;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:10;text-decoration:none}@media (max-width: 1024px){.cv-badge{bottom:5px;right:-5px;transform:scale(.85)}}.cv-badge:hover{transform:scale(1.05);color:var(--color-text)}.cv-badge__text{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;transition:opacity .3s ease,transform .3s ease}.cv-badge:hover .cv-badge__text{animation:spin 12s linear infinite;opacity:1}.cv-badge__icon{width:36px;height:36px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 4px 12px #0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.cv-badge:hover .cv-badge__icon{border-color:var(--color-accent);color:var(--color-accent)}.cv-badge__icon svg{width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.hero__avatar-container{width:380px;height:380px;border-radius:50%;overflow:hidden;position:relative;border:4px solid var(--color-bg-subtle);box-shadow:0 12px 40px #00000026;background:var(--color-bg-subtle)}@media (max-width: 1024px){.hero__avatar-container{width:320px;height:320px}}@media (max-width: 768px){.hero__avatar-container{width:280px;height:280px}}.hero__avatar--round{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.hero__avatar--round.loaded{opacity:1}.shimmer:before{content:"";position:absolute;top:0;left:-150%;width:300%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer-swipe 2s infinite}@keyframes shimmer-swipe{0%{transform:translate(0)}to{transform:translate(50%)}}html[data-theme=dark] .shimmer:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.hero__avatar{width:100%;max-width:330px;height:auto;object-fit:contain;border-radius:12px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 968px){.hero__main{grid-template-columns:1fr;gap:var(--space-xl)}.hero__illustration{order:-1}.hero__avatar{max-width:300px}.hero{padding:var(--space-xl) 0}}.company-logo{height:28px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:.5;transition:opacity var(--transition-base),filter var(--transition-base)}.company-logo:hover{opacity:.8;filter:grayscale(0%)}html[data-theme=dark] .company-logo{filter:grayscale(100%) brightness(0) invert(1);opacity:.5}html[data-theme=dark] .company-logo:hover{filter:grayscale(0%) brightness(1) invert(0);opacity:1}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);grid-auto-rows:minmax(160px,auto)}.bento-item{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-xl);display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden}.bento-item:hover{border-color:var(--color-text);transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.bento-item--large{grid-column:span 2;grid-row:span 2}.bento-item--wide{grid-column:span 2}.bento-item--tall{grid-row:span 2}.bento-item__year{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:var(--space-md);font-weight:500}.bento-item__role{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;letter-spacing:-.01em;color:var(--color-text)}.bento-item__company{font-size:.9375rem;color:var(--color-accent);margin:0 0 20px;font-weight:500}.bento-item__location{color:var(--color-text-muted);font-weight:400}.bento-item__description{font-size:.9375rem;line-height:1.6;color:var(--color-text-muted);margin:0}.experience-details{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.detail-group{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent)}.detail-content{font-size:.9375rem;line-height:1.5;color:var(--color-text-muted);margin:0}.detail-content--tech{font-family:JetBrains Mono,Menlo,monospace;font-size:.8125rem;color:var(--color-text)}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-item--large,.bento-item--wide,.bento-item--tall{grid-column:span 1;grid-row:span 1}}.freelance-list{display:flex;flex-direction:column;gap:0}.freelance-item{display:grid;grid-template-columns:100px 1fr;gap:var(--space-2xl);padding:var(--space-2xl) 0;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-base)}.freelance-item:last-child{border-bottom:none;padding-bottom:var(--space-2xl)}.freelance-item:hover{background-color:var(--color-bg-subtle);margin:0 calc(-1 * var(--space-xl));padding-left:var(--space-xl);padding-right:var(--space-xl)}.freelance-item__meta{display:flex;flex-direction:column;gap:var(--space-xs)}.freelance-item__year{font-size:.875rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.freelance-item__company{font-size:.875rem;color:var(--color-accent);margin:0;font-weight:500}.freelance-item__content{min-width:0}.freelance-item__role{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-sm);line-height:1.3;color:var(--color-text)}.freelance-item__description{margin:0;color:var(--color-text-muted);font-size:.9375rem;line-height:1.6;max-width:42rem}@media (max-width: 640px){.freelance-item{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-xl) 0}.freelance-item:hover{margin:0;padding-left:0;padding-right:0}.freelance-item__year{font-size:.8125rem}}.section--projects{padding-left:0;padding-right:0;padding-top:0}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:var(--space-lg)}.project-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-xl);display:flex;flex-direction:column;transition:all .3s ease}.project-card:hover{border-color:var(--color-text);transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-md)}.project-card__name{font-size:1.125rem;font-weight:600;margin:0;color:var(--color-text);flex:1}.project-card__links{display:flex;gap:var(--space-sm);flex-shrink:0}.project-card__links a{color:var(--color-text-muted);transition:color var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;position:relative}.project-link:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);background:var(--color-text);color:var(--color-bg);font-size:.75rem;font-weight:500;padding:3px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.project-link:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.project-card__links a:hover{color:var(--color-accent);transform:translateY(-2px)}.project-card__description{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;margin:0 0 var(--space-md);flex:1}.project-card__tech{font-size:.8125rem;color:var(--color-text-muted);margin:0;font-weight:500}.project-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:auto}.project-card__language{font-size:.75rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);padding:2px var(--space-sm);border-radius:100px;white-space:nowrap}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr}}.writing-list{display:flex;flex-direction:column;gap:0}.writing-item{display:grid;grid-template-columns:100px 1fr;gap:var(--space-2xl);padding:var(--space-2xl) 0;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-base)}.writing-item:last-child{border-bottom:none;padding-bottom:var(--space-2xl)}.writing-item:hover{background-color:var(--color-bg-subtle);margin:0 calc(-1 * var(--space-xl));padding-left:var(--space-xl);padding-right:var(--space-xl)}.writing-item__date{font-size:.875rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding-top:.125rem}.writing-item__content{min-width:0}.writing-item__title{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-sm);line-height:1.3}.writing-item__title a{color:var(--color-text);display:inline-flex;align-items:center;gap:var(--space-sm);transition:color var(--transition-fast);position:relative}.writing-item__title a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base)}.writing-item__title a:hover{color:var(--color-accent)}.writing-item__title a:hover:after{width:100%}.writing-item__arrow{width:16px;height:16px;opacity:0;transform:translate(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.writing-item__title a:hover .writing-item__arrow{opacity:1;transform:translate(0)}.writing-item__excerpt{margin:0;color:var(--color-text-muted);font-size:.9375rem;line-height:1.6;max-width:42rem}@media (max-width: 640px){.writing-item{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-xl) 0}.writing-item:hover{margin:0;padding-left:0;padding-right:0}.writing-item__date{font-size:.8125rem}}#find-me-online{padding-top:0}.connect-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.connect-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-muted);background:none;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.connect-icon svg{width:20px;height:20px}.connect-icon:hover{color:var(--color-text);background:var(--color-bg-subtle)}.connect-icon:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);background:var(--color-text);color:var(--color-bg);font-size:.75rem;font-weight:500;padding:3px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease}.connect-icon:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.connect-divider{width:1px;height:24px;background:var(--color-border);flex-shrink:0}.connect-support{margin-top:var(--space-md);display:flex}.connect-icon--support{width:auto;padding:0 var(--space-md);gap:6px;border:1.5px solid var(--color-accent);color:var(--color-accent);font-size:.8125rem;font-weight:600}.connect-icon--support:hover{background:var(--color-accent);color:#fff}.connect-icon--support svg{width:16px;height:16px}.connect-icon__label{white-space:nowrap}.copy-email{background:none;border:none;border-radius:8px;padding:0;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.copy-email:hover{color:var(--color-text)}.copy-email__icon{width:14px;height:14px}.copy-email__icon--check{display:none;color:#16a34a;stroke:#16a34a}.copy-email.copied .copy-email__icon--copy{display:none}.copy-email.copied .copy-email__icon--check{display:block;animation:popIn .2s ease}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-xl)}.skills-group__label{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-md);text-transform:uppercase;letter-spacing:.05em}.skills-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skills-tags li{font-size:.8125rem;color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:var(--space-xs) var(--space-md);border-radius:100px;font-weight:500;transition:border-color var(--transition-fast),color var(--transition-fast)}.skills-tags li:hover{border-color:var(--color-accent);color:var(--color-accent)}.skeleton-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.skeleton-row{display:flex;gap:var(--space-2xl);padding:var(--space-xl) 0;border-bottom:1px solid var(--color-border)}.skeleton-line{height:14px;background:var(--color-border);border-radius:4px;width:100%;animation:shimmer 1.5s infinite}.skeleton-line--title{width:60%;height:18px}.skeleton-line--short{width:30%}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.nav__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:98}.nav__backdrop.active{display:block}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-xl);text-align:center}.site-footer p{margin:0;font-size:.875rem;color:var(--color-text-muted)}@media (max-width: 640px),(max-width: 1024px){main{padding:0;margin-left:20px;margin-right:20px}.nav{padding:var(--space-md) var(--space-lg)}.nav__toggle{display:flex}.nav__list{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:var(--color-bg);flex-direction:column;padding:var(--space-4xl) var(--space-xl);gap:var(--space-xl);box-shadow:-4px 0 20px #0000001a;transition:right .3s ease;z-index:99}.nav__list.active{right:0}.nav__list li{width:100%}.nav__list a{display:block;padding:var(--space-sm) 0;font-size:1.125rem}.section,.hero{padding:var(--space-xl) 0}.timeline__item{padding-left:var(--space-lg)}.hero__companies-logos{gap:var(--space-2xl)}}