:root{color-scheme:light;--bg: #FAFAF7;--bg-warm: #F5F4F0;--fg: #1A1A1A;--fg-muted: #6B6B6B;--fg-faint: #A3A3A3;--border: #E5E4E0;--radius: 1rem;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;color:var(--fg);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;max-width:100%;padding:1.25rem max(2rem,calc((100% - 1280px)/2 + 2rem));background:#fafaf7d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;gap:.75rem;font-family:"Instrument Serif",Georgia,serif;font-size:1.4rem;font-weight:400;letter-spacing:-.02em}.nav-avatar-wrapper{display:grid;width:0;opacity:0;overflow:hidden;transition:width .4s cubic-bezier(.23,1,.32,1),opacity .4s cubic-bezier(.23,1,.32,1)}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.nav-name-switcher{position:relative;display:inline-flex;height:1.5rem;align-items:center}.nav-text-initial,.nav-text-scrolled{position:absolute;left:0;white-space:nowrap;transition:opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1)}.nav-text-initial{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.4rem;opacity:1;transform:translateY(0)}.nav-text-scrolled{opacity:0;transform:translateY(10px)}.nav--scrolled .nav-avatar-wrapper{width:32px;opacity:1}.nav--scrolled .nav-text-initial{opacity:0;transform:translateY(-10px)}.nav--scrolled .nav-text-scrolled{opacity:1;transform:translateY(0)}.nav-links{display:flex;gap:2rem;font-size:.88rem;color:var(--fg-muted)}.nav-links a:hover{color:var(--fg)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:6rem 2rem;text-align:center}.hero-inner{display:flex;flex-direction:column;align-items:center}.hero-inner>*{opacity:0;transform:translateY(16px);animation:heroFadeIn .7s cubic-bezier(.23,1,.32,1) forwards}.hero-inner>*:nth-child(2){animation-delay:.1s}.hero-inner>*:nth-child(3){animation-delay:.2s}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.hero-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:1px solid var(--border);margin-bottom:2rem}.hero-greeting{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0 0 2.5rem}.greeting-intro{font-size:1rem;color:var(--fg-muted);letter-spacing:.01em}.greeting-typed{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;letter-spacing:-.02em;color:var(--fg)}.typewriter-cursor:after{content:"";display:inline-block;width:2px;height:1.1em;background:var(--fg-muted);margin-left:2px;vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-links{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--fg-muted)}.hero-links a{transition:color .2s}.hero-links a:hover{color:var(--fg)}.hero-links-dot{color:var(--fg-faint);-webkit-user-select:none;user-select:none}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);color:var(--fg-faint)}.scroll-chevron{animation:chevronBounce 2s ease-in-out infinite}@keyframes chevronBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.project-section{display:flex;align-items:center;padding:8rem 2rem;border-top:1px solid var(--border)}.project-section:nth-child(2n){background:var(--bg-warm)}.project-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;width:100%}.project-layout--reverse{grid-template-columns:1fr 1.1fr}.project-layout--reverse .project-screenshot{order:2}.project-layout--reverse .project-info{order:1}.project-screenshot{position:relative;display:flex;justify-content:center;align-items:center}.project-screenshot:before{content:"";position:absolute;top:-30%;left:-30%;right:-30%;bottom:-30%;background:radial-gradient(circle at center,var(--accent) 0%,transparent 60%);z-index:0;opacity:.12;border-radius:50%;filter:blur(80px);pointer-events:none}.screenshot-window{position:relative;z-index:1;width:100%;border-radius:var(--radius);background:var(--bg);box-shadow:0 24px 60px -12px #00000026,0 4px 12px -2px #0000000d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}.screenshot-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #0000000d;pointer-events:none}.screenshot-demo-img{display:block;width:100%;border-radius:var(--radius);clip-path:inset(4px round var(--radius));transform:scale(1.02)}.project-screenshot:hover .screenshot-window{transform:translateY(-8px) scale(1.01);box-shadow:0 32px 80px -12px #0003,0 8px 24px -4px #00000014}.project-section--asymmetric{position:relative;overflow:hidden;padding:0;border-top:1px solid var(--border);min-height:100vh}.project-layout--asymmetric{display:grid;grid-template-columns:65% 35%;align-items:stretch;gap:0;max-width:100%;min-height:100vh}.project-section--asymmetric:nth-child(2n) .project-layout--asymmetric{grid-template-columns:35% 65%}.asymmetric-visual{position:sticky;top:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--accent-bg, #F0F0ED);padding:4rem;overflow:hidden}.asymmetric-backdrop{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;z-index:0;pointer-events:none}.asymmetric-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,var(--accent) 0%,transparent 60%),radial-gradient(circle at 70% 80%,var(--accent) 0%,transparent 60%);opacity:.25;mix-blend-mode:color-burn;z-index:1}@media (prefers-color-scheme: dark){.asymmetric-backdrop:before{mix-blend-mode:screen;opacity:.15}}.asymmetric-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(80px) saturate(1.6) brightness(1.1);opacity:.6;transform:scale(1.1);animation:subtle-drift 20s ease-in-out infinite alternate;transform-origin:center center}@keyframes subtle-drift{0%{transform:scale(1.1) translate(0)}33%{transform:scale(1.15) translate(1%,-1%)}66%{transform:scale(1.12) translate(-1%,2%)}to{transform:scale(1.15) translate(-2%,-1%)}}.asymmetric-backdrop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff80,#ffffff1a);mix-blend-mode:overlay}@media (prefers-color-scheme: dark){.asymmetric-backdrop-overlay{background:linear-gradient(135deg,#0006,#0000001a)}}.project-section--asymmetric:nth-child(2n) .asymmetric-backdrop img{opacity:.5!important;filter:blur(120px) saturate(2) brightness(1.35)}.project-section--asymmetric:nth-child(2n) .asymmetric-backdrop:before{inset:auto;width:60vw;height:60vw;top:-10%;left:-5%;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 55%);opacity:1;filter:blur(60px);border-radius:50%;mix-blend-mode:normal;animation:xirang-drift 22s ease-in-out infinite alternate}.project-section--asymmetric:nth-child(2n) .asymmetric-backdrop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:normal;z-index:2}@keyframes xirang-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(8%,5%) scale(1.05)}to{transform:translate(3%,-3%) scale(1.02)}}@media (prefers-color-scheme: dark){.project-section--asymmetric:nth-child(2n) .asymmetric-backdrop:before{background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 55%)}}.project-section--asymmetric:nth-child(2n) .asymmetric-visual{order:2;padding:2.5rem}.project-section--asymmetric:nth-child(2n) .asymmetric-content{order:1}.asymmetric-window{position:relative;z-index:1;width:100%;max-width:1400px;border-radius:calc(var(--radius) * 1.5);box-shadow:0 40px 100px -20px #00000026,0 8px 30px -5px #0000000d;transition:transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .8s ease}.asymmetric-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 0 20px #0000000d;pointer-events:none;z-index:2}@media (prefers-color-scheme: dark){.asymmetric-window:after{border-color:#fff3;box-shadow:inset 0 0 20px #ffffff0d}}.asymmetric-demo{display:block;width:100%;height:auto;border-radius:inherit;clip-path:inset(.5px round calc(var(--radius) * 1.5))}.asymmetric-visual:hover .asymmetric-window{transform:scale(1.03);box-shadow:0 50px 120px -20px #0003,0 12px 40px -5px #00000014}.asymmetric-content{padding:4rem;position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:var(--bg);z-index:10;box-shadow:-10px 0 30px #00000008}.asymmetric-content-sticky{position:sticky;top:50%;transform:translateY(-50%)}.project-section--asymmetric:nth-child(2n) .asymmetric-content{box-shadow:10px 0 30px #00000008}.asymmetric-card{max-width:480px;margin:0 auto}.asymmetric-card .project-number{display:block;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.6rem;opacity:.6;color:var(--accent, var(--fg-faint));margin-bottom:.5rem}.asymmetric-card .project-name{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:.6rem}.asymmetric-card .project-tagline{font-size:.92rem;color:var(--fg-muted);margin-bottom:1.5rem;letter-spacing:.01em}.asymmetric-card .project-desc{font-size:1rem;line-height:1.75;color:var(--fg);margin-bottom:1.5rem}.asymmetric-card .project-highlights{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:.6rem}.asymmetric-card .project-highlights li{position:relative;padding-left:1.1rem;font-size:.92rem;line-height:1.6;color:var(--fg-muted)}.asymmetric-card .project-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.asymmetric-card .project-links{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.screenshot-placeholder{aspect-ratio:16 / 10;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.5) 0%,transparent 70%),var(--accent-bg, #F0F0ED);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;overflow:hidden;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s ease}.screenshot-placeholder:hover{transform:translateY(-4px);box-shadow:0 24px 64px -12px #00000014}.screenshot-label{font-family:"Instrument Serif",Georgia,serif;font-size:2rem;color:var(--accent, var(--fg-faint));opacity:.8;letter-spacing:.02em}a.screenshot-placeholder{cursor:pointer;text-decoration:none;color:inherit}.screenshot-action{font-size:.88rem;font-weight:500;letter-spacing:.02em;color:var(--accent, var(--fg-muted));opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}a.screenshot-placeholder:hover .screenshot-action{opacity:1;transform:translateY(0)}.project-info{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.project-number{display:block;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.4rem;opacity:.6;color:var(--accent, var(--fg-faint));margin-bottom:.5rem}.project-name{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:.6rem}.project-title-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:.65rem;row-gap:.45rem;margin-bottom:.65rem}.project-title-row .project-name,.project-title-row .truth-badges{margin-bottom:0}.truth-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem}.truth-badge{position:relative;display:inline-flex;align-items:center;width:fit-content;min-height:1.45rem;padding:.18rem .52rem;border:1px solid color-mix(in srgb,var(--accent, var(--fg-muted)) 20%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent, var(--fg-muted)) 5%,var(--bg));color:color-mix(in srgb,var(--accent, var(--fg)) 52%,var(--fg-muted));font-size:.68rem;font-weight:500;letter-spacing:.015em;line-height:1;cursor:help;outline:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.truth-badge:before,.truth-badge:after{position:absolute;left:50%;bottom:calc(100% + .55rem);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease}.truth-badge:before{content:attr(data-tooltip);z-index:20;width:max-content;max-width:min(18rem,72vw);padding:.55rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;background:#1a1a1aeb;box-shadow:0 12px 36px -16px #00000059;color:#fff;font-size:.78rem;font-weight:500;letter-spacing:0;line-height:1.5;text-align:center;white-space:normal}.truth-badge:after{content:"";z-index:19;bottom:calc(100% + .28rem);width:.55rem;height:.55rem;background:#1a1a1aeb;rotate:45deg}.truth-badge:hover,.truth-badge:focus-visible{border-color:color-mix(in srgb,var(--accent, var(--fg-muted)) 36%,var(--border));background:color-mix(in srgb,var(--accent, var(--fg-muted)) 8%,var(--bg));transform:translateY(-1px)}.truth-badge:hover:before,.truth-badge:hover:after,.truth-badge:focus-visible:before,.truth-badge:focus-visible:after{opacity:1;transform:translate(-50%)}.project-tagline{font-size:.95rem;color:var(--fg-muted);margin-bottom:1.5rem;letter-spacing:.01em}.project-desc{font-size:1.05rem;line-height:1.7;color:var(--fg);margin-bottom:2rem;max-width:540px}.project-highlights{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.6rem}.project-highlights li{position:relative;padding-left:1.1rem;font-size:.9rem;line-height:1.65;color:var(--fg-muted)}.project-highlights li:before{content:"";position:absolute;left:0;top:.55rem;width:5px;height:5px;border-radius:50%;background:var(--accent, var(--fg-faint))}.project-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.chip{padding:.35rem .72rem;border-radius:.5rem;background:#0000000a;font-size:.8rem;font-weight:500;color:var(--fg-muted);border:1px solid var(--border)}.chip--small{padding:.25rem .55rem;font-size:.75rem}.project-links{display:flex;gap:1rem}.project-link{display:inline-flex;align-items:center;gap:.3rem;padding:.65rem 1.4rem;border:1px solid var(--accent, var(--fg));border-radius:999px;font-size:.88rem;font-weight:500;color:var(--accent, var(--fg));transition:background .2s,color .2s}.project-link:hover{background:var(--accent, var(--fg));color:#fff}.gh-stars{font-variant-numeric:tabular-nums;opacity:.7;margin-left:.25em}.project-demo-note{font-size:.85rem;color:var(--fg-faint);font-style:italic}.satellites{padding:6rem 2rem;max-width:1200px;margin:0 auto;border-top:1px solid var(--border)}.satellites-header{margin-bottom:3rem}.section-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em}.satellite-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.satellite-card{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:box-shadow .25s ease,transform .25s ease}.satellite-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px -8px #0000000f}.satellite-card .truth-badges{margin-bottom:0}.sat-title-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:.55rem;row-gap:.35rem;margin-bottom:.3rem}.sat-title-row .sat-name{margin-bottom:0}.sat-name{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.4rem;margin-bottom:.3rem}.sat-tagline{font-size:.84rem;color:var(--fg-faint);margin-bottom:.8rem;letter-spacing:.02em}.sat-note{font-size:.92rem;line-height:1.65;color:var(--fg-muted);margin-bottom:1rem}.sat-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.sat-links{display:flex;gap:.75rem}.sat-link{font-size:.85rem;font-weight:500;color:var(--fg-muted);transition:color .15s}.sat-link:hover{color:var(--fg)}.footer{border-top:1px solid var(--border);padding:2rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--fg-faint)}.footer-inner a:hover{color:var(--fg-muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1)}.reveal.visible{opacity:1;transform:translateY(0)}.project-info.reveal{transition-delay:.12s}@media (max-width: 860px){.nav{padding:1rem 1.25rem}.project-layout,.project-layout--reverse{grid-template-columns:1fr;gap:2.5rem}.project-layout--reverse .project-screenshot,.project-layout--reverse .project-info{order:unset}.project-section{min-height:auto;padding:4rem 1.25rem}.project-section--asymmetric{min-height:auto}.project-layout--asymmetric{grid-template-columns:1fr}.project-section--asymmetric:nth-child(2n) .project-layout--asymmetric{grid-template-columns:1fr}.project-section--asymmetric:nth-child(2n) .asymmetric-visual,.project-section--asymmetric:nth-child(2n) .asymmetric-content{order:unset}.asymmetric-visual{padding:2rem 1.25rem;min-height:auto}.asymmetric-content{padding:3rem 1.25rem;box-shadow:none;height:auto}.asymmetric-content-sticky{position:relative;top:auto;transform:none}.satellite-grid{grid-template-columns:1fr}}@media (max-width: 560px){.nav-links{gap:1rem}}