*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#fafafa;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:#111;color:#fff}.page{max-width:680px;margin:0 auto;padding:16vh 2rem 12vh}.hero{margin-bottom:6vh;opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) forwards}.pfp{width:172px;height:208px;border-radius:10px;object-fit:cover;object-position:center 14%;margin-bottom:1.75rem;box-shadow:0 1px 2px #0000000f,0 10px 30px #00000017}.name{font-size:clamp(2rem,5vw,2.8rem);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin-bottom:.85rem}.identity{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .55rem .3rem .35rem;border:1px solid #e6e6e6;border-radius:999px;margin-bottom:1.4rem;text-decoration:none;transition:border-color .2s}.identity:hover{border-color:#999}.identity:hover .identity-ens{color:#111}.identity-ens{transition:color .2s}.identity-punk{width:22px;height:22px;border-radius:50%;image-rendering:pixelated}.identity-ens{font-size:.74rem;font-family:SF Mono,Fira Mono,Roboto Mono,Menlo,monospace;color:#666;letter-spacing:-.01em}.handle{font-size:.82rem;font-family:SF Mono,Fira Mono,Roboto Mono,Menlo,monospace;color:#999;margin-bottom:2rem;display:flex;align-items:center;gap:.6rem}.handle a{transition:color .2s}.handle a:hover{color:#111}.handle .sep{color:#ddd}.bio{font-size:1.12rem;font-weight:300;line-height:1.65;color:#444;max-width:560px}.bio .hl{color:#111;font-weight:400}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem;opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .08s forwards}.tag{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#999;border:1px solid #e0e0e0;padding:.28rem .7rem;border-radius:2px;transition:color .2s,border-color .2s}.tag:hover{color:#555;border-color:#bbb}.tag.scratched{position:relative;color:#888;border-color:#d0d0d0}.tag.scratched:before{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:1.5px;background:#c44;transform:rotate(-12deg);border-radius:1px}.tag.scratched:nth-child(3):before{transform:rotate(-15deg)}.tag.scratched:nth-child(4):before{transform:rotate(-10deg)}.tag.scratched:nth-child(5):before{transform:rotate(-14deg)}.tag.scratched:nth-child(6):before{transform:rotate(-11deg)}.tag.scratched:nth-child(7):before{transform:rotate(-16deg)}.tag.scratched:nth-child(8):before{transform:rotate(-9deg)}.tag.scratched:nth-child(9):before{transform:rotate(-13deg)}.tag.scratched:nth-child(10):before{transform:rotate(-11deg)}.vibecoding{display:inline-block;margin-top:.5rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#111;border:1px solid #111;padding:.28rem .7rem;border-radius:2px;font-weight:600;opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .14s forwards}.divider{height:1px;background:#e0e0e0;margin:6vh 0 4vh;opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .16s forwards}.section-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#aaa;margin-bottom:2rem;opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .2s forwards}.proj-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .24s forwards}.proj-chip{font:inherit;font-size:.72rem;letter-spacing:.04em;color:#777;background:transparent;border:1px solid #e3e3e3;border-radius:999px;padding:.34rem .8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:color .2s,border-color .2s,background .2s}.proj-chip:hover{color:#111;border-color:#bbb}.proj-chip.active{color:#fff;background:#111;border-color:#111}.proj-chip-n{font-family:SF Mono,Fira Mono,Roboto Mono,Menlo,monospace;font-size:.62rem;opacity:.55}.proj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .3s forwards}.proj-card{font:inherit;text-align:left;background:#fff;border:1px solid #ececec;border-radius:10px;padding:.95rem 1rem .85rem;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}.proj-card:hover{border-color:#bbb;transform:translateY(-1px);box-shadow:0 6px 18px #0000000d}.proj-card.open{border-color:#111}.proj-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.proj-card-name{font-size:1rem;font-weight:500;line-height:1.25}.proj-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex:none;box-shadow:0 0 0 3px #22c55e26;animation:proj-pulse 2.2s ease-in-out infinite}@keyframes proj-pulse{0%,to{box-shadow:0 0 0 3px #22c55e26}50%{box-shadow:0 0 0 6px #22c55e0d}}@media (prefers-reduced-motion: reduce){.proj-dot{animation:none}}.proj-card-brief{font-size:.78rem;color:#999;line-height:1.4}.proj-card-tags{display:flex;gap:.35rem;margin-top:.25rem}.proj-tag{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#aaa}.proj-hint{font-size:.74rem;color:#bbb;margin-top:1rem}.proj-detail{margin-top:1rem;border:1px solid #111;border-radius:10px;padding:1.1rem 1.2rem .2rem;animation:up .5s cubic-bezier(.23,1,.32,1) forwards}.proj-detail-head{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.9rem}.proj-detail-head .proj-card-brief{margin-left:auto}.proj-close{font:inherit;font-size:1.1rem;line-height:1;color:#bbb;background:none;border:0;cursor:pointer;padding:0 0 0 .4rem}.proj-close:hover{color:#111}.project-body{padding:0 0 1.4rem;max-width:520px}.project-body p{font-size:.88rem;color:#555;line-height:1.75;margin-bottom:1rem}.project-body p:last-of-type{margin-bottom:1.5rem}.project-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.project-status{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#bbb;border:1px solid #e5e5e5;padding:.22rem .65rem;border-radius:2px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.project-status:hover{color:#999;border-color:#ccc}.project-status.live{color:#111;border-color:#111}.project-status.live:hover{background:#111;color:#fff}.project-link{font-size:.78rem;color:#999;text-decoration:none;transition:color .2s}.project-link:hover{color:#111}.background{opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .6s forwards}.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem}.bg-item{margin-bottom:.5rem}.bg-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#bbb;margin-bottom:.4rem}.bg-value{font-size:.92rem;color:#444;line-height:1.5}.bg-link{color:inherit;text-decoration:none;border-bottom:1px solid #ddd;transition:border-color .2s,color .2s}.bg-link:hover{color:#111;border-bottom-color:#111}.bio-link{color:inherit;text-decoration:none;border-bottom:1px solid #ddd;transition:border-color .2s,color .2s}.bio-link:hover{color:#111;border-bottom-color:#111}.inline-link{color:inherit;text-decoration:none;border-bottom:1px solid #ddd;transition:border-color .2s,color .2s}.inline-link:hover{color:#111;border-bottom-color:#111}.interests{opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .65s forwards}.interest-list{columns:2;column-gap:3rem;list-style:none}.interest-list li{font-size:.88rem;color:#555;padding:.4rem 0;break-inside:avoid}.interest-list li:before{content:"";display:inline-block;width:4px;height:4px;background:#ddd;border-radius:50%;margin-right:.7rem;vertical-align:middle}.footer{margin-top:12vh;padding-top:3rem;border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .7s forwards}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-links a{font-size:.78rem;color:#bbb;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#111}.footer-copy{font-size:.68rem;color:#bbb;font-family:SF Mono,Fira Mono,Roboto Mono,Menlo,monospace;display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;transition:color .2s}.footer-copy:hover{color:#111}.footer-punk{width:18px;height:18px;border-radius:50%;image-rendering:pixelated}@keyframes up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 560px){.page{padding:10vh 1.5rem 8vh}.proj-grid{grid-template-columns:1fr}.proj-detail-head{flex-wrap:wrap}.proj-detail-head .proj-card-brief{margin-left:0;width:100%}.background-grid{grid-template-columns:1fr;gap:1.5rem}.interest-list{columns:1}.footer{flex-direction:column;gap:1rem;align-items:flex-start}}.lang-switch{position:fixed;top:1.2rem;right:1.4rem;display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-family:SF Mono,Fira Mono,Roboto Mono,Menlo,monospace;color:#ddd;z-index:10}.lang-switch button{background:none;border:none;padding:.2rem .1rem;font:inherit;color:#999;cursor:pointer;transition:color .2s}.lang-switch button:hover{color:#111}.lang-switch button.active{color:#111;font-weight:700}.apps-intro{font-size:.85rem;color:#666;margin:0 0 1.1rem}.apps{display:grid;gap:.75rem;margin-bottom:2.2rem}.app-card{border:1px solid #e6e6e6;border-radius:12px;padding:.85rem .95rem .95rem;background:#fff;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s ease,border-color .18s ease}.app-card:hover{transform:translateY(-2px);border-color:#dcdcdc;box-shadow:0 1px 2px #0000000d,0 10px 24px #00000012}.app-head{display:flex;align-items:center;gap:.7rem;flex-wrap:nowrap}.app-icon{line-height:0;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(0,0,0,.22))}.app-titles{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.app-name{font-weight:600;color:#111;letter-spacing:-.01em}.app-brief{color:#999;font-size:.82rem}.app-shot{display:block;margin:.75rem 0 0;border:1px solid #e6e6e6;border-radius:9px;overflow:hidden;background:#f4f2ec;text-decoration:none}.app-shot-bar{display:flex;align-items:center;gap:5px;padding:6px 9px;background:#efece4;border-bottom:1px solid rgba(0,0,0,.07)}.app-dot{width:6px;height:6px;border-radius:50%;background:#d3cec1}.app-shot-host{margin-left:6px;font-style:normal;font-size:.6rem;letter-spacing:.04em;color:#a8a294;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shot img{display:block;width:100%;height:auto;max-height:170px;object-fit:cover;object-position:top center}.app-open{display:inline-block;margin-top:.6rem;font-size:.78rem;color:#111;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px}.app-open:hover{text-decoration-color:#111}.app-soon{margin-top:.75rem;border:1px dashed #ddd;border-radius:9px;padding:1.1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.014) 0 10px,transparent 10px 20px)}.app-soon-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;color:#999}.app-soon-note{font-size:.8rem;color:#777;line-height:1.5;max-width:38ch}.app-status{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid #bbb;color:#666;padding:.1rem .5rem;border-radius:999px;white-space:nowrap}.app-desc{color:#444;font-size:.9rem;margin:.5rem 0 0;line-height:1.55}a.app-name{color:#111;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px}a.app-name:hover{text-decoration-color:#111}.app-status.beta{border-color:#47714a;color:#47714a}.gh-section{opacity:0;animation:up .9s cubic-bezier(.23,1,.32,1) .2s forwards;--gh-c: 9px;--gh-g: 2.5px}.gh-headline{margin-bottom:1.6rem}.gh-total{font-size:2rem;font-weight:600;letter-spacing:-.03em;color:#111}.gh-tail{font-size:.95rem;font-weight:300;color:#666}.gh-scroll{overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.gh-months{display:grid;gap:var(--gh-g);margin-bottom:.35rem;font-size:.62rem;font-family:SF Mono,Fira Mono,Roboto Mono,Menlo,monospace;color:#aaa}.gh-months span{white-space:nowrap}.gh-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,var(--gh-c));grid-auto-columns:var(--gh-c);gap:var(--gh-g);width:max-content}.gh-cell{width:var(--gh-c);height:var(--gh-c);border-radius:2px;display:inline-block;opacity:0;animation:ghIn .45s ease-out forwards}@keyframes ghIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.gh-cell.pad{background:transparent;animation:none}.gh-cell.l0{background:#ececec}.gh-cell.l1{background:#c6c6c6}.gh-cell.l2{background:#949494}.gh-cell.l3{background:#4f4f4f}.gh-cell.l4{background:#111}.gh-cell.l0:hover,.gh-cell.l1:hover,.gh-cell.l2:hover,.gh-cell.l3:hover,.gh-cell.l4:hover{outline:1px solid #111;outline-offset:1px}.gh-legend{display:flex;align-items:center;gap:3px;margin-top:.75rem;font-size:.68rem;font-family:SF Mono,Fira Mono,Roboto Mono,Menlo,monospace;color:#aaa}.gh-legend .gh-cell{opacity:1;animation:none}.gh-legend span:first-child{margin-right:4px}.gh-legend span:last-child{margin-left:4px}.gh-note{margin-top:1.1rem;font-size:.85rem;font-weight:300;color:#777;line-height:1.6;max-width:560px}.gh-tip{position:fixed;transform:translate(-50%,calc(-100% - 8px));background:#111;color:#fafafa;font-size:.7rem;font-family:SF Mono,Fira Mono,Roboto Mono,Menlo,monospace;padding:.3rem .55rem;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10}.project sup{line-height:0;font-size:.72em}