:root{--bg:#0a0a0a;--bg-elev:#141414;--fg:#ededed;--fg-strong:#fff;--muted:#8a8a8a;--muted-strong:#b5b5b5;--border:#262626;--accent:#fff;--card-bg:#141414;--card-hover-bg:#1a1a1a;--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--text-5xl:4.5rem;--leading-tight:1.05;--leading-normal:1.55;--leading-relaxed:1.7;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--content-max:960px;--hero-max:920px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:120ms ease;--transition:220ms ease;--shadow-card:0 2px 12px rgba(0,0,0,.5);--shadow-icon:0 4px 10px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2)}@media(prefers-color-scheme:light){:root{--bg:#fff;--bg-elev:#fafafa;--fg:#1a1a1a;--fg-strong:#000;--muted:#767676;--muted-strong:#4a4a4a;--border:#e5e7eb;--accent:#000;--card-bg:#fafafa;--card-hover-bg:#f3f4f6;--shadow-card:0 1px 3px rgba(0,0,0,.06);--shadow-icon:0 6px 16px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.06)}}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-8)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{line-height:var(--leading-normal)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ol,ul{list-style:none;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);transition:background-color var(--transition),color var(--transition)}h1,h2,h3,h4,h5,h6{color:var(--fg);font-weight:700;letter-spacing:-.015em;line-height:var(--leading-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--fg)}a{color:var(--accent);transition:opacity var(--transition-fast)}a:hover{opacity:.75}.skip-link{background:var(--accent);color:#fff;left:-9999px;padding:var(--space-2) var(--space-4);position:absolute;top:0;z-index:100}.skip-link:focus{left:0}.container{margin:0 auto;max-width:var(--content-max);padding:0 var(--space-6);width:100%}.container--narrow{max-width:720px}main{min-height:60vh;padding-bottom:var(--space-20)}.header{backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header__inner{align-items:center;display:flex;justify-content:space-between;padding:var(--space-3) 0}.header__logo img{height:32px;width:32px}.header__nav{display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-5)}.header__nav a{color:var(--fg)}.header__nav a:hover{opacity:.7}.hero{margin:0 auto;max-width:var(--hero-max);padding:var(--space-20) 0 0;text-align:center}.hero__title{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.025em;line-height:var(--leading-tight);margin-bottom:var(--space-6)}@media(min-width:720px){.hero__title{font-size:var(--text-5xl)}}.hero__title .name{color:var(--fg-strong);display:block}.hero__title .secondary{color:var(--muted-strong);display:block;opacity:.5}.hero__bio{color:var(--muted);font-size:var(--text-base);line-height:var(--leading-normal);margin:0 auto var(--space-8);max-width:560px}.hero__bio a{color:var(--muted-strong);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.hero__bio a:hover{color:var(--fg-strong);opacity:1;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.hero__ctas{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-16)}.hero__composition{height:540px;margin:0 auto;max-width:620px;position:relative;width:100%}@media(max-width:640px){.hero__composition{height:400px;max-width:360px}}.hero__photo{bottom:0;left:50%;position:absolute;transform:translateX(-50%);width:340px;z-index:2}@media(max-width:640px){.hero__photo{width:220px}}.hero__photo .gatsby-image-wrapper{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.hero__icon{animation:float 5s ease-in-out infinite;border-radius:16px;box-shadow:var(--shadow-icon);height:64px;overflow:hidden;position:absolute;width:64px;z-index:1}@media(max-width:640px){.hero__icon{border-radius:11px;height:44px;width:44px}}.hero__icon img{height:100%;object-fit:cover;width:100%}.hero__icon--1{animation-delay:0s;left:16%;top:4%}.hero__icon--2{animation-delay:1.4s;right:16%;top:4%}.hero__icon--3{animation-delay:2.8s;left:1%;top:32%}.hero__icon--4{animation-delay:4.2s;right:1%;top:32%}.hero__icon--5{animation-delay:5.6s;left:3%;top:60%}.hero__icon--6{animation-delay:.7s;right:3%;top:60%}@media(max-width:640px){.hero__icon--1{left:12%;top:0}.hero__icon--2{right:12%;top:0}.hero__icon--3{left:0;top:30%}.hero__icon--4{right:0;top:30%}.hero__icon--5{left:1%;top:58%}.hero__icon--6{right:1%;top:58%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(-1.5deg)}}@media(prefers-reduced-motion:reduce){.hero__icon{animation:none}}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);text-decoration:none;transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.btn--primary,.btn--primary:hover{background:var(--fg-strong);color:var(--bg);text-decoration:none}.btn--primary:hover{opacity:.88;transform:translateY(-1px)}.btn--secondary,.btn--secondary:hover{background:transparent;border-color:var(--border);color:var(--fg-strong);text-decoration:none}.btn--secondary:hover{background:var(--bg-elev);border-color:var(--muted)}.section{padding:var(--space-12) 0}.section__head{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.section__number{align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-strong);display:inline-flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:600;height:28px;justify-content:center;width:28px}.section__title{color:var(--muted-strong);font-size:var(--text-base);font-weight:500;letter-spacing:-.005em}.app-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:720px){.app-grid{grid-template-columns:repeat(2,1fr)}}.app-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg);display:flex;flex-direction:column;gap:var(--space-3);min-height:180px;padding:var(--space-5);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.app-card:hover{background:var(--card-hover-bg);border-color:var(--muted);opacity:1}.app-card:hover .app-card__arrow{color:var(--fg-strong);transform:translate(2px,-2px)}.app-card__top{align-items:center;display:flex;gap:var(--space-3)}.app-card__icon{background:var(--bg);border-radius:10px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.app-card__icon img{height:100%;object-fit:cover;width:100%}.app-card__name{color:var(--fg-strong);flex:1 1;font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.app-card__arrow{color:var(--muted);font-size:var(--text-lg);line-height:1;transition:transform var(--transition-fast),color var(--transition-fast)}.app-card__tagline{color:var(--muted-strong);flex:1 1;font-size:var(--text-sm);line-height:var(--leading-normal)}.app-card__meta{align-items:center;border-top:1px solid var(--border);color:var(--muted);display:flex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;padding-top:var(--space-2)}.app-card__meta .platforms-icon{fill:currentColor;height:14px;width:14px}.footer{border-top:1px solid var(--border);margin-top:var(--space-20);padding:var(--space-8) 0}.footer__inner{color:var(--muted);flex-wrap:wrap;font-size:var(--text-sm);justify-content:space-between}.footer__inner,.footer__socials{align-items:center;display:flex;gap:var(--space-4)}.footer__socials a{color:var(--muted);display:inline-flex}.footer__socials a svg{fill:currentColor;height:18px;width:18px}.footer__socials a:hover{color:var(--fg);opacity:1}.footer__links{display:flex;gap:var(--space-4)}.footer__links a{color:var(--muted)}.footer__links a:hover{color:var(--fg);opacity:1}.post-list{display:flex;flex-direction:column;gap:0}.post-item{border-bottom:1px solid var(--border);color:var(--fg);display:block;padding:var(--space-5) 0}.post-item:hover{opacity:1}.post-item:hover .post-item__title{color:var(--fg-strong)}.post-item:last-child{border-bottom:none}.post-item__title{color:var(--fg-strong);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-2);transition:color var(--transition-fast)}.post-item__meta{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-bottom:var(--space-2);text-transform:uppercase}.post-item__excerpt{color:var(--muted-strong);font-size:var(--text-base)}.blog-post__footer{border-top:1px solid var(--border);display:flex;justify-content:flex-start;margin-top:var(--space-16);padding-top:var(--space-8)}.markdown{color:var(--fg);font-size:var(--text-base);line-height:var(--leading-relaxed)}.markdown blockquote,.markdown ol,.markdown p,.markdown ul{margin-bottom:var(--space-4)}.markdown h2,.markdown h3,.markdown h4{margin-bottom:var(--space-3);margin-top:var(--space-10)}.markdown a{color:var(--fg-strong);text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:3px;transition:-webkit-text-decoration-color var(--transition-fast);transition:text-decoration-color var(--transition-fast);transition:text-decoration-color var(--transition-fast),-webkit-text-decoration-color var(--transition-fast)}.markdown a:hover{opacity:1;-webkit-text-decoration-color:var(--fg-strong);text-decoration-color:var(--fg-strong)}.markdown img{border-radius:var(--radius-md);margin:var(--space-6) auto}.markdown blockquote{border-left:3px solid var(--border);color:var(--muted-strong);font-style:italic;padding-left:var(--space-4)}.markdown .twitter-tweet{border-left:none!important;color:var(--fg);font-style:normal;margin:var(--space-6) auto!important}.page-header{padding:var(--space-16) 0 var(--space-8);text-align:center}.page-header h1{color:var(--fg-strong);font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--space-3)}.page-header p{color:var(--muted);font-size:var(--text-base)}.not-found{padding:var(--space-8) 0;text-align:center}.not-found__text{color:var(--muted-strong);margin-bottom:var(--space-6)}.content{font-size:var(--text-base);line-height:var(--leading-relaxed)}.content p{color:var(--fg);margin-bottom:var(--space-4)}.content a{color:var(--fg-strong);text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:3px}.content a:hover{opacity:1;-webkit-text-decoration-color:var(--fg-strong);text-decoration-color:var(--fg-strong)}