:root{--bg:#fafaf8;--bg-1:#f4f3ef;--bg-2:#eeecea;--surface:#fff;--surface-2:#f0efe9;--border:#00000014;--border-2:#00000024;--amber:#e8960a;--amber-dim:#e8960a1a;--amber-glow:#e8960a40;--amber-text:#c47d00;--text-1:#0a0a0a;--text-2:#4a4a52;--text-3:#9a9aaa;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-sans:"DM Sans", system-ui, sans-serif;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:7rem;--max-w:1080px;--radius:4px;--radius-lg:8px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text-1);font-family:var(--font-sans);min-height:100dvh;font-size:1rem;line-height:1.65;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--max-w);padding:0 var(--s5);margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero{--mx:0deg;--my:0deg;background:linear-gradient(135deg,#fafaf8 0%,#fdf6e8 50%,#f5f0ff 100%);flex-direction:column;justify-content:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-grid{pointer-events:none;position:absolute;inset:0}.hero-grid__dots{background-image:radial-gradient(circle,#0000001a 1px,#0000 1px);background-size:32px 32px;animation:10s ease-in-out infinite grid-breathe;position:absolute;inset:0}@keyframes grid-breathe{0%,to{opacity:.6}50%{opacity:1}}.hero-content{z-index:1;justify-content:space-between;align-items:center;gap:var(--s8);padding-top:var(--s8);padding-bottom:var(--s8);display:flex;position:relative}.hero-left{flex:1;max-width:560px}.hero-right{flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=768px){.hero-right{display:none}.hero-content{align-items:flex-start;gap:var(--s6);flex-direction:column}}.hero-bg-text{font-family:var(--font-mono);letter-spacing:-.04em;background:linear-gradient(135deg,#00000012 0%,#e8960a1a 100%);-webkit-text-fill-color:transparent;text-align:right;-webkit-user-select:none;user-select:none;animation:fade-up .8s var(--ease) .4s both;-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,12vw,9rem);font-weight:700;line-height:.9}.hero-avatar-wrap{margin-bottom:var(--s5);animation:fade-up .5s var(--ease) both}.hero-avatar{border:2px solid var(--text-1);object-fit:cover;object-position:center top;width:100px;height:100px;transition:box-shadow .2s var(--ease), transform .2s var(--ease);border-radius:50%;display:block;box-shadow:4px 4px #00000014}.hero-avatar:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000001f}.hero-status{align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--border-2);padding:var(--s1) var(--s3);margin-bottom:var(--s5);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);animation:fade-up .5s var(--ease) 60ms both;border-radius:100px;font-size:.7rem;display:inline-flex}.hero-status__dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse-green;box-shadow:0 0 #22c55e80}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.hero-name-wrap{animation:fade-up .5s var(--ease) .1s both;margin-bottom:var(--s4)}.hero-name{font-family:var(--font-mono);letter-spacing:-.03em;background:linear-gradient(135deg,#0a0a0a 0%,#3a3a4a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:700;line-height:1;display:inline-block}.hero-name__char{animation:char-land .5s var(--ease) both;display:inline-block}@keyframes char-land{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero-handle{font-family:var(--font-mono);color:var(--amber);letter-spacing:.08em;margin-top:var(--s2);font-size:clamp(.8rem,1.4vw,.95rem)}.hero-tagline{color:var(--text-2);max-width:420px;margin-bottom:var(--s6);animation:fade-up .5s var(--ease) .2s both;font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:1.55}.hero-tagline__br{display:none}@media (width>=600px){.hero-tagline__br{display:block}}.hero-cta{gap:var(--s3);animation:fade-up .5s var(--ease) .28s both;flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--s2);border-radius:var(--radius);letter-spacing:.02em;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s, color .18s;padding:.65rem 1.3rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn--primary{color:#fafaf8;background:#0a0a0a;box-shadow:3px 3px #0000001f}.btn--primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #00000026}.btn--primary:active{transform:translate(0);box-shadow:1px 1px #0000001f}.btn__arrow{transition:transform .25s var(--ease);display:inline-block}.btn--primary:hover .btn__arrow{transform:translateY(3px)}.btn--ghost{border:1.5px solid var(--border-2);color:var(--text-2);background:var(--surface);box-shadow:2px 2px #0000000f}.btn--ghost:hover{color:var(--text-1);border-color:#0a0a0a;transform:translate(-2px,-2px);box-shadow:4px 4px #0000001a}.btn__icon{flex-shrink:0;width:15px;height:15px}.hero-scroll-cue{bottom:var(--s5);align-items:center;gap:var(--s2);opacity:0;animation:fade-in .8s var(--ease) 1.2s forwards;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll-cue__line{background:linear-gradient(#0a0a0a,#0000);width:1px;height:36px;animation:2s ease-in-out infinite line-pulse;display:block}.hero-scroll-cue__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-size:.6rem}@keyframes line-pulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}.projects{padding:var(--s9) 0;border-top:1px solid var(--border);background:var(--bg)}.projects__header{margin-bottom:var(--s7)}.projects__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;color:var(--amber);margin-bottom:var(--s3);font-size:.75rem;display:block}.projects__heading{font-family:var(--font-mono);color:var(--text-1);letter-spacing:-.02em;margin-bottom:var(--s3);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700}.projects__sub{color:var(--text-2);max-width:400px;font-size:.95rem}.projects__grid{border-radius:var(--radius-lg);background:#00000012;border:1.5px solid #0000001f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=860px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.projects__grid{grid-template-columns:1fr}}.project-card{background:var(--surface);padding:var(--s6);gap:var(--s4);flex-direction:column;transition:background .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.project-card:hover{background:var(--bg);z-index:1;transform:translateY(-3px);box-shadow:0 8px 32px #0000001a,4px 4px #0000000f}.project-card--dim{opacity:.5}.project-card--dim:hover{opacity:.75}.project-card__header{justify-content:space-between;align-items:flex-start;gap:var(--s3);display:flex}.project-card__title{font-family:var(--font-mono);color:var(--text-1);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.project-card__status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:100px;flex-shrink:0;padding:2px 7px;font-size:.62rem}.project-card__status--live{color:#16a34a;background:#16a34a12;border-color:#16a34a4d}.project-card__status--wip{color:var(--amber);border-color:var(--amber-glow);background:var(--amber-dim)}.project-card__status--soon{color:var(--text-3);border-color:var(--border);background:0 0}.project-card__desc{color:var(--text-2);flex:1;font-size:.875rem;line-height:1.6}.project-card__tags{gap:var(--s1);flex-wrap:wrap;display:flex}.project-card__tag{font-family:var(--font-mono);color:var(--text-2);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);letter-spacing:.04em;padding:2px 8px;font-size:.66rem}.project-card__links{gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--border);margin-top:auto;display:flex}.project-card__link{color:var(--text-2);align-items:center;gap:5px;font-size:.78rem;transition:color .15s;display:inline-flex}.project-card__link svg{flex-shrink:0;width:13px;height:13px}.project-card__link:hover{color:var(--text-1)}.project-card__link--main{position:static}.project-card__link--main:after{content:"";z-index:1;position:absolute;inset:0}.project-card__link:not(.project-card__link--main){z-index:2;position:relative}.social-links{align-items:center;gap:var(--s3);display:flex}.social-link{width:30px;height:30px;color:var(--text-3);border-radius:var(--radius);transition:color .15s ease, transform .18s var(--ease);justify-content:center;align-items:center;display:flex}.social-link svg{width:16px;height:16px}.social-link:hover{color:var(--text-1);transform:translateY(-2px)}.visitor-count{font-family:var(--font-mono);color:var(--text-3);align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.visitor-count__dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:5px;height:5px}.visitor-count__dot--live{background:#4ade80;animation:2.5s ease-in-out infinite vc-pulse}@keyframes vc-pulse{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 4px #4ade8000}}.visitor-count__num{color:var(--text-2)}.site-footer{border-top:1px solid var(--border);padding:var(--s5) 0;background:var(--bg)}.site-footer__inner{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.site-footer__left{align-items:center;gap:var(--s5);display:flex}.site-footer__name{color:var(--text-2);align-items:center;gap:var(--s2);font-size:.85rem;display:flex}.site-footer__mono{font-family:var(--font-mono);color:var(--text-1);background:var(--bg-1);border:1.5px solid var(--border-2);border-radius:var(--radius);padding:1px 7px;font-size:.72rem}.site-footer__right{align-items:center;gap:var(--s5);display:flex}.site-footer__copy{font-family:var(--font-mono);color:var(--text-3);white-space:nowrap;font-size:.68rem}@media (width<=560px){.site-footer__inner{flex-direction:column;align-items:flex-start}.site-footer__right{align-items:flex-start;gap:var(--s3);flex-direction:column}}